.home{flex-direction:column;gap:2rem;height:calc(100dvh - 3.75rem);padding:2rem;display:flex;overflow-y:auto}.home .btn-link{color:#0c2a44}.home .btn-link:hover{color:#143656}.home-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.home-greeting h1{letter-spacing:-.01em;color:#2a2925;font-size:1.75rem;font-weight:600}.home-greeting h1 .name{color:#0c2a44}.home-greeting-subtitle{color:#59564f;margin-top:.5rem;font-size:.875rem}.home-portfolio-details{color:#8a857a;align-items:center;gap:.75rem;font-size:.8125rem;display:flex}.home-status{text-transform:capitalize;border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;display:inline-flex}.home-status.published{color:#5c7a55;background:#e7ede5}.home-status.archived{color:#b48945;background:#f2eadb}.home-status.draft{color:#0c2a44;background:#e8edf2}.home-body{grid-template-columns:repeat(20,1fr);gap:1.25rem;display:grid}.home-preview{flex-direction:column;grid-column:1/14;display:flex}.home-preview .card{flex-direction:column;height:100%;display:flex}.home-preview-container{background:#ebe3d8;flex-direction:column;flex:1;display:flex}.home-preview-slug{color:#8a857a;padding:1rem 1.5rem 0;font-size:.8125rem}.home-preview-iframe{flex:1;min-height:340px;padding:1rem 1.5rem 1.5rem}.home-preview-iframe iframe{background:#f6f1e9;border:none;border-radius:4px;width:100%;height:100%}.home-preview-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;height:100%;min-height:300px;display:flex}.home-preview-empty-title{color:#2a2925;font-size:1rem;font-weight:600}.home-preview-empty-subtitle{color:#8a857a;max-width:280px;font-size:.8125rem}.home-messages{flex-direction:column;grid-column:14/21;display:flex}.home-messages .card{flex-direction:column;height:100%;display:flex}.home-messages-list{flex:1;max-height:420px;overflow-y:auto}.home-message-item{color:inherit;border-bottom:1px solid #e3dbcf;border-right:3px solid #0000;gap:.75rem;padding:.875rem 1.5rem;text-decoration:none;transition:background .2s;display:flex;position:relative}.home-message-item:hover{background:#faf7f2}.home-message-item.unread{background:#e8edf2;border-right-color:#0c2a44}.home-message-item.unread .name{font-weight:700}.home-message-content{flex:1;min-width:0}.home-message-item .name{color:#2a2925;font-size:.875rem}.home-message-item .message{color:#59564f;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:.25rem;font-size:.8125rem;display:-webkit-box;overflow:hidden}.home-message-item .badge{color:#59564f;text-transform:uppercase;letter-spacing:.03em;background:#ede9e3;border-radius:4px;margin-top:.375rem;padding:2px .5rem;font-size:.625rem;font-weight:600;display:inline-block}.home-message-item .date{color:#8a857a;flex-shrink:0;font-size:.6875rem}.home-fast-actions{grid-column:1/11}.home-fast-actions-grid{flex-wrap:wrap;gap:.75rem;display:flex}.home-action{cursor:pointer;color:inherit;border:1px solid #e3dbcf;border-radius:8px;flex-direction:column;flex:40%;gap:.25rem;padding:1rem;text-decoration:none;transition:all .3s;display:flex}.home-action:hover{background:#faf7f2;border-color:#beb5a8}.home-action .icon{border-radius:4px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;margin-bottom:.25rem;display:flex}.home-action.project .icon{color:#0c2a44;background:#e8edf2}.home-action.service .icon{color:#f0e9df;background:#0c2a44}.home-action.notifications .icon{color:#b48945;background:#f2eadb}.home-action.share .icon{color:#f0e9df;background:#ada696}.home-action .label{color:#2a2925;font-size:.875rem;font-weight:600}.home-action .subtitle{color:#8a857a;font-size:.8125rem}.home-recent-activity{grid-column:11/21}.home-logs{max-height:340px;overflow-y:auto}.home-log{color:#2a2925;border-bottom:1px solid #e3dbcf;padding:.75rem 6rem .75rem 1.5rem;font-size:.875rem;position:relative}.home-log:last-child{border-bottom:none}.home-log-date{color:#8a857a;white-space:nowrap;font-size:.75rem;position:absolute;top:.75rem;right:1.5rem}.home-empty-text{color:#8a857a;padding:1.5rem;font-size:.875rem}@media (max-width:768px){.home{padding:1rem}.home-header{flex-direction:column;align-items:flex-start;gap:.75rem}.home-greeting h1{font-size:1.5rem}.home-body{grid-template-columns:1fr}.home-preview,.home-messages,.home-fast-actions,.home-recent-activity{grid-column:1/-1}.home-action{flex:100%}}