.dashboard-root *{box-sizing:border-box}.dashboard-root{--bg-base:#0f1117;--bg-panel:#161b27;--bg-card:#1c2236;--bg-hover:#212840;--bg-active:#1e2d4a;--border:#ffffff12;--border-strong:#ffffff21;--text-primary:#e8ecf4;--text-secondary:#8892aa;--text-muted:#505870;--teal:#2dd4a8;--teal-dim:#2dd4a81f;--teal-mid:#2dd4a838;--amber:#f59e4a;--red:#f2615a;--blue:#5b9cf6;color:var(--text-primary);background-color:var(--bg-base);grid-template-columns:210px 1fr;min-height:100vh;font-family:inherit;display:grid}.d-text-primary{color:var(--text-primary)}.d-text-secondary{color:var(--text-secondary)}.d-text-muted{color:var(--text-muted)}.d-text-teal{color:var(--teal)}.dashboard-sidebar{background-color:var(--bg-panel);border-right:.5px solid var(--border);flex-direction:column;display:flex}.sidebar-logo-area{border-bottom:.5px solid var(--border);align-items:center;gap:12px;padding:16px;display:flex}.logo-icon-box{background-color:var(--teal-dim);width:28px;height:28px;color:var(--teal);border-radius:7px;justify-content:center;align-items:center;display:flex}.logo-text h1{margin:0;font-size:16px;font-weight:700;line-height:1.2}.logo-text span{color:var(--text-muted);font-size:11px}.sidebar-nav-section{padding:16px 12px}.sidebar-section-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:8px;padding-left:8px;font-size:11px;font-weight:600}.sidebar-nav-item{cursor:pointer;color:var(--text-secondary);text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:14px;transition:all .2s;display:flex}.sidebar-nav-item:hover,.sidebar-nav-item:focus-visible{background-color:var(--bg-hover);color:var(--text-primary);outline:none}.sidebar-nav-item.active{background-color:var(--bg-active);color:var(--teal)}.count-badge{background-color:var(--teal-dim);color:var(--teal);border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600}.sidebar-user-row{border-top:.5px solid var(--border);cursor:pointer;align-items:center;gap:12px;margin-top:auto;padding:16px;display:flex}.sidebar-user-row:hover{background-color:var(--bg-hover)}.user-avatar{background:linear-gradient(135deg, var(--blue), var(--teal));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-info-name{font-size:14px;font-weight:600}.user-info-role{color:var(--text-muted);font-size:12px}.kebab-icon{color:var(--text-muted);margin-left:auto}.dashboard-main{flex-direction:column;min-width:0;display:flex}.dashboard-topbar{background-color:var(--bg-panel);border-bottom:.5px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.topbar-left{flex-direction:column;gap:2px;display:flex}.topbar-title{margin:0;font-size:18px;font-weight:600}.topbar-breadcrumb{color:var(--text-muted);font-size:13px}.topbar-right{align-items:center;gap:8px;display:flex}.search-box{background-color:var(--bg-card);border:1px solid var(--border-strong);border-radius:8px;align-items:center;gap:8px;height:36px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.search-box:focus-within{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal-dim)}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;width:160px;font-family:inherit;font-size:13px}.search-box input::placeholder{color:var(--text-muted)}.btn-ghost{border:1px solid var(--border-strong);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-ghost:hover,.btn-ghost:focus-visible{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted);outline:none}.btn-primary{background:var(--teal);color:#0a1a15;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s,transform .1s;display:flex;box-shadow:0 4px 10px #2dd4a833}.btn-primary:hover,.btn-primary:focus-visible{filter:brightness(1.1);outline:none;transform:translateY(-1px);box-shadow:0 6px 14px #2dd4a84d}.stats-row{border-bottom:.5px solid var(--border);grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px;display:grid}.stat-card{background:linear-gradient(145deg, var(--bg-card), var(--bg-panel));border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:18px 20px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s,border-color .3s;display:flex}.stat-card:hover{border-color:var(--border-strong);transform:translateY(-4px);box-shadow:0 12px 24px #0000004d}.stat-label-row{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.stat-value{color:var(--text-primary);margin:0;font-size:28px;font-weight:600}.stat-delta{font-size:12px;font-weight:500}.stat-delta.positive{color:var(--teal)}.stat-delta.negative{color:var(--red)}.stat-delta.neutral{color:var(--text-muted)}.dashboard-content{flex:1;display:flex;overflow:hidden}.documents-table-container{border-right:.5px solid var(--border);flex-direction:column;flex:1;padding:16px 20px;display:flex;overflow-y:auto}.table-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.table-title{margin:0;font-size:16px;font-weight:600}.filter-tabs{gap:8px;display:flex}.filter-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.filter-tab:hover,.filter-tab:focus-visible{color:var(--text-primary);background-color:var(--bg-hover);outline:none}.filter-tab.active{background-color:var(--bg-card);color:var(--text-primary);border:.5px solid var(--border-strong)}.documents-table{border-collapse:collapse;text-align:left;width:100%}.documents-table th{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;border-bottom:1px solid var(--border-strong);padding:16px;font-size:12px;font-weight:600}.documents-table td{color:var(--text-secondary);border-bottom:1px solid var(--border);cursor:pointer;padding:16px;font-size:14px;transition:background-color .2s,padding-left .2s}.documents-table tr:hover td{background-color:var(--bg-hover)}.documents-table tr.selected td{background-color:var(--bg-active)}.documents-table tr.selected td:first-child{border-left:3px solid var(--teal);padding-left:13px}.table-title-cell{color:var(--text-primary);font-weight:500}.type-badge{background-color:var(--bg-card);border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.type-badge.project{background-color:var(--teal-dim);color:var(--teal)}.type-badge.blogPost{color:var(--blue);background-color:#5b9cf61f}.status-indicator{align-items:center;gap:6px;font-size:11px;display:flex}.status-dot{border-radius:50%;width:6px;height:6px}.status-dot.published{background-color:var(--teal);box-shadow:0 0 0 2px var(--teal-dim)}.status-dot.draft{background-color:var(--text-muted)}.status-dot.review{background-color:var(--amber)}.preview-panel{background-color:var(--bg-panel);flex-direction:column;gap:16px;width:280px;padding:16px;display:flex;overflow-y:auto}.preview-empty{color:var(--text-muted);text-align:center;margin-top:40px;font-size:12px}.preview-top-row{justify-content:space-between;align-items:center;display:flex}.preview-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:600;line-height:1.35}.preview-meta-row{color:var(--text-muted);align-items:center;gap:12px;font-size:12px;display:flex}.preview-meta-item{align-items:center;gap:6px;display:flex}.preview-excerpt{color:var(--text-secondary);background-color:var(--bg-card);border:1px solid var(--border-strong);border-radius:10px;padding:16px;font-size:13px;line-height:1.6}.preview-fields{flex-direction:column;gap:10px;display:flex}.field-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.field-label{color:var(--text-muted);font-size:12px}.field-value{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:13px;font-weight:500;overflow:hidden}.field-value.mono{font-family:monospace;font-size:10px}.field-value.blue{color:var(--blue)}.preview-actions{gap:8px;margin-top:8px;display:flex}.btn-outline-teal{border:1px solid var(--teal);color:var(--teal);cursor:pointer;background:0 0;border-radius:5px;flex:1;padding:6px 0;font-size:11px;transition:all .2s}.btn-outline-teal:hover{background:var(--teal-dim)}.btn-outline-gray{border:1px solid var(--border-strong);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:5px;flex:1;padding:6px 0;font-size:11px;transition:all .2s}.btn-outline-gray:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon-only{border:1px solid var(--border-strong);width:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:5px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon-only:hover{background:var(--bg-hover);color:var(--text-primary)}.preview-activity{margin-top:8px}.activity-title{text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-size:10px;font-weight:600}.activity-list{flex-direction:column;gap:12px;display:flex}.activity-item{gap:8px;display:flex}.activity-dot{background-color:var(--teal);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:4px}.activity-text{color:var(--text-secondary);font-size:11px}.activity-time{color:var(--text-muted);margin-top:2px;font-size:9px}@media (width<=1024px){.dashboard-content{flex-direction:column}.documents-table-container{border-right:none;border-bottom:.5px solid var(--border);flex:none;max-height:55vh}.preview-panel{flex:none;width:100%}.preview-panel.empty{display:none}.stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dashboard-root{grid-template-columns:1fr}.dashboard-sidebar{display:none}.dashboard-topbar{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.topbar-right{justify-content:space-between;width:100%}.search-box{flex:1}.search-box input{width:100%}.documents-table-container{padding:12px 16px}.documents-table{min-width:600px}.filter-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;overflow-x:auto;flex-wrap:nowrap!important}.filter-tabs::-webkit-scrollbar{display:none}}@media (width<=480px){.stats-row{grid-template-columns:1fr;gap:8px;padding:12px 16px}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.create-dropdown-menu{background-color:var(--bg-panel);border:1px solid var(--border-strong);z-index:100;border-radius:12px;flex-direction:column;gap:4px;min-width:160px;padding:8px;animation:.2s cubic-bezier(.16,1,.3,1) forwards dropdownFadeIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #0006}.create-dropdown-item{color:var(--text-secondary);border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.create-dropdown-item:hover,.create-dropdown-item:focus-visible{background-color:var(--bg-hover);color:var(--teal);outline:none}