:root{
  --bg:#f7f8fb;
  --panel:#ffffff;
  --panel2:#f3f5f9;
  --line:#e5e7eb;
  --text:#111827;
  --muted:#6b7280;
  --accent:#2563eb;
  --danger:#dc2626;
  --green:#16a34a;
  --yellow:#d97706;
  --blue:#0284c7;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:14px}
a{color:inherit;text-decoration:none}.app{display:flex;min-height:100vh}
.sidebar{width:265px;background:#ffffff;border-right:1px solid var(--line);padding:10px 12px;position:fixed;top:0;bottom:0;left:0;overflow:auto;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.brand{height:36px;display:flex;align-items:center;gap:10px;font-weight:700;color:#111827}.case{background:#e8f0ff;color:#2563eb;border-radius:4px;padding:2px}.nav{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;color:#374151}.nav:hover,.nav.active{background:#eef2ff;color:#1d4ed8}.side-label{font-size:12px;color:var(--muted);margin:22px 0 8px}.sidebar-bottom{position:absolute;bottom:18px;left:12px;right:12px}
.main{margin-left:265px;width:calc(100% - 265px)}.topbar{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#ffffff;position:sticky;top:0;z-index:3;box-shadow:0 1px 10px rgba(15,23,42,.04)}.crumb,.top-actions{font-size:12px;color:#6b7280}.content{max-width:980px;margin:0 auto;padding:82px 36px}.content>h1,.page-head h1{font-size:42px;line-height:1.1;margin:0 0 10px}.muted{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.card,.panel,.install-card,.login-card,.member,.list-item,.comment{background:#ffffff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:30px}
.btn{border:1px solid #d1d5db;background:#ffffff;color:#111827;border-radius:8px;padding:9px 13px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn:hover{background:#f3f4f6}.btn.primary{background:#2563eb;color:#ffffff;border-color:#2563eb;font-weight:700}.btn.primary:hover{background:#1d4ed8}.btn.danger{background:#fff1f2;border-color:#fecdd3;color:#be123c}.btn.small{padding:6px 9px;font-size:12px}.inline{display:inline}
.status,.pill{display:inline-flex;border-radius:999px;font-size:12px;padding:5px 9px;background:#f3f4f6;color:#374151}.status-pending{background:#fef3c7;color:#92400e}.status-in_progress,.status-in-process{background:#e0f2fe;color:#075985}.status-review{background:#f3e8ff;color:#7e22ce}.status-complete{background:#dcfce7;color:#166534}.pill.enabled{background:#dcfce7;color:#166534}.pill.disabled{background:#fee2e2;color:#991b1b}
.list{display:flex;flex-direction:column;gap:10px}.list-item{display:grid;grid-template-columns:1fr auto auto auto;gap:12px;align-items:center}.list-item small{display:block;color:var(--muted);margin-top:5px}.member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.member{display:flex;flex-direction:column;gap:7px}.avatar{width:48px;height:48px;border-radius:50%;background:#e5e7eb;color:#111827;display:grid;place-items:center;font-weight:800;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}
input,select,textarea{width:100%;background:#ffffff;border:1px solid #d1d5db;border-radius:8px;color:#111827;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}textarea{min-height:95px;resize:vertical}.form-grid,.grid-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid-form h3{grid-column:1/-1}.title-input{font-size:42px;font-weight:800;background:transparent;border:0;padding:10px 0;margin-bottom:18px;box-shadow:none}.editor-form{display:flex;flex-direction:column;gap:14px}
.doc{background:#ffffff;border:1px solid var(--line);border-radius:12px;padding:22px;margin-top:22px;line-height:1.7;font-size:16px}.doc:empty{display:none}.doc p{white-space:pre-wrap}.doc h1{font-size:38px}.doc h2{font-size:30px}.doc h3{font-size:24px}.doc h4{font-size:20px}.doc-media{display:block;max-width:100%;border-radius:8px;margin:14px 0;background:#f8fafc;border:1px solid #e5e7eb}.doc-audio{display:block;margin:12px 0;width:100%}.callout{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:14px}blockquote{border-left:4px solid #d1d5db;padding-left:14px;color:#374151}pre{background:#f9fafb;border:1px solid #e5e7eb;color:#111827;border-radius:10px;padding:15px;overflow:auto}.bookmark,.file-card{display:block;border:1px solid var(--line);background:#ffffff;border-radius:10px;padding:14px;margin:10px 0;color:#1d4ed8}.comments{display:flex;flex-direction:column;gap:10px}.comment small{color:#6b7280;margin-left:8px}.comment-form{margin-top:12px;display:flex;flex-direction:column;gap:10px}.auth-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--bg)}.install-card{max-width:760px;width:100%}.login-card{max-width:420px;width:100%}.login-card form{display:flex;flex-direction:column;gap:12px}.alert{background:#fff1f2;color:#be123c;border:1px solid #fecdd3;padding:10px;border-radius:8px;margin:10px 0}.success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;padding:10px;border-radius:8px;margin:10px 0}
.doc-table{border-collapse:collapse;width:100%;margin:12px 0;background:#ffffff}.doc-table th,.doc-table td{border:1px solid #e5e7eb;padding:10px;text-align:left}.doc-table th{background:#f9fafb}.toggle-block,.view-card,.feed-view,.tab-item{background:#ffffff;border:1px solid var(--line);border-radius:10px;padding:12px;margin:10px 0}.board-view{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.board-view span{background:#f3f4f6;border-radius:8px;padding:12px}.gallery-view{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery-view div{height:80px;background:#f3f4f6;border-radius:8px}.feed-view{border-left:3px solid #cbd5e1}.tabs-view{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.tab-item{min-width:160px}
.mobile-top{display:none}.sidebar-close{display:none}.mobile-overlay{display:none}.check-row{display:flex;align-items:center;gap:10px;background:#ffffff;border:1px solid var(--line);border-radius:8px;padding:11px 12px}.check-row input,.permission-card input{width:auto;margin:0}.role-panel{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.permissions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.permission-card{display:flex;align-items:flex-start;gap:12px;background:#ffffff;border:1px solid var(--line);border-radius:12px;padding:14px;cursor:pointer}.permission-card:hover{background:#f8fafc}.permission-card strong{display:block}.permission-card small{display:block;color:var(--muted);margin-top:5px;line-height:1.4}.roles-list{display:flex;flex-direction:column;gap:12px}.role-card{display:grid;grid-template-columns:minmax(180px,1fr) 1.6fr auto;gap:14px;align-items:center;background:#ffffff;border:1px solid var(--line);border-radius:12px;padding:15px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.role-card small{display:block;color:var(--muted);margin-top:5px}.role-perms{display:flex;gap:8px;flex-wrap:wrap}.role-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.table-responsive{width:100%;overflow-x:auto}.panel .btn,.role-panel .btn{align-self:flex-start}.form-actions{display:flex;gap:10px;align-items:center}.role-modal{position:fixed;inset:0;background:rgba(15,23,42,.72);backdrop-filter:blur(8px);display:none;align-items:flex-start;justify-content:center;padding:24px;z-index:9998;overflow-y:auto}.role-modal.open{display:flex}.role-modal-box{background:#fff;border-radius:18px;max-width:min(920px,96vw);width:100%;margin:auto;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.role-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.role-modal-head h2{margin:0;font-size:20px}.role-modal-close{background:none;border:none;font-size:28px;line-height:1;cursor:pointer;color:var(--muted);padding:0 6px}.role-modal-close:hover{color:var(--ink)}.role-modal .permissions-grid{grid-template-columns:1fr 1fr}.role-modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
.simple-editor{display:flex;flex-direction:column;gap:14px}.field-label{font-weight:700;color:#111827}.content-textarea{min-height:220px;line-height:1.65}.media-selector{display:flex;flex-direction:column;gap:8px;border:1px dashed #cbd5e1;background:#f8fafc;border-radius:12px;padding:16px}.media-selector input[type=file]{background:#ffffff}.media-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-top:12px}.media-preview-card{border:1px solid var(--line);border-radius:12px;background:#ffffff;padding:12px;box-shadow:0 8px 20px rgba(15,23,42,.05);display:flex;flex-direction:column;gap:8px;overflow:hidden}.media-preview-card .doc-media{margin:0;width:100%;max-height:220px;object-fit:contain;background:#f8fafc}.media-preview-card strong{font-size:13px;overflow-wrap:anywhere}.keep-file{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151}.keep-file input{width:auto}.pdf-preview{width:100%;height:230px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc}.file-placeholder{height:120px;display:grid;place-items:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;font-size:38px}.existing-media h3{margin-bottom:0}
.block-toolbar,.blocks-sortable,.block-row,.drag,.block-menu{display:none!important}
.hidden{display:none!important}
@media(max-width:1100px){.content{max-width:100%;padding-left:28px;padding-right:28px}.permissions-grid{grid-template-columns:1fr 1fr}.role-card{grid-template-columns:1fr}.role-actions{justify-content:flex-start}.list-item{grid-template-columns:1fr auto}.list-item form,.list-item>a.btn{justify-self:start}}
@media(max-width:800px){body{padding-top:54px}.mobile-top{position:fixed;top:0;left:0;right:0;height:54px;background:#ffffff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 14px;z-index:20}.menu-toggle,.sidebar-close{border:1px solid #d1d5db;background:#ffffff;color:#111827;border-radius:8px;width:38px;height:34px;font-size:20px;cursor:pointer}.sidebar{position:fixed;left:-290px;top:0;bottom:0;width:280px;height:100vh;z-index:30;transition:left .2s ease}.sidebar-bottom{position:static;margin-top:22px}.sidebar-close{display:block;margin-left:auto}.brand{justify-content:flex-start}.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:25}.sidebar-open .sidebar{left:0}.sidebar-open .mobile-overlay{display:block}.app{display:block}.main{margin-left:0;width:100%}.content{padding:34px 16px}.topbar{display:none}.content>h1,.page-head h1,.title-input{font-size:32px}.page-head{align-items:flex-start;flex-direction:column;gap:12px}.page-head .btn{width:auto}.cards,.form-grid,.grid-form,.permissions-grid{grid-template-columns:1fr}.member-grid{grid-template-columns:1fr}.list-item{grid-template-columns:1fr;gap:10px}.role-card{padding:13px}.doc{font-size:15px}.doc h1{font-size:30px}.doc h2{font-size:25px}.doc h3{font-size:21px}.doc h4{font-size:18px}.btn{min-height:38px}.inline{display:inline-flex}.gallery-view,.board-view{grid-template-columns:1fr}.install-card,.login-card{border-radius:10px}.auth-body{padding:14px}.panel .btn,.role-panel .btn{width:100%;justify-content:center}}
@media(max-width:480px){.content{padding:28px 12px}.card,.panel,.install-card,.login-card,.member,.role-card{padding:14px}.btn{width:100%;justify-content:center}.row{flex-direction:column}.role-actions,.role-perms{width:100%}.role-actions .btn,.role-actions form,.role-actions button{width:100%}.title-input{font-size:28px}.content>h1,.page-head h1{font-size:30px}input,select,textarea{font-size:16px}.permission-card{padding:12px}}

/* Dashboard project status board, inspired by Monday-style table */
.dashboard-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 16px}.tab-btn{border:1px solid #d8ddeb;background:#fff;color:#4b5563;border-radius:999px;padding:10px 16px;font-weight:700;cursor:pointer}.tab-btn:hover,.tab-btn.active{background:#eef2ff;color:#4f46e5;border-color:#c7d2fe}.project-board{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 12px 28px rgba(15,23,42,.06)}.project-status-table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}.project-status-table th{background:#fff;color:#4b5563;font-size:13px;text-align:center;padding:11px 12px;border-bottom:1px solid #e5e7eb}.project-status-table th:first-child{text-align:left}.project-status-table td{background:#f3f4f6;border-right:3px solid #fff;border-bottom:3px solid #fff;padding:0 12px;height:56px;text-align:center;color:#374151}.project-status-table tr td:first-child{border-left:4px solid #6366f1;text-align:left;background:#f5f6f8;font-weight:600}.project-name-cell a{display:block;color:#374151}.owner-cell{display:flex;align-items:center;justify-content:center;gap:8px}.owner-cell img,.owner-cell span{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#e0e7ff;color:#4338ca;display:grid;place-items:center;font-size:12px;font-weight:800}.owner-cell small{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4b5563}.project-status-table .status{border-radius:0;width:auto;margin: 0 -12px;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.project-status-table .status-pending{background:#9ca3af;color:#fff}.project-status-table .status-in_progress,.project-status-table .status-in-process{background:#fbbf24;color:#fff}.project-status-table .status-review{background:#e11d48;color:#fff}.project-status-table .status-complete{background:#10b981;color:#fff}.timeline-bar{height:14px;border-radius:999px;background:#c7cbd3;overflow:hidden;max-width:190px;margin:0 auto}.timeline-bar i{display:block;height:100%;background:#5b5bd6;border-radius:999px}.multi-select{min-height:140px}.project-status-table tr.is-hidden{display:none}
@media(max-width:800px){.dashboard-tabs{gap:8px}.tab-btn{padding:8px 12px}.project-status-table{min-width:720px}.project-board{border-radius:10px}.owner-cell small{max-width:90px}}

/* File preview boxes and popup */
.frontend-files-grid{margin-top:14px}.files-section{margin-top:22px}.files-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.files-head h3{margin:0}.file-box{min-height:245px}.file-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.file-actions .btn{flex:1;justify-content:center}.previewable-media{cursor:zoom-in}.preview-modal{position:fixed;inset:0;background:rgba(15,23,42,.72);display:none;align-items:center;justify-content:center;padding:24px;z-index:9999}.preview-modal.is-open{display:flex}.preview-modal-box{position:relative;background:#fff;border-radius:16px;max-width:min(1100px,96vw);max-height:92vh;width:100%;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.preview-close{position:absolute;top:10px;right:12px;width:38px;height:38px;border:1px solid #e5e7eb;background:#fff;border-radius:50%;font-size:26px;line-height:1;cursor:pointer;z-index:2}.preview-modal-content{display:grid;place-items:center;min-height:260px}.preview-modal-content img,.preview-modal-content video{max-width:100%;max-height:82vh;border-radius:12px;background:#f8fafc}.media-preview-card .pdf-preview{height:180px}.media-preview-card .file-card{margin:0}.media-preview-card .doc-audio{margin:0}.media-preview-card.file-box .doc-media{height:180px;max-height:180px;object-fit:contain}.media-preview-card.file-box .file-placeholder{height:180px}
@media(max-width:800px){.preview-modal{padding:12px}.preview-modal-box{padding:12px}.preview-close{top:6px;right:6px}.media-preview-card.file-box .doc-media,.media-preview-card.file-box .file-placeholder{height:150px}.file-actions .btn{width:auto;min-height:36px}}

/* Checkbox assignee selector */
.assignee-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:4px}.assignee-check{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 12px;cursor:pointer}.assignee-check:hover{background:#f8fafc;border-color:#c7d2fe}.assignee-check input{width:auto;margin:0}.assignee-check span{font-weight:600;color:#374151}.multi-select{display:none!important}
.project-status-table .btn.small{white-space:nowrap}
@media(max-width:800px){.assignee-checkboxes{grid-template-columns:1fr}}

/* Material Symbols icons */
.material-symbols-outlined{font-size:20px;line-height:1;vertical-align:middle;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}.nav .material-symbols-outlined,.crumb .material-symbols-outlined,.btn .material-symbols-outlined{font-size:19px}.inline-icon{font-size:16px;margin-right:5px;color:var(--muted)}.case.material-symbols-outlined{display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:8px}.crumb{display:flex;align-items:center;gap:6px}.file-placeholder{display:grid;place-items:center;color:#64748b}.file-placeholder .material-symbols-outlined,.file-placeholder span{font-size:44px;color:#64748b}.callout .material-symbols-outlined,.bookmark .material-symbols-outlined{font-size:18px;margin-right:6px}

/* Dashboard users and assigned tasks */
.dashboard-section-head{margin:34px 0 14px}.dashboard-section-head h2{margin:0 0 5px;font-size:28px}.user-task-board{display:flex;flex-direction:column;gap:14px}.user-task-row{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;grid-template-columns:285px 1fr;gap:18px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.user-profile-side{display:flex;gap:15px;align-items:flex-start}.user-profile-avatar{width:82px;height:82px;border-radius:12px;overflow:hidden;background:#e5e7eb;display:grid;place-items:center;flex:0 0 auto;color:#374151;font-weight:800}.user-profile-avatar img{width:100%;height:100%;object-fit:cover}.user-profile-side strong{display:block;font-size:18px;margin-bottom:4px}.user-profile-side small{display:flex;align-items:center;gap:4px;color:var(--muted);margin-top:4px;word-break:break-word}.user-task-side{display:flex;flex-wrap:wrap;gap:9px;align-content:flex-start;padding-top:4px}.task-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #e5e7eb;border-radius:999px;background:#f8fafc;color:#334155;padding:7px 10px}.task-chip .status{padding:3px 7px;font-size:11px}.member small{display:flex;align-items:center;gap:4px;word-break:break-word}
@media(max-width:800px){.user-task-row{grid-template-columns:1fr}.user-profile-avatar{width:66px;height:66px}.dashboard-section-head h2{font-size:23px}.task-chip{width:100%;justify-content:space-between}}

/* User dashboard: show assigned projects and tasks side by side inside each user card */
.user-task-side{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start;padding-top:2px}
.assigned-group{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:12px;min-height:90px}
.assigned-title{display:flex;align-items:center;gap:7px;font-weight:800;color:#111827;margin-bottom:10px;font-size:14px}
.assigned-title .material-symbols-outlined{font-size:20px;color:#4f46e5}
.assigned-list{display:flex;flex-wrap:wrap;gap:9px;align-items:flex-start}
.project-chip{background:#eef2ff;border-color:#c7d2fe}
@media(max-width:900px){.user-task-side{grid-template-columns:1fr}.assigned-list .task-chip{width:100%;justify-content:space-between}}

/* Design refresh inspired by uploaded light admin screens */
:root{--soft-bg:#eef3f1;--deep:#0b3f39;--gold:#c99a2e;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--card:#ffffff}
body{background:linear-gradient(120deg,#f8fafc,#eef3f1)!important;color:var(--ink)}
.sidebar{background:#0b3f39!important;color:#fff;border-right:0!important}
.sidebar .nav{color:#e6fffb!important;border-radius:12px}.sidebar .nav:hover{background:rgba(255,255,255,.12)!important}.sidebar .brand{color:#fff}.side-label{color:#b6d6d1!important}.main{background:transparent!important}.panel,.project-board,.member,.role-card,.user-task-row,.chat-app{background:rgba(255,255,255,.88)!important;border:1px solid var(--line)!important;box-shadow:0 12px 30px rgba(15,23,42,.06)!important;border-radius:18px!important}.btn.primary{background:var(--gold)!important;border-color:var(--gold)!important;color:#111!important}.btn{border-radius:10px}.project-status-table th{font-weight:800;color:#14213d;background:#f8fafc!important}.project-status-table td{background:#f8fafc;border-bottom:3px solid #fff}.project-status-table tr.overdue-row td{background:#fff7ed!important}.status{color:#fff!important;padding:10px 16px;border-radius:0!important;display:inline-flex;min-width:105px;justify-content:center;font-weight:800}.status-select.small{padding:8px;border-radius:8px;border:1px solid #d7dee8;background:#fff;min-width:135px}.timeline-bar{height:16px;background:#cbd1da;border-radius:999px;overflow:hidden}.timeline-bar i{display:block;height:100%;background:#5b5ce2;border-radius:999px}.pagination{display:flex;gap:8px;justify-content:flex-end;margin:16px 0}.page-link{padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;text-decoration:none}.page-link.active{background:var(--deep);color:#fff}.profile-layout{display:grid;grid-template-columns:300px 1fr;gap:28px}.profile-card-big{background:#dfe8e5;border-radius:16px;padding:24px;text-align:center}.avatar.big{width:120px;height:120px;margin:auto;border-radius:50%;overflow:hidden}.avatar.big img{width:100%;height:100%;object-fit:cover}.mini-chart{display:flex;gap:12px;align-items:flex-end;min-height:150px;background:#f8fafc;padding:16px;border-radius:14px}.mini-chart div{display:flex;flex-direction:column;align-items:center;gap:6px}.mini-chart i{display:block;width:26px;background:var(--gold);border-radius:8px 8px 0 0}.chat-app{display:grid;grid-template-columns:320px 1fr;min-height:650px;overflow:hidden}.chat-users{border-right:1px solid var(--line);padding:18px;background:#f8fafc}.chat-user{display:flex;align-items:center;gap:12px;width:100%;border:0;background:#fff;margin:8px 0;padding:12px;border-radius:14px;text-align:left;cursor:pointer}.chat-user.active{outline:2px solid var(--gold)}.chat-user img,.chat-user b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e2e8f0;object-fit:cover}.presence{width:10px;height:10px;border-radius:50%;background:#94a3b8}.presence.online{background:#22c55e}.chat-window{display:flex;flex-direction:column;min-height:650px}.chat-head{padding:18px;border-bottom:1px solid var(--line);font-weight:800}.chat-messages{flex:1;overflow:auto;padding:18px;background:#e9efed}.chat-msg{display:flex;margin:10px 0}.chat-msg.mine{justify-content:flex-end}.bubble{max-width:68%;background:#fff;border-radius:16px;padding:10px 12px;box-shadow:0 4px 10px rgba(15,23,42,.05)}.chat-msg.mine .bubble{background:#fff6df}.bubble p{margin:0 0 4px}.bubble small{color:#64748b}.chat-actions button{border:0;background:transparent;color:#0f766e;cursor:pointer;margin-right:6px}.chat-file{display:block;margin-top:6px;color:#0f766e}.chat-form{display:flex;gap:8px;padding:14px;border-top:1px solid var(--line);background:#fff}.chat-form input[name=message]{flex:1}.status-settings input[type=color]{height:45px}.project-name-cell a{font-weight:800;color:#0f172a;text-decoration:none}
@media(max-width:800px){.profile-layout,.chat-app{grid-template-columns:1fr}.chat-users{border-right:0;border-bottom:1px solid var(--line)}.project-status-table{min-width:900px}}

/* Profile card in sidebar */
.sidebar-profile-card{margin:24px 6px 58px;padding:16px 12px;background:#f1f6f4;border:1px solid #dbe7e3;border-radius:18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.sidebar-profile-card img,.sidebar-profile-card>span{width:68px;height:68px;border-radius:18px;object-fit:cover;background:#e5e7eb;display:grid;place-items:center;font-weight:800;color:#0f172a}
.sidebar-profile-card strong{font-size:14px;color:#0f172a}.sidebar-profile-card small{font-size:11px;color:#64748b}.sidebar-profile-card .btn{margin-top:6px;background:#ffffff}

/* Profile / staff editor design */
.profile-page-head{margin-bottom:26px}.profile-editor-card{display:grid;grid-template-columns:310px 1fr;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 45px rgba(15,23,42,.06);overflow:hidden;margin-bottom:28px}.profile-summary-panel{background:#dfe8e5;padding:34px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.profile-summary-panel h2{margin:10px 0 0;font-size:22px}.avatar.xlarge{width:126px;height:126px;border-radius:50%;overflow:hidden;background:#e5e7eb;display:grid;place-items:center;font-weight:900;font-size:34px;color:#0f172a}.avatar.xlarge img{width:100%;height:100%;object-fit:cover}.profile-stat-row{width:100%;border-top:1px solid rgba(15,23,42,.14);border-bottom:1px solid rgba(15,23,42,.14);padding:18px 0;margin:12px 0;display:flex;flex-direction:column}.profile-stat-row strong{font-size:20px}.profile-stat-row span{font-size:12px;color:#64748b}.profile-tab{width:100%;display:flex;align-items:center;gap:8px;text-align:left;padding:10px 12px;border-radius:10px;color:#1f2937}.profile-tab.active{font-weight:800;background:rgba(255,255,255,.55)}.profile-form-panel{padding:34px 36px}.profile-form-panel h2{margin:0 0 24px}.form-grid.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}.form-grid.two-col label{font-size:12px;font-weight:800;color:#374151;display:flex;flex-direction:column;gap:8px}.form-grid.two-col input,.form-grid.two-col select{background:#eef2f1;border:1px solid #e5e7eb;border-radius:10px;min-height:46px;padding:10px 14px}.gold-btn{background:#c99a28!important;border-color:#c99a28!important;color:#111!important;justify-content:center;width:100%;margin-top:24px}.staff-editor.hidden{display:none!important}

.chat-error{margin:10px 14px;padding:10px 12px;background:#fff1f2;color:#be123c;border:1px solid #fecdd3;border-radius:10px;font-size:13px}
@media(max-width:900px){.profile-editor-card{grid-template-columns:1fr}.profile-summary-panel{border-bottom:1px solid var(--line)}.form-grid.two-col{grid-template-columns:1fr}.sidebar-profile-card{margin-bottom:16px}.sidebar-bottom{position:static}}

/* Slack-like chat polish + upload progress */
.slack-chat{grid-template-columns:310px 1fr!important;background:#fff!important;border-radius:0!important;min-height:720px!important;overflow:hidden!important}
.slack-chat .chat-users{background:#4a154b!important;color:#fff!important;border-right:0!important;border-radius:0!important;padding:12px!important}
.chat-workspace{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.12);padding:10px 12px;border-radius:8px;margin-bottom:14px;font-size:18px}
.slack-chat .chat-users h2{font-size:14px;text-transform:none;color:#ead7ef;margin:18px 8px 8px}
.slack-chat .chat-user{background:transparent!important;color:#eee!important;border-radius:6px!important;margin:2px 0!important;padding:7px 8px!important}
.slack-chat .chat-user:hover,.slack-chat .chat-user.active{background:#f5eafa!important;color:#1d1c1d!important;outline:0!important}
.slack-chat .chat-user img,.slack-chat .chat-user b{width:26px!important;height:26px!important;font-size:11px!important}
.slack-chat .presence{border:2px solid #4a154b;margin-right:-6px;z-index:2}.slack-chat .presence.online{background:#2bac76}.slack-chat .presence.offline{background:#9ca3af}
.slack-chat .chat-window{background:#fff!important;min-height:720px!important}
.slack-chat .chat-head{height:58px;padding:10px 18px!important;display:flex;align-items:center;justify-content:space-between;background:#fff!important;border-bottom:1px solid #ddd!important}
.slack-chat .chat-head strong{font-size:19px;color:#1d1c1d}.slack-chat .chat-head small{display:block;color:#616061;margin-top:2px}
.chat-head-icons{display:flex;gap:12px;color:#616061}.chat-tabs{display:flex;gap:22px;padding:0 18px;height:40px;align-items:center;border-bottom:1px solid #ddd;background:#fff;color:#1d1c1d}
.chat-tabs span{display:flex;align-items:center;gap:5px;font-weight:700;font-size:13px}.chat-tabs .active{border-bottom:3px solid #611f69;height:40px;color:#1d1c1d}
.slack-chat .chat-messages{background:#fff!important;padding:18px 22px!important}
.slack-message{display:flex!important;gap:10px;margin:12px 0!important;justify-content:flex-start!important}.slack-message.mine{justify-content:flex-start!important}
.msg-avatar{width:38px;height:38px;border-radius:6px;background:#e2e8f0;display:grid;place-items:center;font-weight:800;font-size:11px;flex:0 0 38px;overflow:hidden}
.msg-main{max-width:78%;}.msg-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.msg-meta strong{font-size:15px;color:#1d1c1d}.msg-meta small{font-size:12px;color:#616061}.msg-text{font-size:15px;line-height:1.45;color:#1d1c1d}
.slack-files{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.slack-file-card{width:160px;min-height:86px;border:1px solid #ddd;border-radius:8px;background:#f8f8f8;color:#1264a3;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;overflow:hidden}.slack-file-card.image img,.slack-file-card.video video{width:100%;height:118px;object-fit:cover;border-radius:6px}.slack-file-card span:last-child{font-size:12px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1d1c1d}
.slack-composer{display:block!important;margin:0 18px 18px!important;padding:0!important;border:1px solid #bbb!important;border-radius:10px!important;background:#fff!important;overflow:hidden}.composer-toolbar{display:flex;gap:16px;align-items:center;padding:10px 12px;border-bottom:1px solid #e5e7eb;color:#4b5563}.composer-toolbar span{font-weight:800}.slack-composer textarea{width:100%;min-height:58px;border:0!important;resize:vertical;padding:12px;font:inherit;outline:none}.composer-bottom{display:flex;align-items:center;gap:10px;border-top:1px solid #e5e7eb;padding:8px 10px;color:#4b5563}.icon-file{cursor:pointer;display:flex}.send-icon{margin-left:auto;border:0;background:#f3f4f6;color:#9ca3af;border-radius:6px;width:34px;height:30px;display:grid;place-items:center}.send-icon:not(:disabled){background:#611f69;color:#fff;cursor:pointer}.send-icon:disabled{opacity:.5;cursor:not-allowed}
.chat-selected-files{display:flex;gap:6px;flex-wrap:wrap;padding:0 10px 8px}.selected-file-chip{display:inline-flex;align-items:center;gap:4px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:5px 8px;font-size:12px}
.upload-progress-row{display:grid;grid-template-columns:160px 1fr 45px;gap:8px;align-items:center;padding:6px 10px;font-size:12px}.upload-progress-row b{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}.upload-progress-row i{display:block;height:100%;width:0;background:#611f69;border-radius:999px}.upload-progress-row.done i{background:#10b981}.upload-progress-row.failed i{background:#ef4444}.form-upload-progress{margin:10px 0;background:#f8fafc;border-radius:10px;overflow:hidden}
@media(max-width:800px){.slack-chat{grid-template-columns:1fr!important}.slack-chat .chat-users{max-height:260px;overflow:auto}.msg-main{max-width:calc(100% - 48px)}}

/* Chat fixes: working action buttons, preview cards, search bar */
.chat-head-icons button,.composer-toolbar button,.composer-bottom button[data-chat-tool]{border:0;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;padding:4px 6px;font:inherit}
.chat-head-icons button:hover,.composer-toolbar button:hover,.composer-bottom button[data-chat-tool]:hover{background:#f3f4f6;color:#1d1c1d}
.composer-toolbar button strong,.composer-toolbar button em{font-size:16px;color:#1d1c1d}.composer-toolbar .material-symbols-outlined,.composer-bottom .material-symbols-outlined{font-size:21px}
.chat-search-bar{display:flex;align-items:center;gap:8px;padding:10px 18px;border-bottom:1px solid #ddd;background:#fff}.chat-search-bar[hidden]{display:none}.chat-search-bar input{flex:1;border:1px solid #d1d5db;border-radius:8px;padding:8px 10px}.chat-search-bar button{border:0;background:#f3f4f6;border-radius:7px;width:30px;height:30px;cursor:pointer}
.slack-file-card{border:1px solid #ddd;cursor:pointer;text-align:left}.slack-file-card.audio{width:250px}.slack-file-card.audio audio{width:100%}.slack-file-card.pdf .material-symbols-outlined{font-size:42px;color:#dc2626}.chat-selected-files .slack-file-card{width:130px;min-height:76px}.chat-selected-files .slack-file-card.image img,.chat-selected-files .slack-file-card.video video{height:78px}.file-preview-download{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px;color:#fff}.file-preview-download .material-symbols-outlined{font-size:72px}.preview-modal-content iframe{background:#fff;border-radius:8px}
.slack-chat .chat-users{padding-top:10px!important}.chat-user-list{display:flex;flex-direction:column;gap:2px}.chat-workspace,.slack-chat .chat-users h2{display:none!important}

.msg-avatar img{width:100%;height:100%;object-fit:cover;display:block}.msg-avatar b{width:100%;height:100%;display:grid;place-items:center;background:#e2e8f0;color:#1d1c1d;border-radius:6px;font-size:12px}


/* Chat message layout fix: full Slack-style rows and internal message scrolling */
.slack-chat{height:calc(100vh - 26px)!important;min-height:0!important;overflow:hidden!important}
.slack-chat .chat-window{height:calc(100vh - 26px)!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.slack-chat .chat-messages{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:18px 22px 28px!important;scroll-behavior:smooth!important}
.slack-message{width:100%!important;align-items:flex-start!important;margin:6px 0!important;padding:4px 8px!important;border-radius:6px!important}
.slack-message:hover{background:#f8f8f8!important}
.msg-main{max-width:none!important;width:100%!important;min-width:0!important;overflow:hidden!important}
.msg-text{white-space:pre-wrap!important;word-break:break-word!important;overflow-wrap:anywhere!important;max-width:100%!important;font-size:15px!important;line-height:1.5!important}
.msg-text a{color:#1264a3;text-decoration:none}.msg-text a:hover{text-decoration:underline}
.msg-text code,.msg-text pre{background:#f6f6f6;border:1px solid #ddd;border-radius:4px;padding:2px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.msg-text pre{display:block;padding:8px;overflow:auto;white-space:pre-wrap}
.slack-composer{flex:0 0 auto!important}.chat-tabs,.chat-search-bar,.chat-head{flex:0 0 auto!important}
.chat-actions{margin-top:3px}.chat-actions button{font-size:12px!important;color:#1264a3!important}
@media(max-width:800px){.slack-chat,.slack-chat .chat-window{height:auto!important;min-height:720px!important}.slack-chat .chat-messages{max-height:560px!important}.msg-main{max-width:none!important;width:100%!important}}

/* ==========================================================
   Aether / Zain's Space reference redesign
   Visual-only override layer. Keeps PHP/AJAX functionality intact.
   ========================================================== */
:root{
  --bg:#f8f9ff;
  --panel:#ffffff;
  --panel2:#eff4ff;
  --line:#c6c6cd;
  --text:#0b1c30;
  --muted:#6b7280;
  --accent:#006a61;
  --accent-2:#89f5e7;
  --nav:#131b2e;
  --nav-soft:#3f465c;
  --surface:#e5eeff;
  --surface-high:#dce9ff;
  --danger:#ba1a1a;
  --green:#006a61;
  --yellow:#cf6721;
  --blue:#565e74;
  --shadow:0 18px 48px rgba(11,28,48,.08);
  --soft-shadow:0 10px 28px rgba(11,28,48,.06);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0!important;
  background:radial-gradient(circle at top right, rgba(137,245,231,.18), transparent 32%), var(--bg)!important;
  color:var(--text)!important;
  font-family:'Hanken Grotesk', Inter, Arial, sans-serif!important;
  font-size:15px;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}.material-symbols-outlined{vertical-align:middle;font-size:21px}
.app{display:flex;min-height:100vh;background:transparent!important}
.sidebar{
  width:260px!important;
  background:var(--nav)!important;
  color:#dae2fd!important;
  border-right:1px solid rgba(198,198,205,.2)!important;
  padding:24px 16px!important;
  position:fixed!important;top:0!important;bottom:0!important;left:0!important;
  overflow:auto!important;
  box-shadow:none!important;
  z-index:30;
}
.sidebar::-webkit-scrollbar,.custom-scrollbar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb,.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(218,226,253,.25);border-radius:20px}
.brand{
  min-height:52px!important;height:auto!important;
  display:flex!important;align-items:center!important;gap:12px!important;
  color:#fff!important;font-size:23px!important;line-height:1.15!important;font-weight:800!important;
  padding:0 8px 22px!important;margin-bottom:14px!important;border-bottom:1px solid rgba(218,226,253,.1)!important;
}
.brand strong{max-width:170px;white-space:normal}.case{background:var(--accent-2)!important;color:#00201d!important;border-radius:12px!important;padding:7px!important;box-shadow:0 10px 22px rgba(137,245,231,.16)}
.side-label{font-family:'JetBrains Mono',monospace!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:#7c839b!important;margin:22px 8px 8px!important;font-weight:700!important}
.nav{
  display:flex!important;align-items:center!important;gap:14px!important;
  min-height:42px!important;padding:10px 12px!important;margin:3px 0!important;border-radius:10px!important;
  color:#7c839b!important;background:transparent!important;font-family:'JetBrains Mono',monospace!important;font-size:13px!important;font-weight:500!important;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
.nav:hover,.nav.active{background:var(--nav-soft)!important;color:#89f5e7!important;transform:translateX(2px)}
.nav .material-symbols-outlined{font-size:22px;color:inherit}.sidebar-bottom{position:static!important;margin-top:22px!important;border-top:1px solid rgba(218,226,253,.1)!important;padding-top:14px!important}
.sidebar-profile-card{
  margin:24px 0 8px!important;padding:16px!important;border-radius:16px!important;
  background:linear-gradient(180deg, rgba(63,70,92,.72), rgba(63,70,92,.36))!important;
  border:1px solid rgba(218,226,253,.12)!important;color:#fff!important;box-shadow:none!important;
}
.sidebar-profile-card img,.sidebar-profile-card>span{width:48px!important;height:48px!important;border-radius:14px!important;background:#dce9ff!important;color:#131b2e!important;display:grid!important;place-items:center!important;font-weight:800!important;object-fit:cover!important}
.sidebar-profile-card strong{display:block;margin-top:10px;color:#fff}.sidebar-profile-card small{display:block;color:#bec6e0;margin:3px 0 10px}
.main{margin-left:260px!important;width:calc(100% - 260px)!important;background:transparent!important}.topbar{
  height:68px!important;background:rgba(255,255,255,.72)!important;backdrop-filter:blur(14px)!important;
  border-bottom:1px solid rgba(198,198,205,.72)!important;box-shadow:none!important;
  padding:0 28px!important;position:sticky!important;top:0!important;z-index:10!important;
}
.crumb{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace!important;font-size:12px!important;color:#565e74!important}.top-actions{font-size:13px!important;color:#45464d!important}.content{max-width:1180px!important;margin:0 auto!important;padding:38px 32px 64px!important}.content>h1,.page-head h1{font-size:clamp(32px,4vw,48px)!important;line-height:1.08!important;letter-spacing:-.02em!important;margin:0 0 8px!important;font-weight:800!important;color:#0b1c30!important}.page-head{align-items:flex-end!important;margin-bottom:28px!important}.page-head p,.muted{color:#565e74!important;line-height:1.55!important}.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:20px!important;margin-top:26px!important}
.card,.panel,.install-card,.login-card,.member,.list-item,.comment,.role-card,.media-preview-card,.doc,.toggle-block,.view-card,.feed-view,.tab-item{
  background:rgba(255,255,255,.86)!important;border:1px solid rgba(198,198,205,.72)!important;border-radius:18px!important;box-shadow:var(--soft-shadow)!important;
}
.card,.panel,.install-card,.login-card,.member,.list-item,.comment{padding:20px!important}.card:hover,.member:hover,.list-item:hover,.role-card:hover{box-shadow:var(--shadow)!important;transform:translateY(-1px);transition:.18s ease}.row{border-color:rgba(198,198,205,.68)!important}.row small,.list-item small,.role-card small{color:#565e74!important}.btn{
  border:1px solid #c6c6cd!important;background:#fff!important;color:#0b1c30!important;border-radius:12px!important;padding:10px 14px!important;font-weight:700!important;gap:8px!important;box-shadow:0 4px 12px rgba(11,28,48,.04)!important;transition:.18s ease!important;
}
.btn:hover{background:#eff4ff!important;transform:translateY(-1px)}.btn.primary{background:#006a61!important;border-color:#006a61!important;color:#fff!important;box-shadow:0 10px 22px rgba(0,106,97,.2)!important}.btn.primary:hover{background:#005049!important}.btn.danger{background:#ffdad6!important;border-color:#ffb4ab!important;color:#93000a!important}.btn.small{padding:7px 10px!important;border-radius:10px!important;font-size:12px!important}.gold-btn{background:#006a61!important;border-color:#006a61!important;color:#fff!important}
input,select,textarea{
  background:#fff!important;border:1px solid #c6c6cd!important;border-radius:12px!important;color:#0b1c30!important;padding:12px 14px!important;font-family:inherit!important;box-shadow:0 1px 0 rgba(11,28,48,.02)!important;
}
input:focus,select:focus,textarea:focus{border-color:#006a61!important;box-shadow:0 0 0 3px rgba(0,106,97,.14)!important;outline:none!important}.title-input{font-size:42px!important;font-weight:800!important;letter-spacing:-.02em!important;background:transparent!important;border:0!important;box-shadow:none!important}.form-grid,.grid-form{gap:16px!important}.field-label,label{color:#0b1c30}.check-row,.permission-card,.media-selector{background:#fff!important;border:1px solid rgba(198,198,205,.75)!important;border-radius:16px!important}.permission-card:hover{background:#eff4ff!important}.permissions-grid{gap:16px!important}.role-panel{gap:18px!important}.roles-list{gap:14px!important}.role-card{grid-template-columns:minmax(180px,1fr) 1.5fr auto!important;padding:18px!important}
.status,.pill{border-radius:999px!important;font-size:12px!important;padding:6px 10px!important;font-weight:700!important}.status-pending{background:#ffdbca!important;color:#763300!important}.status-in_progress,.status-in-process{background:#dce9ff!important;color:#213145!important}.status-review{background:#dae2fd!important;color:#3f465c!important}.status-complete,.pill.enabled{background:#86f2e4!important;color:#00201d!important}.pill.disabled{background:#ffdad6!important;color:#93000a!important}.status-select{border-radius:999px!important;font-weight:700!important;padding:8px 12px!important}.project-board,.table-responsive{border-radius:18px!important}.project-status-table,.doc-table{width:100%;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;border:1px solid rgba(198,198,205,.72)!important;border-radius:18px!important;overflow:hidden!important;box-shadow:var(--soft-shadow)!important}.project-status-table th,.project-status-table td,.doc-table th,.doc-table td{border:0!important;border-bottom:1px solid rgba(198,198,205,.65)!important;padding:14px 16px!important;text-align:left!important}.project-status-table th,.doc-table th{background:#e5eeff!important;color:#3f465c!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.06em!important}.project-status-table tr:last-child td,.doc-table tr:last-child td{border-bottom:0!important}.project-status-table tbody tr:hover{background:#f8f9ff!important}.owner-cell img{border-radius:12px!important}.avatar{border-radius:14px!important;background:#dce9ff!important;color:#131b2e!important}.avatar.big,.avatar.xlarge{border-radius:24px!important}.profile-layout,.profile-editor-card{border-radius:22px!important;overflow:hidden!important;background:#fff!important;border:1px solid rgba(198,198,205,.72)!important;box-shadow:var(--shadow)!important}.profile-card-big,.profile-summary-panel{background:linear-gradient(180deg,#e5eeff,#ffffff)!important;border-right:1px solid rgba(198,198,205,.72)!important}.profile-form-panel{background:#fff!important}.profile-tab.active{background:#dce9ff!important;color:#0b1c30!important}.member-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:18px!important}.member{min-height:220px}.doc{line-height:1.72!important;font-size:16px!important}.doc-media{border-radius:14px!important;object-fit:contain!important}.file-card,.bookmark{border-radius:14px!important;background:#fff!important;border-color:#c6c6cd!important;color:#006a61!important}.auth-body{background:radial-gradient(circle at top left, rgba(137,245,231,.35), transparent 30%), #f8f9ff!important}.login-card,.install-card{max-width:440px!important;padding:34px!important}.login-card h1,.install-card h1{font-size:36px!important;letter-spacing:-.02em!important;margin:0 0 8px!important}.login-card p{color:#565e74!important;margin-top:0!important}.alert{background:#ffdad6!important;color:#93000a!important;border-color:#ffb4ab!important}.success{background:#86f2e4!important;color:#00201d!important;border-color:#6bd8cb!important}
/* Chat aligned to reference design, not purple Slack */
.slack-chat{background:#fff!important;border:1px solid rgba(198,198,205,.72)!important;border-radius:22px!important;box-shadow:var(--shadow)!important;height:calc(100vh - 150px)!important;min-height:620px!important;overflow:hidden!important;grid-template-columns:300px 1fr!important}.slack-chat .chat-users{background:#131b2e!important;color:#dae2fd!important;border-right:1px solid rgba(198,198,205,.18)!important;border-radius:0!important;padding:14px!important}.slack-chat .chat-user{color:#7c839b!important;border-radius:10px!important;padding:10px!important}.slack-chat .chat-user:hover,.slack-chat .chat-user.active{background:#3f465c!important;color:#89f5e7!important}.slack-chat .presence{border-color:#131b2e!important}.slack-chat .chat-window{height:calc(100vh - 150px)!important;min-height:620px!important;background:#fff!important}.slack-chat .chat-head{height:68px!important;background:#fff!important;border-bottom:1px solid #c6c6cd!important;padding:12px 22px!important}.slack-chat .chat-head strong{color:#0b1c30!important}.chat-tabs{height:44px!important;background:#f8f9ff!important;border-bottom:1px solid #c6c6cd!important}.chat-tabs .active{border-bottom-color:#006a61!important;color:#006a61!important}.chat-search-bar{background:#fff!important;border-bottom:1px solid #c6c6cd!important}.slack-chat .chat-messages{background:#fff!important}.slack-message:hover{background:#f8f9ff!important}.msg-avatar{border-radius:12px!important;background:#dce9ff!important;color:#131b2e!important}.msg-avatar b{border-radius:12px!important;background:#dce9ff!important}.msg-meta strong{color:#0b1c30!important}.msg-meta small{color:#565e74!important}.msg-text{color:#0b1c30!important}.slack-file-card{border-color:#c6c6cd!important;border-radius:12px!important;background:#f8f9ff!important}.slack-file-card.image img,.slack-file-card.video video{object-fit:contain!important;background:#fff!important}.slack-composer{border:1px solid #c6c6cd!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(11,28,48,.06)!important}.composer-toolbar,.composer-bottom{background:#fff!important}.send-icon:not(:disabled){background:#006a61!important;color:#fff!important}.upload-progress-row i{background:#006a61!important}
.mobile-top{background:#fff!important;border-bottom:1px solid #c6c6cd!important;color:#0b1c30!important}.menu-toggle,.sidebar-close{border-radius:10px!important}.preview-modal{backdrop-filter:blur(8px)}.preview-modal-box{border-radius:20px!important;border:1px solid rgba(255,255,255,.16)!important}.preview-close{border-radius:12px!important}
@media(max-width:1100px){.content{padding-left:22px!important;padding-right:22px!important}.role-card{grid-template-columns:1fr!important}.permissions-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:800px){body{padding-top:58px!important}.mobile-top{height:58px!important}.sidebar{left:-292px!important;width:280px!important;padding:20px 14px!important}.sidebar-open .sidebar{left:0!important}.main{margin-left:0!important;width:100%!important}.content{padding:26px 16px 44px!important}.topbar{display:none!important}.cards,.form-grid,.grid-form,.permissions-grid{grid-template-columns:1fr!important}.page-head{align-items:flex-start!important;flex-direction:column!important}.slack-chat{grid-template-columns:1fr!important;height:auto!important;min-height:720px!important}.slack-chat .chat-window{height:auto!important;min-height:620px!important}.slack-chat .chat-users{max-height:250px!important;overflow:auto!important}.content>h1,.page-head h1{font-size:32px!important}.brand strong{max-width:none}}

/* =========================================================
   AETHER HQ COMPLETE UI SKIN - full page redesign from HTML references
   Keeps existing PHP/AJAX selectors intact while replacing the visual system.
   ========================================================= */
:root{
  --a-bg:#f8f9ff;
  --a-surface:#ffffff;
  --a-surface-low:#eff4ff;
  --a-surface-mid:#e5eeff;
  --a-surface-high:#dce9ff;
  --a-surface-highest:#d3e4fe;
  --a-ink:#0b1c30;
  --a-muted:#565e74;
  --a-soft:#7c839b;
  --a-sidebar:#131b2e;
  --a-sidebar-2:#213145;
  --a-sidebar-hover:#3f465c;
  --a-accent:#006a61;
  --a-accent-2:#89f5e7;
  --a-accent-soft:#86f2e4;
  --a-line:#c6c6cd;
  --a-error:#ba1a1a;
  --a-error-soft:#ffdad6;
  --a-warning:#cf6721;
  --a-warning-soft:#ffdbca;
  --a-purple:#6366f1;
  --a-radius:18px;
  --a-radius-lg:24px;
  --a-shadow:0 20px 55px rgba(11,28,48,.10);
  --a-shadow-soft:0 10px 30px rgba(11,28,48,.06);
  --a-font:'Hanken Grotesk',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --a-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0!important;
  min-height:100vh!important;
  background:radial-gradient(circle at 28% -10%, rgba(137,245,231,.34), transparent 28%),linear-gradient(180deg,#f8f9ff 0%,#eef4ff 100%)!important;
  color:var(--a-ink)!important;
  font-family:var(--a-font)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
a{color:inherit;text-decoration:none}.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24!important;line-height:1!important;vertical-align:middle}.app,.app-aether{display:flex;min-height:100vh;width:100%}.sidebar{
  position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:260px!important;height:100vh!important;
  background:var(--a-sidebar)!important;color:var(--a-accent-2)!important;border-right:1px solid rgba(198,198,205,.14)!important;
  display:flex!important;flex-direction:column!important;z-index:50!important;padding:24px 16px!important;overflow:hidden!important;
}
.brand{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 28px!important;padding:0 4px!important;color:#fff!important}.brand .case{width:42px!important;height:42px!important;border-radius:14px!important;background:linear-gradient(135deg,#dce9ff,#89f5e7)!important;color:#131b2e!important;display:grid!important;place-items:center!important;font-size:24px!important;box-shadow:0 12px 24px rgba(0,0,0,.16)!important}.brand-text{display:flex!important;flex-direction:column!important;min-width:0!important}.brand strong{display:block!important;color:#fff!important;font-size:21px!important;line-height:1.1!important;letter-spacing:-.02em!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:150px!important}.brand small{display:block!important;color:rgba(218,226,253,.62)!important;font-size:12px!important;font-family:var(--a-mono)!important;margin-top:3px!important}.side-nav{flex:1!important;overflow-y:auto!important;padding-right:2px!important}.side-nav::-webkit-scrollbar,.custom-scrollbar::-webkit-scrollbar{width:4px}.side-nav::-webkit-scrollbar-thumb,.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(218,226,253,.22);border-radius:20px}.side-label{font-family:var(--a-mono)!important;color:rgba(218,226,253,.45)!important;text-transform:uppercase!important;font-size:10px!important;letter-spacing:.14em!important;font-weight:800!important;margin:18px 8px 8px!important}.nav{display:flex!important;align-items:center!important;gap:14px!important;min-height:44px!important;padding:10px 12px!important;border-radius:12px!important;color:#7c839b!important;font-weight:700!important;font-size:14px!important;transition:.18s ease!important;margin:2px 0!important}.nav span:first-child{font-size:21px!important}.nav:hover{background:rgba(63,70,92,.72)!important;color:#fff!important;transform:translateX(2px)}.nav.active{background:#3f465c!important;color:#89f5e7!important;box-shadow:inset 3px 0 0 #89f5e7!important}.sidebar-profile-card{margin-top:auto!important;background:rgba(63,70,92,.55)!important;border:1px solid rgba(218,226,253,.12)!important;border-radius:18px!important;padding:14px!important;display:grid!important;grid-template-columns:44px 1fr!important;gap:12px!important;align-items:center!important;color:#fff!important}.sidebar-profile-card>img,.sidebar-profile-card>span{width:44px!important;height:44px!important;border-radius:14px!important;object-fit:cover!important;background:#dce9ff!important;color:#131b2e!important;display:grid!important;place-items:center!important;font-weight:800!important}.sidebar-profile-card div strong{font-size:14px!important;line-height:1.2!important}.sidebar-profile-card div small{display:block!important;color:#89f5e7!important;margin-top:2px!important}.sidebar-profile-card>.btn{grid-column:1/-1!important;width:100%!important;justify-content:center!important;background:#fff!important;color:#131b2e!important;border:0!important}.sidebar-bottom{margin-top:14px!important}.sidebar-bottom .nav{color:#ffdad6!important}.main{margin-left:260px!important;width:calc(100% - 260px)!important;min-height:100vh!important;background:transparent!important}.topbar{height:72px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 32px!important;background:rgba(255,255,255,.72)!important;backdrop-filter:blur(14px)!important;border-bottom:1px solid rgba(198,198,205,.70)!important;position:sticky!important;top:0!important;z-index:20!important}.crumb{display:flex!important;align-items:center!important;gap:8px!important;color:var(--a-muted)!important;font-family:var(--a-mono)!important;font-size:12px!important}.crumb strong{color:var(--a-ink)!important}.crumb .material-symbols-outlined{font-size:20px!important;color:var(--a-accent)!important}.top-actions{display:flex!important;align-items:center!important;gap:12px!important;color:var(--a-muted)!important}.top-pill{height:36px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;background:#fff!important;border:1px solid var(--a-line)!important;border-radius:999px!important;padding:0 12px!important;font-size:13px!important;font-weight:800!important}.top-pill .material-symbols-outlined{font-size:18px!important;color:var(--a-accent)!important}.top-user{display:flex!important;align-items:center!important;gap:9px!important;background:#fff!important;border:1px solid var(--a-line)!important;border-radius:999px!important;padding:4px 12px 4px 4px!important;font-size:13px!important;font-weight:800!important;color:var(--a-ink)!important}.top-user img,.top-user b{width:28px!important;height:28px!important;border-radius:50%!important;object-fit:cover!important;background:#dce9ff!important;display:grid!important;place-items:center!important;color:#131b2e!important;font-size:11px!important}.content{max-width:1220px!important;margin:0 auto!important;padding:40px 32px 70px!important}.content>h1,.page-head h1,.profile-page-head h1{font-size:clamp(34px,4vw,48px)!important;line-height:1.05!important;letter-spacing:-.03em!important;margin:0!important;font-weight:800!important;color:var(--a-ink)!important}.content h2,.dashboard-section-head h2{font-size:26px!important;line-height:1.18!important;letter-spacing:-.02em!important;color:var(--a-ink)!important}.muted,.page-head p,.dashboard-section-head p{color:var(--a-muted)!important;line-height:1.6!important}.page-head,.profile-page-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;margin-bottom:28px!important}.profile-page-head{display:block!important}.dashboard-section-head{margin:32px 0 14px!important}.cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:20px!important}.card,.panel,.member,.list-item,.comment,.role-card,.media-preview-card,.doc,.view-card,.feed-view,.tab-item,.toggle-block,.profile-editor-card,.profile-layout,.install-card,.login-card,.simple-editor,.project-board,.assigned-group,.user-task-row{
  background:rgba(255,255,255,.88)!important;border:1px solid rgba(198,198,205,.78)!important;border-radius:var(--a-radius)!important;box-shadow:var(--a-shadow-soft)!important;
}
.card,.panel,.member,.list-item,.comment,.simple-editor{padding:20px!important}.card:hover,.member:hover,.list-item:hover,.role-card:hover,.media-preview-card:hover{transform:translateY(-2px)!important;box-shadow:var(--a-shadow)!important;transition:.18s ease!important}.card h3{margin-top:0!important}.row{border-bottom:1px solid rgba(198,198,205,.72)!important;padding:14px 0!important}.row:last-child{border-bottom:0!important}.btn,button.btn,a.btn,input[type=file]::file-selector-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px solid var(--a-line)!important;background:#fff!important;color:var(--a-ink)!important;border-radius:12px!important;padding:10px 14px!important;min-height:42px!important;font-weight:800!important;line-height:1!important;box-shadow:0 5px 14px rgba(11,28,48,.04)!important;cursor:pointer!important;transition:.18s ease!important}.btn:hover,button.btn:hover,a.btn:hover{background:var(--a-surface-low)!important;transform:translateY(-1px)!important}.btn.primary,.gold-btn{background:var(--a-accent)!important;border-color:var(--a-accent)!important;color:#fff!important;box-shadow:0 12px 24px rgba(0,106,97,.22)!important}.btn.primary:hover,.gold-btn:hover{background:#005049!important}.btn.danger{background:var(--a-error-soft)!important;border-color:#ffb4ab!important;color:#93000a!important}.btn.small{min-height:34px!important;padding:7px 10px!important;border-radius:10px!important;font-size:12px!important}.inline{display:inline-flex!important;gap:6px!important;vertical-align:middle!important}input,select,textarea{width:100%;background:#fff!important;border:1px solid var(--a-line)!important;border-radius:12px!important;color:var(--a-ink)!important;padding:12px 14px!important;font:inherit!important;box-shadow:0 1px 0 rgba(11,28,48,.02)!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--a-accent)!important;box-shadow:0 0 0 4px rgba(0,106,97,.13)!important}textarea{resize:vertical}.form-grid,.grid-form{display:grid!important;gap:16px!important}.form-grid.two-col,.two-col{grid-template-columns:repeat(2,minmax(0,1fr))!important}label,.field-label{display:block!important;font-weight:800!important;color:var(--a-ink)!important;margin-bottom:6px!important}label input,label select,label textarea{margin-top:6px!important}.check-row,.assignee-check,.permission-card,.media-selector{display:flex!important;align-items:flex-start!important;gap:12px!important;background:#fff!important;border:1px solid rgba(198,198,205,.78)!important;border-radius:16px!important;padding:14px!important}.check-row input,.assignee-check input,.permission-card input{width:auto!important;margin:3px 0 0!important}.permissions-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.permission-card small{display:block!important;color:var(--a-muted)!important;margin-top:3px!important}.role-panel{margin-bottom:20px!important}.roles-list{display:grid!important;gap:14px!important}.role-card{display:grid!important;grid-template-columns:minmax(190px,1fr) 1.5fr auto!important;gap:16px!important;align-items:center!important;padding:18px!important}.role-card strong{font-size:18px!important}.role-card small{display:block!important;color:var(--a-muted)!important;margin-top:4px!important}.role-perms,.role-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.pill,.status{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;font-size:12px!important;font-weight:800!important;padding:6px 10px!important;line-height:1!important}.pill{background:#dce9ff!important;color:#213145!important}.pill.enabled,.status-complete{background:var(--a-accent-soft)!important;color:#00201d!important}.pill.disabled{background:var(--a-error-soft)!important;color:#93000a!important}.status-pending{background:var(--a-warning-soft)!important;color:#763300!important}.status-in_progress,.status-in-process{background:#dce9ff!important;color:#213145!important}.status-review{background:#dae2fd!important;color:#3f465c!important}.status-select{min-width:130px!important;border-radius:999px!important;font-weight:800!important;padding:8px 12px!important}.dashboard-tabs{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin:18px 0!important}.tab-btn{border:1px solid var(--a-line)!important;background:#fff!important;color:var(--a-muted)!important;border-radius:999px!important;padding:10px 16px!important;font-weight:800!important;cursor:pointer!important}.tab-btn.active,.tab-btn:hover{background:#dce9ff!important;color:var(--a-ink)!important;border-color:#bec6e0!important}.project-board,.table-responsive{overflow:auto!important;border-radius:20px!important;background:#fff!important}.project-status-table,.doc-table{width:100%!important;min-width:780px!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;border-radius:20px!important;overflow:hidden!important}.project-status-table th,.doc-table th{background:var(--a-surface-mid)!important;color:#3f465c!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-family:var(--a-mono)!important;font-size:11px!important;font-weight:800!important;text-align:left!important;padding:14px 16px!important;border-bottom:1px solid var(--a-line)!important}.project-status-table td,.doc-table td{padding:14px 16px!important;border-bottom:1px solid rgba(198,198,205,.65)!important;color:var(--a-ink)!important;background:#fff!important}.project-status-table tbody tr:hover td{background:#f8f9ff!important}.project-status-table tr:last-child td,.doc-table tr:last-child td{border-bottom:0!important}.project-name-cell a{font-weight:800!important;color:var(--a-ink)!important}.owner-cell{display:flex!important;align-items:center!important;gap:10px!important;justify-content:flex-start!important}.owner-cell img,.owner-cell span{width:34px!important;height:34px!important;border-radius:12px!important;object-fit:cover!important;background:#dce9ff!important;color:#131b2e!important;display:grid!important;place-items:center!important;font-weight:800!important;font-size:12px!important}.owner-cell small{color:var(--a-muted)!important;max-width:150px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.timeline-bar{height:12px!important;border-radius:999px!important;background:#dce9ff!important;overflow:hidden!important;min-width:120px!important}.timeline-bar i{display:block!important;height:100%!important;background:linear-gradient(90deg,var(--a-accent),var(--a-accent-2))!important;border-radius:999px!important}.user-task-board{display:grid!important;gap:16px!important}.user-task-row{display:grid!important;grid-template-columns:300px 1fr!important;gap:18px!important;padding:18px!important}.user-profile-side{display:flex!important;gap:14px!important;align-items:flex-start!important}.user-profile-avatar{width:76px!important;height:76px!important;border-radius:18px!important;overflow:hidden!important;background:#dce9ff!important;color:#131b2e!important;display:grid!important;place-items:center!important;font-weight:900!important;font-size:20px!important;flex-shrink:0!important}.user-profile-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}.user-profile-side strong{display:block!important;font-size:18px!important;color:var(--a-ink)!important}.user-profile-side small{display:flex!important;align-items:center!important;gap:5px!important;color:var(--a-muted)!important;margin-top:5px!important}.user-task-side{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}.assigned-group{padding:14px!important;background:#f8f9ff!important;box-shadow:none!important}.assigned-title{display:flex!important;align-items:center!important;gap:8px!important;font-weight:900!important;margin-bottom:10px!important}.assigned-title .material-symbols-outlined{font-size:20px!important;color:var(--a-accent)!important}.assigned-list{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.task-chip{display:inline-flex!important;align-items:center!important;gap:8px!important;border:1px solid var(--a-line)!important;background:#fff!important;border-radius:999px!important;padding:7px 10px!important;font-weight:800!important;color:var(--a-ink)!important}.task-chip .status{font-size:10px!important;padding:4px 7px!important}.member-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:18px!important}.member{display:flex!important;flex-direction:column!important;gap:8px!important;min-height:245px!important}.member .avatar,.avatar{width:62px!important;height:62px!important;border-radius:18px!important;overflow:hidden!important;background:#dce9ff!important;color:#131b2e!important;display:grid!important;place-items:center!important;font-weight:900!important}.member .avatar img,.avatar img{width:100%!important;height:100%!important;object-fit:cover!important}.member strong{font-size:19px!important;color:var(--a-ink)!important}.member small{display:flex!important;align-items:center!important;gap:5px!important;color:var(--a-muted)!important;word-break:break-word!important}.member>div:last-child{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin-top:auto!important}.profile-editor-card,.profile-layout{display:grid!important;grid-template-columns:320px 1fr!important;overflow:hidden!important;padding:0!important}.profile-summary-panel,.profile-card-big{background:linear-gradient(180deg,#e5eeff 0%,#fff 100%)!important;padding:30px!important;border-right:1px solid rgba(198,198,205,.78)!important}.profile-form-panel,.profile-main{padding:30px!important;background:#fff!important}.avatar.big{width:94px!important;height:94px!important;border-radius:24px!important}.avatar.xlarge{width:118px!important;height:118px!important;border-radius:30px!important;font-size:34px!important}.profile-tab,.profile-stat-row{border-radius:14px!important;padding:12px!important;background:#fff!important;border:1px solid var(--a-line)!important;margin-top:12px!important;display:flex!important;align-items:center!important;gap:8px!important;font-weight:800!important}.profile-tab.active{background:#dce9ff!important;border-color:#bec6e0!important;color:var(--a-ink)!important}.profile-stat-row{display:block!important}.profile-stat-row strong{display:block!important}.profile-stat-row span{font-size:12px!important;color:var(--a-muted)!important}.title-input{font-size:42px!important;font-weight:900!important;letter-spacing:-.03em!important;line-height:1.1!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.simple-editor{display:grid!important;gap:12px!important}.content-textarea{min-height:260px!important;line-height:1.65!important}.media-selector{display:grid!important}.media-preview-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:16px!important;margin-top:16px!important}.media-preview-card{padding:14px!important;display:flex!important;flex-direction:column!important;gap:10px!important}.media-preview-card strong{font-size:13px!important;word-break:break-word!important}.doc{padding:28px!important;line-height:1.72!important;font-size:16px!important}.doc h1,.doc h2,.doc h3,.doc h4{letter-spacing:-.02em!important;color:var(--a-ink)!important}.doc-media{width:100%!important;max-height:360px!important;object-fit:contain!important;background:#fff!important;border-radius:14px!important;border:1px solid var(--a-line)!important}.doc-audio{width:100%!important}.file-placeholder{height:180px!important;border-radius:14px!important;background:#f8f9ff!important;border:1px dashed var(--a-line)!important;display:grid!important;place-items:center!important;color:var(--a-muted)!important}.file-placeholder .material-symbols-outlined{font-size:46px!important}.file-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:auto!important}.files-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:22px!important}.comment{margin:12px 0!important}.comment strong{color:var(--a-ink)!important}.comment small{color:var(--a-muted)!important}.comment-form{display:grid!important;gap:10px!important;margin-top:18px!important}.callout{border-left:4px solid var(--a-accent)!important;background:#eff4ff!important;border-radius:14px!important;padding:14px!important}.bookmark,.file-card{display:flex!important;align-items:center!important;gap:8px!important;background:#fff!important;border:1px solid var(--a-line)!important;border-radius:14px!important;padding:12px!important;color:var(--a-accent)!important;font-weight:800!important}.toggle-block{padding:14px!important}.toggle-block summary{font-weight:900!important;cursor:pointer!important}blockquote{border-left:4px solid var(--a-accent)!important;margin:18px 0!important;padding:12px 16px!important;background:#f8f9ff!important;border-radius:12px!important}pre{background:#131b2e!important;color:#eaf1ff!important;border-radius:16px!important;padding:18px!important;overflow:auto!important}.auth-body{min-height:100vh!important;display:grid!important;place-items:center!important;padding:24px!important;background:radial-gradient(circle at 20% 15%, rgba(137,245,231,.45), transparent 30%),linear-gradient(135deg,#f8f9ff,#e5eeff)!important}.login-card,.install-card{width:min(100%,460px)!important;padding:34px!important;border-radius:24px!important}.install-card{width:min(100%,620px)!important}.login-card h1,.install-card h1{font-size:38px!important;line-height:1.05!important;letter-spacing:-.03em!important;margin:0 0 8px!important}.login-card p,.install-card p{color:var(--a-muted)!important;margin:0 0 22px!important}.login-card form,.install-card form{display:grid!important;gap:14px!important}.alert,.success{border-radius:14px!important;padding:12px 14px!important;margin:12px 0!important;font-weight:800!important}.alert{background:var(--a-error-soft)!important;color:#93000a!important;border:1px solid #ffb4ab!important}.success{background:var(--a-accent-soft)!important;color:#00201d!important;border:1px solid #6bd8cb!important}.slack-chat{display:grid!important;grid-template-columns:310px 1fr!important;height:calc(100vh - 160px)!important;min-height:650px!important;background:#fff!important;border:1px solid rgba(198,198,205,.78)!important;border-radius:24px!important;box-shadow:var(--a-shadow)!important;overflow:hidden!important}.slack-chat .chat-users{background:#131b2e!important;color:#dae2fd!important;border-right:1px solid rgba(218,226,253,.12)!important;padding:14px!important;overflow:auto!important}.slack-chat .chat-user{display:flex!important;align-items:center!important;gap:10px!important;color:#7c839b!important;border-radius:12px!important;padding:10px!important;font-weight:800!important}.slack-chat .chat-user:hover,.slack-chat .chat-user.active{background:#3f465c!important;color:#89f5e7!important}.presence{border:2px solid #131b2e!important}.slack-chat .chat-window{background:#fff!important;display:flex!important;flex-direction:column!important;min-width:0!important}.slack-chat .chat-head{height:70px!important;background:#fff!important;border-bottom:1px solid var(--a-line)!important;padding:12px 22px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.chat-tabs{height:44px!important;background:#f8f9ff!important;border-bottom:1px solid var(--a-line)!important;display:flex!important}.chat-tabs button{background:transparent!important;border:0!important;padding:0 16px!important;font-weight:900!important;color:var(--a-muted)!important}.chat-tabs .active{color:var(--a-accent)!important;border-bottom:2px solid var(--a-accent)!important}.chat-search-bar{background:#fff!important;border-bottom:1px solid var(--a-line)!important;padding:10px 16px!important}.slack-chat .chat-messages{flex:1!important;overflow:auto!important;padding:18px 22px!important;background:#fff!important}.slack-message{display:grid!important;grid-template-columns:42px 1fr!important;gap:12px!important;padding:10px!important;border-radius:14px!important}.slack-message:hover{background:#f8f9ff!important}.msg-avatar,.msg-avatar b{width:42px!important;height:42px!important;border-radius:14px!important;background:#dce9ff!important;color:#131b2e!important;display:grid!important;place-items:center!important;font-weight:900!important;overflow:hidden!important}.msg-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}.msg-meta{display:flex!important;align-items:baseline!important;gap:8px!important}.msg-meta strong{font-size:14px!important;color:var(--a-ink)!important}.msg-meta small{font-size:12px!important;color:var(--a-muted)!important}.msg-text{margin-top:4px!important;color:var(--a-ink)!important;line-height:1.55!important}.slack-file-card{border:1px solid var(--a-line)!important;background:#f8f9ff!important;border-radius:14px!important;padding:10px!important;margin-top:8px!important}.slack-file-card.image img,.slack-file-card.video video{max-height:240px!important;object-fit:contain!important;background:#fff!important;border-radius:12px!important}.slack-composer{margin:14px 22px 20px!important;border:1px solid var(--a-line)!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 10px 26px rgba(11,28,48,.07)!important}.composer-toolbar,.composer-bottom{display:flex!important;align-items:center!important;gap:8px!important;background:#fff!important;padding:8px 10px!important}.composer-toolbar{border-bottom:1px solid rgba(198,198,205,.65)!important}.composer-toolbar button,.composer-bottom button,.send-icon{border:0!important;background:#fff!important;color:var(--a-muted)!important;border-radius:10px!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important}.composer-toolbar button:hover,.composer-bottom button:hover{background:#eff4ff!important;color:var(--a-ink)!important}.send-icon:not(:disabled){background:var(--a-accent)!important;color:#fff!important}.slack-composer textarea{border:0!important;border-radius:0!important;box-shadow:none!important;min-height:68px!important}.upload-progress-row i{background:var(--a-accent)!important}.preview-modal{backdrop-filter:blur(8px)!important}.preview-modal-box{border-radius:22px!important;border:1px solid rgba(255,255,255,.18)!important}.preview-close{border-radius:12px!important}.mobile-top{display:none}.sidebar-close{display:none}.mini-chart{display:flex!important;align-items:end!important;gap:12px!important;height:180px!important;background:#f8f9ff!important;border:1px solid var(--a-line)!important;border-radius:18px!important;padding:18px!important}.mini-chart div{display:grid!important;gap:8px!important;justify-items:center!important;flex:1!important}.mini-chart i{display:block!important;width:100%!important;max-width:32px!important;background:linear-gradient(180deg,var(--a-accent),var(--a-accent-2))!important;border-radius:999px 999px 6px 6px!important}.mini-chart small{font-family:var(--a-mono)!important;color:var(--a-muted)!important;font-size:11px!important}.assignee-checkboxes{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:10px!important}.multi-select{display:none!important}.overdue-row td{background:#fff7ed!important}.hidden{display:none!important}
@media(max-width:1100px){.content{padding-left:22px!important;padding-right:22px!important}.permissions-grid{grid-template-columns:1fr 1fr!important}.role-card{grid-template-columns:1fr!important}.profile-editor-card,.profile-layout{grid-template-columns:280px 1fr!important}.user-task-row{grid-template-columns:1fr!important}.user-task-side{grid-template-columns:1fr 1fr!important}.slack-chat{grid-template-columns:280px 1fr!important}}
@media(max-width:800px){body{padding-top:58px!important}.mobile-top{display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important;height:58px!important;z-index:60!important;background:rgba(255,255,255,.9)!important;backdrop-filter:blur(12px)!important;border-bottom:1px solid var(--a-line)!important;align-items:center!important;gap:12px!important;padding:0 14px!important}.menu-toggle,.sidebar-close{display:grid!important;place-items:center!important;border:1px solid var(--a-line)!important;background:#fff!important;color:var(--a-ink)!important;border-radius:10px!important;width:38px!important;height:36px!important;cursor:pointer!important}.sidebar{left:-292px!important;width:280px!important;transition:left .2s ease!important}.sidebar-open .sidebar{left:0!important}.mobile-overlay{display:none!important;position:fixed!important;inset:0!important;background:rgba(15,23,42,.45)!important;z-index:45!important}.sidebar-open .mobile-overlay{display:block!important}.main{margin-left:0!important;width:100%!important}.topbar{display:none!important}.content{padding:28px 16px 48px!important}.page-head{align-items:flex-start!important;flex-direction:column!important}.content>h1,.page-head h1,.profile-page-head h1{font-size:32px!important}.form-grid.two-col,.two-col,.permissions-grid,.user-task-side{grid-template-columns:1fr!important}.profile-editor-card,.profile-layout{grid-template-columns:1fr!important}.profile-summary-panel,.profile-card-big{border-right:0!important;border-bottom:1px solid var(--a-line)!important}.member-grid,.media-preview-grid{grid-template-columns:1fr!important}.project-status-table,.doc-table{min-width:720px!important}.slack-chat{grid-template-columns:1fr!important;height:auto!important;min-height:720px!important}.slack-chat .chat-users{max-height:260px!important}.slack-chat .chat-window{min-height:560px!important}.sidebar-profile-card{grid-template-columns:44px 1fr!important}.brand strong{max-width:155px!important}}
@media(max-width:480px){.content{padding:24px 12px 42px!important}.card,.panel,.member,.comment,.doc,.simple-editor{padding:16px!important}.btn{width:100%!important}.role-actions .btn,.role-actions form,.role-actions button,.member>div:last-child .btn,.member>div:last-child form,.member>div:last-child button{width:100%!important}.top-pill{display:none!important}.title-input{font-size:30px!important}.login-card,.install-card{padding:24px!important}.sidebar{width:270px!important}.project-status-table,.doc-table{min-width:650px!important}}

/* =========================================================
   FINAL ORGANIZED AETHER REFERENCE MATCH
   Applied after all existing rules to make every page use the same
   structure, spacing, cards, tables, forms, chat, profile and auth style.
   Functionality selectors are not removed.
   ========================================================= */
:root{
  --ref-bg:#f8f9ff;
  --ref-ink:#0b1c30;
  --ref-muted:#565e74;
  --ref-soft:#7c839b;
  --ref-line:#c6c6cd;
  --ref-panel:#ffffff;
  --ref-panel-2:#eff4ff;
  --ref-panel-3:#e5eeff;
  --ref-panel-4:#dce9ff;
  --ref-sidebar:#131b2e;
  --ref-sidebar-hover:#3f465c;
  --ref-accent:#006a61;
  --ref-accent-soft:#89f5e7;
  --ref-gold:#eab308;
  --ref-shadow:0 18px 42px rgba(11,28,48,.09);
  --ref-shadow-soft:0 10px 28px rgba(11,28,48,.06);
  --ref-radius:18px;
  --ref-radius-lg:24px;
  --ref-font:'Hanken Grotesk',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --ref-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box!important}
html{background:var(--ref-bg)!important;scroll-behavior:smooth!important}
body{margin:0!important;background:var(--ref-bg)!important;color:var(--ref-ink)!important;font-family:var(--ref-font)!important;-webkit-font-smoothing:antialiased!important;text-rendering:geometricPrecision!important}
a{color:inherit!important;text-decoration:none!important}.material-symbols-outlined{font-size:22px!important;line-height:1!important;vertical-align:middle!important}
.app.app-aether{display:block!important;min-height:100vh!important;background:var(--ref-bg)!important}.main{margin-left:260px!important;min-height:100vh!important;width:calc(100% - 260px)!important;background:linear-gradient(180deg,#f8f9ff 0%,#f8f9ff 52%,#eff4ff 100%)!important}.content{max-width:1440px!important;margin:0 auto!important;padding:32px 32px 64px!important}
.sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:260px!important;height:100vh!important;z-index:50!important;display:flex!important;flex-direction:column!important;padding:24px 16px!important;background:var(--ref-sidebar)!important;color:#dae2fd!important;border-right:1px solid rgba(198,198,205,.16)!important;box-shadow:none!important;overflow:hidden!important}.brand{display:flex!important;align-items:center!important;gap:12px!important;min-height:58px!important;margin-bottom:24px!important;padding:0 8px!important}.brand .case{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:rgba(137,245,231,.12)!important;color:var(--ref-accent-soft)!important}.brand-text{min-width:0!important}.brand strong{display:block!important;color:#fff!important;font-size:23px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.02em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.brand small{display:block!important;margin-top:3px!important;color:#7c839b!important;font-size:13px!important;font-weight:700!important}.side-nav{flex:1!important;display:block!important;overflow:auto!important;padding-right:2px!important}.side-label{margin:18px 8px 8px!important;color:#7c839b!important;font-family:var(--ref-mono)!important;font-size:10px!important;font-weight:800!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:.14em!important}.nav{position:relative!important;display:flex!important;align-items:center!important;gap:14px!important;width:100%!important;min-height:42px!important;margin:2px 0!important;padding:10px 12px!important;border-radius:12px!important;color:#7c839b!important;font-family:var(--ref-mono)!important;font-size:13px!important;font-weight:700!important;letter-spacing:.01em!important;background:transparent!important;border:0!important;transition:.18s ease!important}.nav:hover{background:rgba(63,70,92,.72)!important;color:#eaf1ff!important;transform:translateX(2px)!important}.nav.active{background:var(--ref-sidebar-hover)!important;color:var(--ref-accent-soft)!important;box-shadow:inset 3px 0 0 var(--ref-accent-soft)!important}.nav span:last-child{white-space:nowrap!important}.sidebar-profile-card{display:grid!important;grid-template-columns:46px 1fr!important;gap:11px!important;align-items:center!important;margin-top:18px!important;padding:12px!important;border:1px solid rgba(218,226,253,.14)!important;border-radius:18px!important;background:rgba(255,255,255,.04)!important}.sidebar-profile-card img,.sidebar-profile-card>span{width:46px!important;height:46px!important;border-radius:14px!important;object-fit:cover!important;display:grid!important;place-items:center!important;background:#dce9ff!important;color:#131b2e!important;font-weight:900!important}.sidebar-profile-card strong{display:block!important;color:#fff!important;font-size:14px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.sidebar-profile-card small{display:block!important;margin-top:2px!important;color:#7c839b!important;font-size:12px!important}.sidebar-profile-card .btn{grid-column:1/-1!important;width:100%!important;justify-content:center!important;background:rgba(255,255,255,.06)!important;border-color:rgba(218,226,253,.16)!important;color:#dae2fd!important}.sidebar-bottom{margin-top:12px!important;padding-top:12px!important;border-top:1px solid rgba(218,226,253,.12)!important}.topbar{position:sticky!important;top:0!important;z-index:35!important;height:72px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 32px!important;background:rgba(248,249,255,.88)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(198,198,205,.72)!important}.crumb{display:flex!important;align-items:center!important;gap:10px!important;color:var(--ref-muted)!important;font-family:var(--ref-mono)!important;font-size:12px!important;font-weight:700!important}.crumb strong{color:var(--ref-ink)!important}.top-actions{display:flex!important;align-items:center!important;gap:12px!important}.top-pill,.top-user{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:40px!important;padding:8px 12px!important;border:1px solid rgba(198,198,205,.78)!important;border-radius:999px!important;background:#fff!important;color:var(--ref-ink)!important;font-weight:800!important;box-shadow:0 4px 14px rgba(11,28,48,.04)!important}.top-user img,.top-user b{width:26px!important;height:26px!important;border-radius:9px!important;object-fit:cover!important;display:grid!important;place-items:center!important;background:#dce9ff!important;color:#131b2e!important;font-size:11px!important}.page-head,.profile-page-head,.dashboard-section-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;margin:0 0 22px!important}.content>h1,.page-head h1,.profile-page-head h1{margin:0!important;color:var(--ref-ink)!important;font-size:32px!important;line-height:1.12!important;font-weight:800!important;letter-spacing:-.02em!important}.page-head p,.profile-page-head p,.dashboard-section-head p,.muted{color:var(--ref-muted)!important;line-height:1.55!important}.dashboard-section-head{align-items:flex-start!important;flex-direction:column!important;gap:2px!important;margin-top:32px!important}.dashboard-section-head h2{margin:0!important;font-size:24px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.01em!important}.cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(235px,1fr))!important;gap:20px!important;margin:18px 0 30px!important}.card,.panel,.member,.role-card,.comment,.doc,.simple-editor,.media-preview-card,.install-card,.login-card,.project-board,.profile-editor-card,.profile-layout,.user-task-row,.list-item{background:rgba(255,255,255,.92)!important;border:1px solid rgba(198,198,205,.76)!important;border-radius:var(--ref-radius)!important;box-shadow:var(--ref-shadow-soft)!important}.card,.panel,.member,.comment,.simple-editor,.list-item{padding:20px!important}.card{position:relative!important;overflow:hidden!important;min-height:128px!important}.card:before{content:''!important;position:absolute!important;right:-34px!important;top:-34px!important;width:112px!important;height:112px!important;border-radius:999px!important;background:rgba(137,245,231,.18)!important}.card strong,.card h3{position:relative!important;display:block!important;margin:0!important;font-size:13px!important;color:var(--ref-muted)!important;font-family:var(--ref-mono)!important;text-transform:uppercase!important;letter-spacing:.08em!important}.card b,.card .stat-number{position:relative!important;display:block!important;margin-top:12px!important;font-size:38px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.04em!important;color:var(--ref-ink)!important}.card small{position:relative!important;display:block!important;margin-top:8px!important;color:var(--ref-muted)!important}.card:hover,.member:hover,.role-card:hover,.list-item:hover,.media-preview-card:hover{transform:translateY(-2px)!important;box-shadow:var(--ref-shadow)!important}.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:40px!important;padding:9px 14px!important;border-radius:12px!important;border:1px solid rgba(198,198,205,.9)!important;background:#fff!important;color:var(--ref-ink)!important;font-size:14px!important;font-weight:800!important;line-height:1!important;box-shadow:0 5px 14px rgba(11,28,48,.05)!important;cursor:pointer!important;transition:.18s ease!important}.btn:hover{background:var(--ref-panel-2)!important;transform:translateY(-1px)!important}.btn.primary,.gold-btn{background:var(--ref-accent)!important;border-color:var(--ref-accent)!important;color:#fff!important;box-shadow:0 12px 26px rgba(0,106,97,.22)!important}.btn.primary:hover,.gold-btn:hover{background:#005049!important}.btn.danger{background:#ffdad6!important;border-color:#ffb4ab!important;color:#93000a!important}.btn.small{min-height:32px!important;padding:7px 10px!important;border-radius:10px!important;font-size:12px!important}.inline{display:inline-flex!important;align-items:center!important;gap:8px!important}.form-grid,.grid-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.form-grid.two-col,.two-col{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-form h3,.form-grid h3{grid-column:1/-1!important;margin:6px 0 0!important;font-size:16px!important;font-weight:900!important}.profile-form-panel label,.form-grid label,.editor-form label{display:grid!important;gap:7px!important;color:var(--ref-muted)!important;font-size:13px!important;font-weight:800!important}input,select,textarea{width:100%!important;border:1px solid rgba(198,198,205,.95)!important;border-radius:12px!important;background:#fff!important;color:var(--ref-ink)!important;padding:12px 14px!important;font:inherit!important;box-shadow:0 1px 0 rgba(11,28,48,.02)!important;outline:none!important}input:focus,select:focus,textarea:focus{border-color:var(--ref-accent)!important;box-shadow:0 0 0 3px rgba(0,106,97,.14)!important}textarea{min-height:112px!important;resize:vertical!important}.title-input{font-size:42px!important;line-height:1.08!important;font-weight:900!important;letter-spacing:-.04em!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:6px 0 10px!important}.editor-form{display:grid!important;gap:16px!important;max-width:980px!important}.field-label{font-size:13px!important;font-weight:900!important;color:var(--ref-muted)!important}.dashboard-tabs{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin:18px 0 16px!important}.tab-btn{display:inline-flex!important;align-items:center!important;min-height:38px!important;border:1px solid rgba(198,198,205,.84)!important;background:#fff!important;color:var(--ref-muted)!important;border-radius:999px!important;padding:9px 15px!important;font-weight:900!important;cursor:pointer!important}.tab-btn.active,.tab-btn:hover{background:var(--ref-sidebar)!important;color:var(--ref-accent-soft)!important;border-color:var(--ref-sidebar)!important}.project-board{overflow:hidden!important}.table-responsive{width:100%!important;overflow:auto!important;border-radius:var(--ref-radius)!important}.project-status-table,.doc-table{width:100%!important;min-width:760px!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important}.project-status-table th,.doc-table th{padding:14px 16px!important;background:var(--ref-panel-3)!important;color:#3f465c!important;font-family:var(--ref-mono)!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.08em!important;text-align:left!important;border-bottom:1px solid rgba(198,198,205,.74)!important}.project-status-table td,.doc-table td{padding:14px 16px!important;color:var(--ref-ink)!important;border-bottom:1px solid rgba(198,198,205,.55)!important;background:#fff!important;text-align:left!important}.project-status-table tbody tr:hover td{background:#f8f9ff!important}.project-status-table tr:last-child td,.doc-table tr:last-child td{border-bottom:0!important}.project-name-cell a{font-weight:900!important;color:var(--ref-ink)!important}.owner-cell{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important}.owner-cell img,.owner-cell span{width:34px!important;height:34px!important;border-radius:12px!important;display:grid!important;place-items:center!important;object-fit:cover!important;background:var(--ref-panel-4)!important;color:#131b2e!important;font-size:12px!important;font-weight:900!important}.owner-cell small{max-width:180px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--ref-muted)!important}.timeline-bar{height:8px!important;border-radius:999px!important;background:#e5eeff!important;overflow:hidden!important}.timeline-bar i{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,var(--ref-accent),var(--ref-accent-soft))!important}.status,.pill{display:inline-flex!important;align-items:center!important;gap:6px!important;border-radius:999px!important;padding:6px 10px!important;font-size:12px!important;line-height:1!important;font-weight:900!important}.status-pending{background:#ffdbca!important;color:#763300!important}.status-in_progress,.status-in-process{background:#dce9ff!important;color:#213145!important}.status-review{background:#dae2fd!important;color:#3f465c!important}.status-complete,.pill.enabled{background:#86f2e4!important;color:#00201d!important}.pill.disabled{background:#ffdad6!important;color:#93000a!important}.status-select{border-radius:999px!important;padding:8px 12px!important;font-weight:900!important}.profile-editor-card,.profile-layout{display:grid!important;grid-template-columns:320px 1fr!important;overflow:hidden!important;border-radius:var(--ref-radius-lg)!important;box-shadow:var(--ref-shadow)!important}.profile-summary-panel,.profile-card-big{padding:28px!important;background:linear-gradient(180deg,#e5eeff,#ffffff)!important;border-right:1px solid rgba(198,198,205,.72)!important}.profile-summary-panel h2,.profile-card-big h2{margin:14px 0 4px!important;font-size:24px!important;line-height:1.15!important;font-weight:900!important;letter-spacing:-.02em!important}.profile-form-panel,.profile-main{padding:28px!important;background:#fff!important}.profile-form-panel h2,.profile-main h3{margin:0 0 18px!important;font-size:24px!important;line-height:1.2!important;font-weight:900!important}.profile-tab{display:flex!important;align-items:center!important;gap:9px!important;margin-top:10px!important;padding:11px 12px!important;border-radius:12px!important;color:var(--ref-muted)!important;font-weight:900!important}.profile-tab.active{background:#dce9ff!important;color:var(--ref-ink)!important}.profile-stat-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:18px 0!important;padding:12px!important;border-radius:14px!important;background:#fff!important;border:1px solid rgba(198,198,205,.7)!important}.avatar,.user-profile-avatar{border-radius:14px!important;background:#dce9ff!important;color:#131b2e!important;font-weight:900!important;overflow:hidden!important}.avatar.xlarge{width:96px!important;height:96px!important;border-radius:24px!important}.avatar img,.user-profile-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}.member-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:18px!important}.member{min-height:250px!important;align-items:flex-start!important}.member .avatar{width:58px!important;height:58px!important}.member strong{font-size:18px!important;line-height:1.2!important;font-weight:900!important}.member small{display:flex!important;align-items:center!important;gap:6px!important;max-width:100%!important;color:var(--ref-muted)!important;line-height:1.35!important;overflow-wrap:anywhere!important}.member>div:last-child{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:auto!important}.permissions-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.permission-card,.check-row,.assignee-check,.media-selector{display:flex!important;align-items:flex-start!important;gap:12px!important;background:#fff!important;border:1px solid rgba(198,198,205,.8)!important;border-radius:16px!important;padding:14px!important;cursor:pointer!important}.permission-card:hover,.assignee-check:hover,.check-row:hover{background:#eff4ff!important}.permission-card input,.check-row input,.assignee-check input,.keep-file input{width:auto!important;margin-top:2px!important}.permission-card strong{display:block!important;color:var(--ref-ink)!important}.permission-card small{display:block!important;margin-top:4px!important;color:var(--ref-muted)!important;line-height:1.45!important}.role-panel{display:grid!important;gap:18px!important;margin-bottom:20px!important}.roles-list{display:grid!important;gap:14px!important}.role-card{display:grid!important;grid-template-columns:minmax(220px,1fr) 1.5fr auto!important;gap:18px!important;align-items:center!important;padding:18px!important}.role-card strong{font-size:17px!important;font-weight:900!important}.role-card small{display:block!important;margin-top:5px!important;color:var(--ref-muted)!important}.role-perms,.role-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.user-task-board{display:grid!important;gap:14px!important}.user-task-row{display:grid!important;grid-template-columns:320px 1fr!important;gap:18px!important;padding:18px!important}.user-profile-side{display:grid!important;grid-template-columns:58px 1fr!important;gap:12px!important;align-items:center!important}.user-profile-avatar{width:58px!important;height:58px!important;display:grid!important;place-items:center!important}.user-profile-side strong{display:block!important;font-size:17px!important;font-weight:900!important}.user-profile-side small{display:flex!important;align-items:center!important;gap:5px!important;color:var(--ref-muted)!important;line-height:1.45!important}.user-task-side{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}.assigned-title{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:10px!important;color:var(--ref-muted)!important;font-family:var(--ref-mono)!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.08em!important}.assigned-list{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.task-chip{display:inline-flex!important;align-items:center!important;gap:8px!important;max-width:100%!important;padding:8px 10px!important;background:#fff!important;border:1px solid rgba(198,198,205,.8)!important;border-radius:999px!important;font-weight:800!important}.task-chip span:first-child{max-width:220px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.doc{padding:28px!important;margin-top:18px!important;line-height:1.72!important;font-size:16px!important;border-radius:var(--ref-radius-lg)!important}.doc h1,.doc h2,.doc h3,.doc h4{font-weight:900!important;letter-spacing:-.02em!important}.doc-media{display:block!important;max-width:100%!important;border-radius:16px!important;margin:14px 0!important;background:#fff!important;border:1px solid rgba(198,198,205,.7)!important;object-fit:contain!important}.files-section{margin-top:24px!important}.files-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-bottom:12px!important}.files-head h3{margin:0!important}.media-preview-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:14px!important}.media-preview-card{padding:12px!important}.media-preview-card .doc-media{width:100%!important;max-height:220px!important;margin:0!important;object-fit:contain!important}.file-placeholder{height:140px!important;display:grid!important;place-items:center!important;border:1px dashed rgba(198,198,205,.9)!important;border-radius:14px!important;background:#f8f9ff!important;font-size:40px!important}.bookmark,.file-card{display:flex!important;align-items:center!important;gap:8px!important;padding:14px!important;border:1px solid rgba(198,198,205,.8)!important;border-radius:14px!important;background:#fff!important;color:var(--ref-accent)!important;font-weight:900!important}.callout,.toggle-block,.view-card,.feed-view,.tab-item{border:1px solid rgba(198,198,205,.8)!important;border-radius:16px!important;background:#fff!important;padding:14px!important}.callout{background:#eff4ff!important}blockquote{border-left:4px solid var(--ref-accent)!important;margin:18px 0!important;padding:14px 16px!important;background:#f8f9ff!important;border-radius:14px!important;color:var(--ref-ink)!important}pre{background:#131b2e!important;color:#eaf1ff!important;border:0!important;border-radius:16px!important;padding:18px!important;overflow:auto!important}.comments{display:grid!important;gap:12px!important;margin-top:12px!important}.comment{padding:16px!important}.comment strong{font-weight:900!important}.comment small{color:var(--ref-muted)!important}.comment-form{display:grid!important;gap:10px!important;margin-top:14px!important}.auth-body{min-height:100vh!important;display:flex !important;justify-content: center;align-items: center !important;padding:24px!important;background:radial-gradient(circle at 18% 18%,rgba(137,245,231,.42),transparent 30%),linear-gradient(135deg,#f8f9ff,#e5eeff)!important}.login-card,.install-card{width:min(100%,460px)!important;padding:34px!important;border-radius:24px!important}.install-card{width:min(100%,680px)!important}.login-card h1,.install-card h1{margin:0 0 8px!important;font-size:38px!important;line-height:1.05!important;font-weight:900!important;letter-spacing:-.04em!important}.login-card p,.install-card p{margin:0 0 22px!important;color:var(--ref-muted)!important}.login-card form,.install-card form{display:grid!important;gap:14px!important}.alert,.success{padding:12px 14px!important;border-radius:14px!important;margin:12px 0!important;font-weight:800!important}.alert{background:#ffdad6!important;color:#93000a!important;border:1px solid #ffb4ab!important}.success{background:#86f2e4!important;color:#00201d!important;border:1px solid #6bd8cb!important}.slack-chat{display:grid!important;grid-template-columns:310px 1fr!important;height:calc(100vh - 156px)!important;min-height:650px!important;background:#fff!important;border:1px solid rgba(198,198,205,.78)!important;border-radius:24px!important;box-shadow:var(--ref-shadow)!important;overflow:hidden!important}.slack-chat .chat-users{background:var(--ref-sidebar)!important;color:#dae2fd!important;border-right:1px solid rgba(218,226,253,.12)!important;padding:14px!important;overflow:auto!important}.chat-user-list{display:grid!important;gap:4px!important}.slack-chat .chat-user{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;text-align:left!important;border:0!important;background:transparent!important;color:#7c839b!important;border-radius:12px!important;padding:10px!important;font-weight:800!important;cursor:pointer!important}.slack-chat .chat-user:hover,.slack-chat .chat-user.active{background:var(--ref-sidebar-hover)!important;color:var(--ref-accent-soft)!important}.slack-chat .chat-user img,.slack-chat .chat-user b{width:38px!important;height:38px!important;border-radius:12px!important;display:grid!important;place-items:center!important;object-fit:cover!important;background:#dce9ff!important;color:#131b2e!important}.slack-chat .chat-user small{display:block!important;color:inherit!important;opacity:.7!important}.presence{width:10px!important;height:10px!important;border-radius:999px!important;border:2px solid var(--ref-sidebar)!important}.presence.online{background:#22c55e!important}.presence.offline{background:#94a3b8!important}.slack-chat .chat-window{display:flex!important;flex-direction:column!important;min-width:0!important;background:#fff!important}.slack-chat .chat-head{min-height:70px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:12px 22px!important;background:#fff!important;border-bottom:1px solid rgba(198,198,205,.72)!important}.chat-head strong{display:block!important;font-size:17px!important;font-weight:900!important}.chat-head small{display:block!important;color:var(--ref-muted)!important}.chat-head-icons{display:flex!important;gap:8px!important}.chat-head-icons button,.composer-toolbar button,.composer-bottom button,.send-icon{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:10px!important;background:#fff!important;color:var(--ref-muted)!important;cursor:pointer!important}.chat-head-icons button:hover,.composer-toolbar button:hover,.composer-bottom button:hover{background:#eff4ff!important;color:var(--ref-ink)!important}.chat-tabs{height:44px!important;display:flex!important;align-items:center!important;background:#f8f9ff!important;border-bottom:1px solid rgba(198,198,205,.72)!important}.chat-tabs span{height:100%!important;display:inline-flex!important;align-items:center!important;gap:7px!important;padding:0 16px!important;font-weight:900!important;color:var(--ref-muted)!important}.chat-tabs .active{color:var(--ref-accent)!important;border-bottom:2px solid var(--ref-accent)!important}.chat-search-bar{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 16px!important;background:#fff!important;border-bottom:1px solid rgba(198,198,205,.72)!important}.chat-search-bar[hidden]{display:none!important}.slack-chat .chat-messages{flex:1!important;overflow:auto!important;padding:18px 22px!important;background:#fff!important}.slack-message{display:grid!important;grid-template-columns:42px 1fr!important;gap:12px!important;padding:10px!important;border-radius:14px!important}.slack-message:hover{background:#f8f9ff!important}.msg-avatar,.msg-avatar b{width:42px!important;height:42px!important;border-radius:14px!important;background:#dce9ff!important;color:#131b2e!important;display:grid!important;place-items:center!important;font-weight:900!important;overflow:hidden!important}.msg-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}.msg-meta{display:flex!important;align-items:baseline!important;gap:8px!important}.msg-meta strong{font-size:14px!important;font-weight:900!important;color:var(--ref-ink)!important}.msg-meta small{font-size:12px!important;color:var(--ref-muted)!important}.msg-text{margin-top:4px!important;color:var(--ref-ink)!important;line-height:1.55!important}.slack-file-card{border:1px solid rgba(198,198,205,.8)!important;background:#f8f9ff!important;border-radius:14px!important;padding:10px!important;margin-top:8px!important}.slack-file-card.image img,.slack-file-card.video video{max-height:240px!important;object-fit:contain!important;background:#fff!important;border-radius:12px!important}.slack-composer{margin:14px 22px 20px!important;border:1px solid rgba(198,198,205,.86)!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 10px 26px rgba(11,28,48,.07)!important}.composer-toolbar,.composer-bottom{display:flex!important;align-items:center!important;gap:8px!important;background:#fff!important;padding:8px 10px!important}.composer-toolbar{border-bottom:1px solid rgba(198,198,205,.65)!important}.slack-composer textarea{border:0!important;border-radius:0!important;box-shadow:none!important;min-height:68px!important}.send-icon:not(:disabled){background:var(--ref-accent)!important;color:#fff!important}.chat-upload-progress,.chat-selected-files{padding:0 10px!important}.upload-progress-row i{background:var(--ref-accent)!important}.preview-modal{backdrop-filter:blur(8px)!important}.preview-modal-box{border-radius:22px!important}.preview-close{border-radius:12px!important}.mobile-top{display:none!important}.sidebar-close{display:none!important}.mobile-overlay{display:none!important}.custom-scrollbar::-webkit-scrollbar,.side-nav::-webkit-scrollbar,.chat-users::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{width:4px!important;height:4px!important}.custom-scrollbar::-webkit-scrollbar-thumb,.side-nav::-webkit-scrollbar-thumb,.chat-users::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb{background:rgba(124,131,155,.45)!important;border-radius:999px!important}
@media(max-width:1100px){.content{padding-left:22px!important;padding-right:22px!important}.permissions-grid{grid-template-columns:1fr 1fr!important}.role-card{grid-template-columns:1fr!important}.profile-editor-card,.profile-layout{grid-template-columns:280px 1fr!important}.user-task-row{grid-template-columns:1fr!important}.slack-chat{grid-template-columns:280px 1fr!important}.cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important}}
@media(max-width:800px){body{padding-top:58px!important}.mobile-top{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:60!important;height:58px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0 14px!important;background:rgba(255,255,255,.9)!important;backdrop-filter:blur(12px)!important;border-bottom:1px solid rgba(198,198,205,.78)!important}.menu-toggle,.sidebar-close{display:grid!important;place-items:center!important;width:38px!important;height:36px!important;border:1px solid rgba(198,198,205,.88)!important;border-radius:10px!important;background:#fff!important;color:var(--ref-ink)!important;cursor:pointer!important}.sidebar{left:-292px!important;width:280px!important;transition:left .2s ease!important}.sidebar-open .sidebar{left:0!important}.mobile-overlay{display:none!important;position:fixed!important;inset:0!important;background:rgba(15,23,42,.45)!important;z-index:45!important}.sidebar-open .mobile-overlay{display:block!important}.main{margin-left:0!important;width:100%!important}.topbar{display:none!important}.content{padding:28px 16px 48px!important}.page-head,.profile-page-head{align-items:flex-start!important;flex-direction:column!important}.content>h1,.page-head h1,.profile-page-head h1{font-size:32px!important}.form-grid,.grid-form,.form-grid.two-col,.two-col,.permissions-grid{grid-template-columns:1fr!important}.profile-editor-card,.profile-layout{grid-template-columns:1fr!important}.profile-summary-panel,.profile-card-big{border-right:0!important;border-bottom:1px solid rgba(198,198,205,.72)!important}.member-grid,.media-preview-grid{grid-template-columns:1fr!important}.project-status-table,.doc-table{min-width:720px!important}.slack-chat{grid-template-columns:1fr!important;height:auto!important;min-height:720px!important}.slack-chat .chat-users{max-height:260px!important}.slack-chat .chat-window{min-height:560px!important}.sidebar-profile-card{grid-template-columns:44px 1fr!important}.brand strong{max-width:155px!important}.btn{min-height:40px!important}}
@media(max-width:480px){.content{padding:24px 12px 42px!important}.card,.panel,.member,.comment,.doc,.simple-editor{padding:16px!important}.btn{width:100%!important}.role-actions .btn,.role-actions form,.role-actions button,.member>div:last-child .btn,.member>div:last-child form,.member>div:last-child button{width:100%!important}.top-pill{display:none!important}.title-input{font-size:30px!important}.login-card,.install-card{padding:24px!important}.sidebar{width:270px!important}.project-status-table,.doc-table{min-width:650px!important}.slack-composer{margin:12px!important}.slack-chat .chat-messages{padding:14px!important}}

/* AJAX status + chat pagination fixes */
.status-select.ajax-project-status{min-width:128px;cursor:pointer;transition:opacity .2s ease, box-shadow .2s ease;}
.status-select.ajax-project-status.is-saving{opacity:.55;cursor:wait;box-shadow:0 0 0 2px rgba(0,106,97,.18);}
.chat-edit-box{display:flex;flex-direction:column;gap:8px;margin-top:6px;}
.chat-edit-box{border:1px solid var(--outline-variant,#c6c6cd);border-radius:12px;overflow:hidden;background:#fff;}
.chat-edit-box .chat-edit-editor{min-height:110px!important;max-height:280px!important;}
.chat-edit-box .chat-edit-actions{display:flex;gap:8px;align-items:center;padding:8px 10px;border-top:1px solid #d8dee8;background:#f7f8fa;}
.chat-messages{overflow-y:auto;scroll-behavior:auto;}
.presence.online{background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.16);}
.presence.offline{background:#94a3b8;}

/* Classic chat editor */
.classic-composer{border-radius:12px!important}
.classic-toolbar{display:flex!important;align-items:center!important;gap:4px!important;padding:7px 9px!important;border-bottom:1px solid #d8dee8!important;background:#f7f8fa!important;overflow-x:auto!important}
.classic-toolbar button{width:34px!important;height:32px!important;display:grid!important;place-items:center!important;border:1px solid transparent!important;border-radius:5px!important;background:transparent!important;color:#374151!important;cursor:pointer!important}
.classic-toolbar button:hover{background:#fff!important;border-color:#cbd5e1!important;color:#111827!important}
.classic-toolbar button strong,.classic-toolbar button em{font-size:15px!important}
.classic-toolbar .material-symbols-outlined{font-size:19px!important}
.toolbar-divider{width:1px!important;height:22px!important;background:#d1d5db!important;margin:0 4px!important;flex:0 0 auto!important}
.classic-composer textarea{min-height:96px!important;padding:14px 16px!important;font-size:15px!important;line-height:1.6!important;background:#fff!important}
.classic-composer .composer-bottom{min-height:48px!important;padding:7px 10px!important;background:#f7f8fa!important;border-top:1px solid #d8dee8!important}
.classic-attach{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:7px 9px!important;border-radius:5px!important;color:#4b5563!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important}
.classic-attach:hover{background:#fff!important;color:#111827!important}
.classic-attach .material-symbols-outlined{font-size:19px!important}
.composer-hint{margin-left:auto!important;color:#8a94a6!important;font-size:12px!important}
.classic-composer .send-icon{margin-left:8px!important;border-radius:6px!important}
@media(max-width:640px){.composer-hint{display:none!important}.classic-toolbar{gap:2px!important}.toolbar-divider{margin:0 2px!important}}

/* Live WYSIWYG chat composer */
.classic-composer .chat-rich-editor{
  width:100%!important;
  min-height:140px!important;
  max-height:340px!important;
  overflow-y:auto!important;
  padding:14px 16px!important;
  font-size:15px!important;
  line-height:1.55!important;
  color:#111827!important;
  background:#fff!important;
  outline:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.chat-rich-editor:empty:before{
  content:attr(data-placeholder);
  color:#7b7f87;
  pointer-events:none;
}
.chat-rich-editor p{margin:0 0 8px!important}
.chat-rich-editor h2{font-size:21px!important;line-height:1.3!important;margin:4px 0 10px!important;font-weight:800!important}
.chat-rich-editor blockquote{margin:7px 0!important;padding:4px 0 4px 12px!important;border-left:4px solid #d1d5db!important;color:#374151!important}
.chat-rich-editor ul,.chat-rich-editor ol{margin:6px 0 8px 24px!important;padding:0!important}
.chat-rich-editor code{padding:2px 5px!important;border-radius:4px!important;background:#f3f4f6!important;color:#be123c!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important}
.chat-rich-editor a{color:#0875bd!important;text-decoration:underline!important}
.classic-toolbar button.is-active{background:#e8eef8!important;border-color:#b9c5d6!important;color:#111827!important}
.msg-text h2{font-size:20px;margin:4px 0 8px}.msg-text p{margin:0 0 7px}.msg-text blockquote{margin:7px 0;padding:4px 0 4px 12px;border-left:4px solid #d1d5db}.msg-text ul,.msg-text ol{margin:6px 0 8px 22px}.msg-text code{padding:2px 5px;border-radius:4px;background:#f3f4f6;color:#be123c}.msg-text a{color:#0875bd;text-decoration:underline}

/* Staff/HR module (Phase 2) */
.data-table{width:100%;border-collapse:collapse;font-size:14px}
.data-table th{text-align:left;padding:9px 10px;border-bottom:2px solid #e5e7eb;color:#6b7280;font-weight:600;white-space:nowrap}
.data-table td{padding:9px 10px;border-bottom:1px solid #f1f3f5;vertical-align:middle}
.data-table tr:last-child td{border-bottom:none}
.attendance-edit{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.attendance-edit input{padding:5px 7px;font-size:13px}

/* Projects/Tasks upgrade (Phase 4) */
.pipeline-stepper{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}
.pipeline-stepper .step{padding:7px 14px;border:2px solid #e5e7eb;border-radius:999px;font-size:13px;font-weight:600;color:#9ca3af;background:#fff;position:relative}
.pipeline-stepper .step.done{border-color:#a7f3d0;color:#059669;background:#ecfdf5}
.pipeline-stepper .step.current{font-weight:800;background:#fff}
.role-pill{font-size:11px;text-transform:none}
.role-pm{background:#ede9fe;color:#6d28d9}
.role-dev{background:#dbeafe;color:#1d4ed8}
.role-designer{background:#fce7f3;color:#be185d}
.role-qa{background:#ffedd5;color:#c2410c}
.role-member{background:#f1f5f9;color:#475569}
.assignee-role{margin-left:8px;padding:3px 6px;font-size:12px;border-radius:6px}
.subtask-indent{color:#9ca3af;margin-right:2px}
.overdue-cell{color:#dc2626;font-weight:700}
.over-budget{color:#dc2626}
.mini-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;margin-right:5px;vertical-align:middle}

/* Financials (Phase 5) */
.payslip-edit{display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.payslip-edit input[type=number]{width:90px;padding:5px 6px;font-size:13px}
.payslip-edit input[name=notes]{width:120px;padding:5px 6px;font-size:13px}
.invoice-items input{width:100%;padding:6px 8px;font-size:13px}
.invoice-items td:nth-child(2) input,.invoice-items td:nth-child(3) input{width:110px}

/* Topbar user chip links to profile settings (sidebar card removed) */
a.top-user{text-decoration:none;cursor:pointer;transition:.15s ease}
a.top-user:hover{border-color:#89c6f5!important;box-shadow:0 2px 10px rgba(19,27,46,.10)}
.top-user-gear{font-size:16px!important;color:#94a3b8}
a.top-user:hover .top-user-gear{color:#131b2e}

/* Assigned Projects board (Trello-style) */
.staff-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;align-items:start;padding-bottom:16px}
.staff-column{background:rgba(241,246,244,.75);border:1px solid #dbe7e3;border-radius:16px;padding:12px}
.staff-column-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:4px}
.staff-column-head img,.staff-column-head b{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#dce9ff;display:grid;place-items:center;color:#131b2e;font-size:12px;font-weight:800}
.staff-column-head strong{display:block;font-size:14px;line-height:1.2}
.staff-column-head small{color:#64748b;font-size:11px}
.board-card{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #94a3b8;border-radius:12px;padding:10px 12px;margin-bottom:10px;box-shadow:0 1px 3px rgba(15,23,42,.06)}
.board-card-title{display:block;font-weight:700;font-size:14px;color:#0f172a;margin-bottom:8px;text-decoration:none}
.board-card-title:hover{text-decoration:underline}
.board-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.board-card small{display:block}
.board-empty{font-size:13px;text-align:center;padding:14px 0}
.priority-border-urgent{border-left-color:#dc2626}
.priority-border-high{border-left-color:#f59e0b}
.priority-border-medium{border-left-color:#3b82f6}
.priority-border-low{border-left-color:#94a3b8}
.priority-pill.priority-urgent{background:#fee2e2;color:#b91c1c}
.priority-pill.priority-high{background:#ffedd5;color:#c2410c}
.priority-pill.priority-medium{background:#dbeafe;color:#1d4ed8}
.priority-pill.priority-low{background:#f1f5f9;color:#475569}
.priority-select{border:1px solid #e5e7eb;border-radius:8px;padding:3px 6px;font-size:12px;font-weight:700}
.priority-select.priority-urgent{color:#b91c1c}
.priority-select.priority-high{color:#c2410c}
.priority-select.priority-medium{color:#1d4ed8}
.priority-select.priority-low{color:#475569}

/* Board card: move-to control + project popup */
.board-move{display:block;margin-top:8px}
.board-move-select{width:100%;border:1px dashed #cbd5e1;border-radius:8px;padding:4px 6px;font-size:12px;color:#64748b;background:#f8fafc}
.project-modal-body{max-width:640px;width:min(90vw,640px);max-height:80vh;overflow-y:auto;text-align:left;padding:10px 14px}
.project-modal-body h2{margin:0 0 10px;font-size:24px}
.project-modal-body h3{margin:16px 0 8px;font-size:15px}
.project-modal-body .pipeline-stepper{margin:10px 0}
.project-modal-body .pipeline-stepper .step{padding:5px 10px;font-size:12px}

/* Board card: status dropdown */
select.board-status{border:1px solid #e5e7eb;border-radius:8px;padding:3px 6px;font-size:12px;font-weight:700;max-width:140px}
select.board-status.is-saving{opacity:.5}

/* Compact board cards */
.board-card{padding:8px 10px;margin-bottom:8px;border-radius:10px}
.board-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.board-card-title{margin-bottom:0;font-size:13px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.board-deadline{display:inline-flex;align-items:center;gap:2px;font-size:11px;white-space:nowrap;flex-shrink:0}
.board-deadline .material-symbols-outlined{font-size:14px}
.board-card-controls{display:flex;align-items:center;gap:5px;margin-top:6px}
.board-card-controls .inline{display:inline-flex}
.board-card-controls .priority-select{flex:0 0 auto;width:82px;padding:2px 3px;font-size:11px;border-radius:6px}
.board-card-controls select.board-status{flex:1;min-width:0;max-width:none;padding:2px 3px;font-size:11px;border-radius:6px}
.board-card-controls .board-move{margin-top:0;display:inline-flex;flex:0 0 auto}
.board-card-controls .board-move-select{width:38px;padding:2px 2px;font-size:12px;border-radius:6px;text-align:center}
.board-card-meta{margin-bottom:0;margin-top:6px}
.board-card small.board-deadline{display:inline-flex}

/* Project detail: two-column layout, flat comments */
.project-layout-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start;margin-top:18px}
.project-main{display:flex;flex-direction:column;gap:18px;min-width:0}
.project-main .panel{margin:0}
.project-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:88px}
.side-panel{padding:16px 18px!important;margin:0!important}
.side-panel h3{margin:0 0 12px;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:#64748b}
.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.panel-head h3{margin:0}
.muted-count{font-size:12px;color:#94a3b8;font-weight:600;margin-left:6px}
.fact-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #eef2f1;font-size:13px}
.fact-row:last-child{border-bottom:0}
.fact-row>span:first-child{color:#64748b;flex-shrink:0}
.fact-row>span:last-child{text-align:right;font-weight:600;min-width:0}
.team-list{display:flex;flex-direction:column;gap:8px}
.team-row{display:flex;align-items:center;gap:9px;font-size:13px}
.team-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.mini-avatar-initials{display:grid;place-items:center;background:#dce9ff;color:#131b2e;font-size:10px;font-weight:800;width:24px;height:24px;border-radius:50%}
.doc-embedded{border:0!important;box-shadow:none!important;padding:0!important;background:transparent!important;margin:0!important}
.comments-flat{display:flex;flex-direction:column;margin-top:14px}
.comment-flat{display:flex;gap:11px;padding:12px 0;border-top:1px solid #eef2f1}
.comment-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;display:grid;place-items:center;background:#dce9ff;color:#131b2e;font-size:12px;font-weight:800}
.comment-flat-body{flex:1;min-width:0}
.comment-flat-head{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}
.comment-flat-head strong{font-size:13px}
.comment-flat-body p{margin:0;font-size:14px;line-height:1.55;color:#334155}
.comment-form-flat{display:flex;gap:8px;align-items:flex-end}
.comment-form-flat textarea{flex:1;min-height:44px;resize:vertical}
.budget-line{margin:0 0 8px;font-size:13px}
.budget-bar{height:6px;background:#eef2f1;border-radius:99px;overflow:hidden;margin-bottom:10px}
.budget-bar i{display:block;height:100%;background:#10b981;border-radius:99px}
.budget-bar i.over{background:#dc2626}
.cost-add{display:flex;gap:6px;margin-top:10px}
.cost-add input[name=title]{flex:1;min-width:0;padding:6px 8px;font-size:13px}
.cost-add input[name=amount]{width:90px;padding:6px 8px;font-size:13px}
@media(max-width:1020px){.project-layout-grid{grid-template-columns:1fr}.project-side{position:static}}

/* Board card controls: win over the theme's global select rules */
.board-card-controls{display:flex;align-items:stretch;gap:5px;margin-top:6px;min-width:0}
.board-card-controls form.inline{display:flex!important;min-width:0}
.board-card-controls form.inline:first-child{flex:0 0 84px}
.board-card-controls .board-move{flex:0 0 42px!important;margin-top:0!important}
.board-card-controls .priority-select{width:100%!important;min-width:0!important;padding:4px 4px!important;font-size:11px!important;font-weight:700!important;border-radius:8px!important;border:1px solid #e5e7eb!important;box-shadow:none!important}
.board-card-controls select.board-status{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;padding:4px 4px!important;font-size:11px!important;font-weight:700!important;border-radius:8px!important;box-shadow:none!important}
.board-card-controls .board-move-select{width:100%!important;min-width:0!important;padding:4px 2px!important;font-size:12px!important;border-radius:8px!important;border:1px dashed #cbd5e1!important;background:#f8fafc!important;color:#64748b!important;text-align:center;box-shadow:none!important}
.board-card .board-card-meta .pill{font-size:11px}

/* Team picker (search + scroll, replaces the all-staff checkbox wall) */
.team-picker{border:1px solid #e5e7eb;border-radius:14px;padding:12px;background:#fff}
.team-picker-search{margin-bottom:10px}
.team-picker-list{max-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding-right:4px}
.team-picker-list .assignee-check{display:flex!important;align-items:center;gap:9px;padding:7px 9px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;cursor:pointer;margin:0}
.team-picker-list .assignee-check:hover{background:#f8fafc!important}
.team-picker-list .assignee-check.is-checked{background:#eef6ff!important;border-color:#bfdbfe!important}
.team-picker-list .assignee-check input[type=checkbox]{width:auto!important;flex:0 0 auto;padding:0!important;box-shadow:none!important}
.assignee-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}
.assignee-name small{font-weight:500}
.team-picker-list .assignee-role{display:none;width:132px!important;min-width:0!important;padding:4px 6px!important;font-size:12px!important;flex:0 0 auto;border-radius:8px!important}
.team-picker-list .assignee-check.is-checked .assignee-role{display:block}
.team-picker-count{display:block;margin-top:8px}
.edit-meta-grid{margin-top:14px}
.save-bar{display:flex;gap:10px;margin-top:16px}.save-bar-delete{margin-left:auto}.row-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end}.status-select.status-colored{color:var(--sc)!important;border-color:var(--sc)!important}@supports (background:color-mix(in srgb,red,blue)){.status-select.status-colored{background:color-mix(in srgb,var(--sc) 12%,#fff)!important}}.tab-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;flex:0 0 auto}
.head-actions{display:flex;gap:10px;flex-wrap:wrap}
.stat-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.stat-pills .pill b{margin-left:4px}
.client-search{min-width:200px;flex:0 1 280px;border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-size:14px;background:#fff}
.tab-count{display:inline-block;min-width:18px;padding:0 6px;margin-left:4px;border-radius:999px;background:rgba(15,23,42,.09);font-size:11px;font-weight:800;line-height:18px;text-align:center;vertical-align:middle}
.tab-btn.active .tab-count{background:rgba(255,255,255,.32)}
.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:16px}
.client-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.client-card-top{display:flex;align-items:flex-start;gap:10px}
.client-ico{width:38px;height:38px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;background:#eef2ff;color:#3730a3}
.client-ico .material-symbols-outlined{font-size:20px}
.client-card-name{flex:1;min-width:0}
.client-card-name a{color:var(--ink);text-decoration:none}
.client-card-name strong{display:block;font-size:15px;line-height:1.25;word-break:break-word}
.client-card-name small{display:block}
.client-card-body{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#475569}
.client-card-body span{display:flex;align-items:center;gap:8px;min-width:0}
.client-card-body span a{color:#475569;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.client-card-body .material-symbols-outlined{font-size:17px;color:var(--muted);flex:0 0 auto}
.client-card-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.cc-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.cc-meta .material-symbols-outlined{font-size:16px}
.client-card-foot .btn{margin-left:auto}
.source-add-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.source-add-form input[name=name]{flex:1;min-width:180px}
.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:16px}
.pf-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.pf-shot{position:relative;aspect-ratio:16/10;background:#f1f5f9;overflow:hidden}
.pf-shot img{width:100%;height:100%;object-fit:cover;display:block}
.pf-shot-empty{width:100%;height:100%;display:grid;place-items:center;color:#94a3b8;background:linear-gradient(135deg,#eef2ff,#f8fafc)}
.pf-shot-empty .material-symbols-outlined{font-size:46px}
.pf-featured{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f59e0b;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.pf-featured .material-symbols-outlined{font-size:18px}
.pf-body{display:flex;flex-direction:column;gap:8px;padding:14px}
.pf-title-row{display:flex;align-items:center;gap:8px}
.pf-title-row strong{flex:1;font-size:15px;line-height:1.25;word-break:break-word}
.pf-visit{color:var(--muted);display:inline-flex}
.pf-visit .material-symbols-outlined{font-size:19px}
.pf-tags{display:flex;gap:6px;flex-wrap:wrap}
.pf-plat{background:#e0edff!important;color:#1e40af!important}
.pf-ind{background:#f3e8ff!important;color:#6b21a8!important}
.pf-meta{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--muted)}
.pf-meta span{display:flex;align-items:center;gap:6px}
.pf-meta .material-symbols-outlined{font-size:16px}
.pf-actions{display:flex;gap:6px;align-items:center;margin-top:4px;padding-top:10px;border-top:1px solid var(--line)}
.pf-actions .btn.danger{margin-left:auto}
.pf-cat-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.pf-cat-cols h3{margin:0 0 10px}
.pf-cat-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.pf-cat-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f8fafc;border:1px solid var(--line);border-radius:9px;padding:8px 12px;font-size:14px}
.pf-quickclient{margin:4px 0 10px}
.pf-quickclient-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px;padding:12px;background:#f8fafc;border:1px solid var(--line);border-radius:10px}
.pf-quickclient-form input{min-width:150px}
.pf-edit-shot{margin-bottom:10px}
.pf-edit-shot img{max-width:260px;width:100%;border-radius:10px;border:1px solid var(--line)}
.pf-delete-form{margin-top:14px}
@media(max-width:640px){.pf-cat-cols{grid-template-columns:1fr}}
.editor-form .panel{margin-bottom:16px}

/* Professional sidebar: denser rows, calmer type, subtle active state */
aside.sidebar{padding:18px 12px!important}
aside.sidebar .brand{margin:0 4px 20px!important;padding:0!important;gap:10px!important}
aside.sidebar .brand .case{width:34px!important;height:34px!important;border-radius:9px!important;font-size:19px!important;box-shadow:none!important}
aside.sidebar .brand strong{font-size:16px!important;font-weight:800!important;letter-spacing:-.01em!important;font-family:'Hanken Grotesk',ui-sans-serif,system-ui,sans-serif!important}
aside.sidebar .brand small{font-size:10px!important;letter-spacing:.14em!important;text-transform:uppercase!important;margin-top:1px!important}
aside.sidebar .side-label{margin:18px 10px 5px!important;font-size:10px!important;letter-spacing:.12em!important;font-weight:700!important;color:rgba(148,163,184,.55)!important}
aside.sidebar .nav{min-height:34px!important;padding:7px 10px!important;gap:10px!important;border-radius:8px!important;margin:1px 0!important;font-size:13px!important;font-weight:600!important;letter-spacing:0!important;color:#8b93ab!important;font-family:'Hanken Grotesk',ui-sans-serif,system-ui,sans-serif!important}
aside.sidebar .nav span:first-child{font-size:18px!important;width:20px;text-align:center}
aside.sidebar .nav:hover{background:rgba(255,255,255,.05)!important;color:#e2e8f0!important;transform:none!important}
aside.sidebar .nav.active{background:rgba(137,245,231,.09)!important;color:#a7f8ec!important;box-shadow:inset 2px 0 0 #89f5e7!important;font-weight:700!important}
aside.sidebar .sidebar-bottom{margin-top:10px!important;padding-top:10px!important;border-top:1px solid rgba(148,163,184,.14)!important}
aside.sidebar .sidebar-bottom .nav{color:#94a3b8!important}
aside.sidebar .sidebar-bottom .nav:hover{color:#fca5a5!important;background:rgba(252,165,165,.07)!important}

/* Role-aware dashboard: KPI tiles + action center */
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:14px;margin-bottom:22px}
.kpi-tile{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid rgba(198,198,205,.7);border-radius:16px;padding:16px 16px 14px;text-decoration:none;color:inherit;box-shadow:0 5px 14px rgba(11,28,48,.04);transition:.15s ease}
.kpi-tile:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(11,28,48,.09)}
.kpi-icon{width:32px;height:32px;border-radius:9px;background:#e5f4f1;color:#006a61;display:grid;place-items:center}
.kpi-icon .material-symbols-outlined{font-size:18px}
.kpi-value{font-size:24px;font-weight:800;letter-spacing:-.02em;color:#131b2e;line-height:1.1;word-break:break-word}
.kpi-label{font-size:12px;font-weight:600;color:#64748b}
.kpi-label small{display:block;font-size:11px;color:#94a3b8;font-weight:500}
.kpi-tile.tone-danger .kpi-icon{background:#fee2e2;color:#b91c1c}
.kpi-tile.tone-danger .kpi-value{color:#b91c1c}
.kpi-tile.tone-warn .kpi-icon{background:#fff3d6;color:#a16207}
.action-center{margin-bottom:22px}
.action-center h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:15px}
.action-center h3 .material-symbols-outlined{color:#a16207;font-size:20px}
.action-row{display:flex;align-items:center;gap:10px;padding:10px 8px;border-top:1px solid #eef2f1;text-decoration:none;color:#334155;font-size:14px;font-weight:600;border-radius:8px}
.action-row:hover{background:#f8fafc}
.action-row .material-symbols-outlined{font-size:19px;color:#64748b}
.action-row .material-symbols-outlined:last-child{margin-left:0;color:#94a3b8}
.action-text{flex:1;min-width:0}
.action-count{background:#fee2e2;color:#b91c1c;border-radius:999px;font-size:12px;font-weight:800;padding:3px 9px}

/* Payroll: compact per-column inputs, month nav, action stack */
.month-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.month-nav .inline input[type=month]{width:150px!important;padding:7px 9px!important;font-size:13px!important}
.payroll-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.table-scroll{overflow-x:auto}
.payroll-table{min-width:900px}
.payroll-table td{vertical-align:top;padding:10px 6px!important}
.payroll-table .pr-num{width:96px!important;min-width:0!important;padding:6px 7px!important;font-size:13px!important;border-radius:8px!important;box-shadow:none!important}
.payroll-table .pr-note{width:130px!important;min-width:0!important;padding:6px 7px!important;font-size:12px!important;border-radius:8px!important;box-shadow:none!important}
.payroll-table .pr-fx{width:86px!important;margin-top:6px!important;font-size:11px!important}
.payroll-actions{min-width:230px}
.payroll-actions>.btn{margin-bottom:6px}
.payslip-pay{display:flex!important;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 6px!important}
.payslip-pay input[type=date]{width:128px!important;min-width:0!important;padding:5px 6px!important;font-size:12px!important;border-radius:8px!important}
.slip-mail{display:inline-flex!important;align-items:center;gap:4px;font-size:11px!important;font-weight:700!important;color:#64748b!important;border:0!important;background:none!important;padding:0!important;margin:0!important;cursor:pointer;white-space:nowrap}
.slip-mail input[type=checkbox]{width:auto!important;margin:0!important;padding:0!important;box-shadow:none!important}
.slip-mail .material-symbols-outlined{font-size:14px}

/* Expenses: filter row, compact review controls, category chips */
.filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.filter-row .dashboard-tabs{margin:12px 0!important}
.filter-controls{display:flex!important;align-items:center;gap:6px}
.filter-controls input[type=month]{width:150px!important;padding:7px 9px!important;font-size:13px!important}
.filter-controls select{width:170px!important;padding:7px 9px!important;font-size:13px!important}
.exp-actions{min-width:220px}
.exp-review{display:flex!important;align-items:center;gap:5px;margin-bottom:6px!important;flex-wrap:nowrap}
.exp-review input{width:120px!important;min-width:0!important;padding:6px 7px!important;font-size:12px!important;border-radius:8px!important;box-shadow:none!important}
.exp-review .btn.small{min-height:30px!important;padding:4px 9px!important}
.cat-add{display:flex!important;gap:6px;align-items:center;margin-bottom:12px!important}
.cat-add input{width:240px!important;padding:7px 9px!important;font-size:13px!important}
.cat-chips{display:flex;gap:8px;flex-wrap:wrap}
.cat-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #e5e7eb;background:#f8fafc;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;color:#334155;text-decoration:none}
.cat-chip:hover{border-color:#94a3b8}
.cat-chip span{background:#e2e8f0;color:#475569;border-radius:999px;font-size:11px;padding:2px 7px}

/* Project editor (add / edit project) — cleaner, document-style layout */
.project-editor-form{max-width:1120px!important}
.pe-title-panel{padding:16px 20px!important}
.pe-title-panel .field-label{margin-bottom:2px}
.pe-title-panel .title-input{margin:0!important}
.pe-grid{margin-top:0!important}
.pe-section-head{display:flex;flex-direction:column;gap:2px;margin-bottom:2px}
.pe-section-head h3{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:900;color:var(--ref-ink,#131b2e)}
.pe-section-head .muted{font-size:13px}
.pe-fields{display:grid;gap:14px}
.pe-fields label small{font-weight:600!important;font-size:11px!important;letter-spacing:0;line-height:1.4}
.pe-save-bar{align-items:center;border-top:1px solid rgba(198,198,205,.6);margin-top:22px!important;padding-top:18px}
.pe-danger{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1120px;margin:22px 0 0;padding:16px 18px;border:1px solid #ffb4ab;border-radius:16px;background:#fff5f4}
.pe-danger-text strong{display:block;color:#93000a}
.pe-danger-text small{display:block;margin-top:2px}
.pe-danger .pf-delete-form{margin:0}
@media(max-width:800px){.pe-danger{flex-direction:column;align-items:stretch}.pe-danger .btn{width:100%}}

/* Attendance engine */
.att-report td.att-late{color:#b45309;font-weight:800}
.att-report td.att-absent{color:#b91c1c;font-weight:800}
.att-weekend-days{display:flex;flex-wrap:wrap;gap:6px 12px}
.att-weekend-days .att-wd{display:inline-flex;align-items:center;gap:5px;flex-direction:row;font-weight:700;color:var(--ref-ink,#131b2e)}
.att-weekend-days .att-wd input{width:auto!important}
.att-map-row td{vertical-align:middle}
.att-map-row input{margin:0}
.att-holiday-form{display:flex;flex-direction:column;gap:10px}

/* Leave page */
.leave-balance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-bottom:20px}
.leave-bal-card{background:rgba(255,255,255,.92);border:1px solid rgba(198,198,205,.76);border-radius:16px;padding:16px 18px;box-shadow:0 10px 28px rgba(11,28,48,.06)}
.leave-bal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.leave-bal-name{font-weight:800;font-size:13px;color:var(--ref-ink,#131b2e)}
.leave-bal-tag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:999px;white-space:nowrap}
.leave-bal-tag.paid{background:#86f2e4;color:#00201d}
.leave-bal-tag.unpaid{background:#e5e7eb;color:#475569}
.leave-bal-num{display:flex;align-items:baseline;gap:6px}
.leave-bal-num strong{font-size:30px;font-weight:900;letter-spacing:-.03em;line-height:1;color:var(--ref-ink,#131b2e)}
.leave-bal-num small{color:var(--ref-muted,#6b7280);font-weight:700}
.leave-bal-bar{height:7px;border-radius:999px;background:#eef2f1;overflow:hidden;margin:12px 0 8px}
.leave-bal-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--ref-accent,#006a61),var(--ref-accent-soft,#89f5e7))}
.leave-bal-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}
.leave-bal-pending{color:#b45309;font-weight:800;font-size:11px}
.leave-grid{margin-top:0}
.leave-fields{display:grid;gap:12px}
.leave-fields button{margin-top:4px;justify-content:center}
.leave-review-form{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.leave-review-form input{min-width:120px;flex:1 1 120px}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.panel-head h3{margin:0}
.leave-type-form .form-grid{align-items:end;margin-bottom:12px}
.leave-paid-check{align-self:end}
.leave-type-actions{display:flex;gap:10px;margin-bottom:8px}

/* Expenses page */
.exp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}
.exp-stat{position:relative;background:rgba(255,255,255,.92);border:1px solid rgba(198,198,205,.76);border-radius:16px;padding:16px 18px;box-shadow:0 10px 28px rgba(11,28,48,.06)}
.exp-stat-label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--ref-muted,#6b7280)}
.exp-stat strong{display:block;margin-top:8px;font-size:20px;font-weight:900;letter-spacing:-.02em;line-height:1.25;color:var(--ref-ink,#131b2e)}
.exp-stat.is-pending{border-color:#ffd9b8;background:#fff8f1}
.exp-stat.is-pending strong{color:#b45309}
.exp-stat-link{display:inline-block;margin-top:6px;font-size:12px;font-weight:800;color:var(--ref-accent,#006a61)}
.exp-grid{margin-top:0}
.exp-fields{display:grid;gap:12px}
.exp-fields-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.exp-fields textarea{min-height:64px}
.exp-fields button{margin-top:4px;justify-content:center}
.exp-stat.is-overdue{border-color:#ffb4ab;background:#fff5f4}
.exp-stat.is-overdue strong{color:#b91c1c}

/* Invoices — editor + detail */
.invoice-editor-form{max-width:1120px!important}
.inv-fields-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.inv-pay-form{display:grid;gap:10px}
.inv-pay-form button{margin-top:2px;justify-content:center}
.inv-balance{margin:0 0 12px}
.inv-balance span{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ref-muted,#6b7280)}
.inv-balance strong{display:block;margin-top:3px;font-size:28px;font-weight:900;letter-spacing:-.02em;line-height:1.1;color:var(--ref-ink,#131b2e)}