:root{--bg:#f3f5fa;--surface:#fff;--border:#e6e9f0;--text:#1a1d29;--text-dim:#6b7280;--primary:#4f46e5;--primary-dark:#4338ca;--primary-soft:#eef0ff;--green:#16a34a;--green-soft:#e8f7ee;--amber:#d97706;--amber-soft:#fef3dc;--red:#dc2626;--red-soft:#fdecec;--purple:#7c3aed;--purple-soft:#f3eefe;--purple-dark:#6d28d9;--blue:#3b82f6;--blue-soft:#eaf2ff;--blue-dark:#1d4ed8;--radius:14px;--shadow:0 1px 3px #1018280f, 0 1px 2px #1018280a;--shadow-lg:0 10px 30px #1018281a}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overscroll-behavior:none;max-width:100vw;overflow-x:clip}body{min-height:100vh;color:var(--text);background:var(--bg);font-family:var(--font-geist-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.login-wrap{background:linear-gradient(135deg,#eef1ff 0%,#f3f5fa 55%,#f6f8ff 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-layout{grid-template-columns:1fr 1fr;align-items:center;gap:40px;width:100%;max-width:980px;display:grid}.login-panel{flex-direction:column;align-items:flex-start;display:flex}.login-panel .brand-logo{width:64px;height:64px;margin-bottom:24px;font-size:18px}.login-panel h1{letter-spacing:-.5px;margin-bottom:14px;font-size:34px;font-weight:800;line-height:1.15}.login-tagline{color:var(--text-dim);max-width:420px;margin-bottom:26px;font-size:15px;line-height:1.6}.login-features{flex-direction:column;gap:12px;list-style:none;display:flex}.login-features li{color:var(--text);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.login-feature-check{background:var(--green-soft);width:22px;height:22px;color:var(--green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.login-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border-radius:20px;margin:0 auto;padding:36px 32px}.login-brand{text-align:center;margin-bottom:24px}.login-demo{border-top:1px solid var(--border);margin-top:26px;padding-top:20px}.login-demo-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);text-align:center;margin-bottom:10px;font-size:12px;font-weight:700}.demo-chips{flex-direction:column;gap:8px;display:flex}.demo-chip{border:1px dashed var(--border);background:var(--bg);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:9px 12px;font-family:inherit;transition:border-color .2s,background .2s;display:flex}.demo-chip:hover{border-color:var(--primary);background:var(--primary-soft)}.demo-chip-role{color:var(--text);white-space:nowrap;font-size:12.5px;font-weight:700}.demo-chip code{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.loading-spinner{border:3px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;width:30px;height:30px;margin:0 auto;animation:.8s linear infinite spin}.loading-text{text-align:center;color:var(--text-dim);margin-top:14px;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.brand-logo{background:linear-gradient(135deg, var(--primary), var(--purple));color:#fff;letter-spacing:.5px;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;font-size:16px;font-weight:800;display:inline-flex}.brand-logo.small{border-radius:10px;width:34px;height:34px;margin-bottom:0;font-size:11px}.login-brand h1{margin-bottom:6px;font-size:22px;font-weight:700}.login-brand p{color:var(--text-dim);font-size:14px}.login-hint{text-align:center;color:var(--text-dim);margin-top:22px;font-size:12.5px}.login-hint code{background:var(--primary-soft);color:var(--primary-dark);border-radius:6px;padding:2px 6px;font-size:12px}.form-stack,.form-inline{flex-direction:column;gap:16px;display:flex}.inline-fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text);font-size:13px;font-weight:600}.field input{border:1px solid var(--border);color:var(--text);background:#fafbfe;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);background:#fff}.field select{border:1px solid var(--border);color:var(--text);background:#fafbfe;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);background:#fff}.field-hint{color:var(--text-dim);font-size:12.5px;line-height:1.5}.assign-all-toggle{border:1px solid var(--border);background:var(--primary-soft);color:var(--primary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;font-size:13.5px;font-weight:600;display:inline-flex}.assign-all-toggle input{width:auto;accent-color:var(--primary);margin:0}.assign-list{border:1px solid var(--border);background:#fafbfe;border-radius:10px;flex-direction:column;gap:4px;max-height:180px;padding:6px;display:flex;overflow-y:auto}.assign-list.is-disabled{opacity:.5}.assign-option{color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.assign-option:hover{background:var(--primary-soft)}.assign-option input{width:auto;accent-color:var(--primary);margin:0}.todo-comments-locked{color:var(--text-dim);margin:0;font-size:12.5px;font-style:italic}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(1px)}.btn-block{width:100%}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-green{background:var(--green);color:#fff}.btn-green:hover:not(:disabled){background:#15803d}.btn-amber{background:var(--amber);color:#fff}.btn-amber:hover:not(:disabled){background:#b45309}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-ghost{border-color:var(--border);color:var(--text-dim);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg);color:var(--text)}.btn-sm{border-radius:8px;padding:6px 12px;font-size:12.5px}.pagination{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:12px;padding:14px 24px;display:flex}.pagination-info{color:var(--text-dim);white-space:nowrap;font-size:13px;font-weight:600}.alert{border-radius:10px;margin-bottom:16px;padding:11px 14px;font-size:13.5px;font-weight:500}.form-inline .alert{margin-bottom:0}.alert-error{background:var(--red-soft);color:#b91c1c;border:1px solid #f5c6c6}.alert-success{background:var(--green-soft);color:#15803d;border:1px solid #bce5cc}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;position:sticky;top:0}.app-header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:12px 24px;display:flex}.app-brand{align-items:center;gap:12px;display:flex}.app-title{font-size:15px;font-weight:700}.app-user{align-items:center;gap:14px;display:flex}.user-info{align-items:center;gap:10px;display:flex}.user-name{font-size:14px;font-weight:600}.role-badge{letter-spacing:.3px;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.role-admin{background:var(--primary-soft);color:var(--primary-dark)}.role-superadmin{background:var(--purple-soft);color:var(--purple-dark)}.role-employee{background:var(--green-soft);color:#15803d}.role-manager{color:#0f766e;background:#e6f7f5}.role-client{background:var(--blue-soft);color:var(--blue-dark)}.app-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:32px 24px 64px}.page{flex-direction:column;gap:24px;display:flex}.page-head h2{font-size:24px;font-weight:700}.page-kicker{color:var(--primary-dark);background:var(--primary-soft);letter-spacing:.4px;border-radius:999px;margin-bottom:8px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.page-head p{color:var(--text-dim);margin-top:4px;font-size:14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:6px;padding:20px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow-lg);border-color:#d5d9e5;transform:translateY(-2px)}.stat-value{font-size:26px;font-weight:800}.stat-label{color:var(--text-dim);font-size:13px}.stat-blue .stat-value{color:var(--primary)}.stat-green .stat-value{color:var(--green)}.stat-amber .stat-value{color:var(--amber)}.stat-purple .stat-value{color:var(--purple)}.stat-red .stat-value{color:var(--red)}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.chart-panel{flex-direction:column;display:flex}.chart-box{padding:8px 12px 16px;position:relative}.chart-total{flex-direction:column;align-items:center;gap:2px;margin-top:-4px;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding:20px 24px;display:flex}.panel-head h3{font-size:17px;font-weight:700}.panel-head p{color:var(--text-dim);font-size:13px}.setting-hint{color:var(--text-dim);margin-bottom:10px;font-size:13px}.overview-cta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.overview-cta-text{color:var(--text-dim);font-size:14px}.panel-actions{border-bottom:1px solid var(--border);gap:10px;padding:16px 24px;display:flex}.panel>.form-inline,.panel>.form-stack{padding:20px 24px}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;-webkit-overflow-scrolling:touch;background:#0f14288c;justify-content:center;align-items:flex-start;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:440px;box-shadow:var(--shadow-lg);margin:auto;overflow:hidden}.modal-wide{max-width:760px}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px;display:flex}.modal-head h3{font-size:17px;font-weight:700}.modal-head p{color:var(--text-dim);margin-top:3px;font-size:13px}.modal-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:24px;line-height:1}.modal-close:hover{color:var(--text)}.modal-body{max-height:70vh;padding:20px 24px;overflow-y:auto}.modal-btns{justify-content:flex-end;gap:10px;display:flex}.confirm-msg{color:var(--text-dim);margin-bottom:18px;line-height:1.6}.modal-confirm-success{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:10px 0 4px;display:flex}.modal-confirm-success p{color:var(--text);font-weight:600}.confirm-success-icon{background:var(--green-soft);width:46px;height:46px;color:var(--green);border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:800;display:inline-flex}.modal-confirm-success .modal-btns{margin-top:6px}.table-wrap{overflow-x:auto}.th-actions{width:72px;text-align:right!important}.td-actions{text-align:right}.td-actions .btn{margin-left:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap;background:#f9fafc;padding:12px 16px;font-size:12px;font-weight:700}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 16px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#fafbff}.row-inactive{opacity:.55}.cell-user{font-weight:600}.avatar{background:var(--primary-soft);width:32px;height:32px;color:var(--primary-dark);vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;margin-right:10px;font-size:14px;font-weight:700;display:inline-flex}.avatar.large{flex-shrink:0;width:44px;height:44px;font-size:18px}.code{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:2px 7px;font-size:12.5px}.email-cell{text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:200px;color:var(--text-dim);text-decoration:none;display:inline-block;overflow:hidden}.email-cell:hover{color:var(--primary);text-decoration:underline}.cell-dim{color:var(--text-dim);font-size:13px}.cell-sub{color:var(--text-dim);font-size:12px;font-weight:500;display:block}.cell-num{text-align:center}.account-name-cell{font-size:13px;font-weight:600}.cell-strong{font-size:15px;font-weight:800}.filter-bar{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.filter-bar-wrap{border-bottom:1px solid var(--border);padding:16px 24px}.panel>.filter-bar{padding:20px 24px}.filter-bar .field{min-width:160px}.filter-bar .field label{margin-bottom:6px}.filter-reset{margin-bottom:2px}.table-toolbar{border-bottom:1px solid var(--border);justify-content:flex-end;padding:12px 24px;display:flex}.activity-total{flex-direction:column;align-items:center;gap:6px;display:inline-flex}.activity-bar{background:#eef1f6;border-radius:999px;width:64px;height:6px;display:flex;overflow:hidden}.activity-bar-seg{height:100%}.activity-bar-ok{background:var(--green)}.activity-bar-pending{background:var(--amber)}.activity-bar-no{background:var(--red)}.stats-grid-sm{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:4px 0}.stats-grid-sm .stat-card{gap:2px;padding:14px 16px}.stats-grid-sm .stat-value{font-size:20px}.status-badge{border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-active{background:var(--green-soft);color:#15803d}.status-active:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px}.status-inactive{background:var(--amber-soft);color:#b45309}.status-inactive:before{content:"";background:var(--amber);border-radius:50%;width:6px;height:6px}.status-approved{background:var(--green-soft);color:#15803d}.status-approved:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px}.status-pending{background:var(--amber-soft);color:#b45309}.status-pending:before{content:"";background:var(--amber);border-radius:50%;width:6px;height:6px}.status-not-approved{background:var(--red-soft);color:var(--red)}.status-not-approved:before{content:"";background:var(--red);border-radius:50%;width:6px;height:6px}.status-select{border:1px solid var(--border);background:var(--surface);min-width:130px;color:var(--text);cursor:pointer;border-radius:8px;padding:5px 8px;font-size:13px}.status-select:disabled{opacity:.6;cursor:wait}.status-select.status-approved{border-color:var(--green);color:#15803d}.status-select.status-pending{border-color:var(--amber);color:#b45309}.status-select.status-not-approved{border-color:var(--red);color:var(--red)}.row-actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.cell-actions{text-align:right;white-space:nowrap}.action-menu{display:inline-block;position:relative}.action-menu-scrim{z-index:40;position:fixed;inset:0}.action-menu-list{z-index:41;background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:10px;width:232px;height:auto;padding:6px;position:fixed;overflow:visible;box-shadow:0 12px 32px #0f172a2e}.action-menu-item{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;flex-direction:column;gap:1px;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.action-menu-item small{color:var(--text-dim);font-size:11px;font-weight:400}.action-menu-item:hover:not(:disabled){background:var(--bg)}.action-menu-item:disabled{opacity:.5;cursor:not-allowed}.action-menu-item-danger{color:var(--red)}.action-menu-sep{background:var(--border);height:1px;margin:5px 4px}.btn-icon{border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.btn-icon svg{fill:currentColor}.row-msg{color:var(--text-dim);font-size:12px}.reset-form{align-items:center;gap:6px;display:flex}.reset-form input{border:1px solid var(--border);border-radius:8px;outline:none;width:130px;padding:6px 10px;font-size:13px}.reset-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.edit-form{border:1px solid var(--border);background:#fafbfe;border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;padding:12px;display:grid}.edit-form .field{gap:4px}.edit-form .field label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;font-size:11.5px;font-weight:700}.edit-form input{border:1px solid var(--border);background:#fff;border-radius:8px;outline:none;padding:8px 10px;font-size:13px}.edit-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.edit-form-btns{align-items:flex-end;gap:6px;display:flex}.info-list{flex-direction:column;display:flex}.info-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.info-row:last-child{border-bottom:none}.info-row span{color:var(--text-dim);font-size:14px}.info-row strong{font-size:14px}.admin-shell{min-height:100vh;display:flex}.sidebar{color:#cbd2e0;z-index:30;background:#151b2e;flex-direction:column;flex-shrink:0;width:250px;height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:18px 20px;display:flex;position:relative}.sidebar-title{color:#fff;font-size:15px;font-weight:700}.sidebar-close{color:#cbd2e0;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:22px;line-height:1;display:none}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.sidebar-label{letter-spacing:1px;text-transform:uppercase;color:#6b7390;margin-bottom:8px;padding:0 10px;font-size:11px;font-weight:700}.nav-link{color:#cbd2e0;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-badge{background:var(--red);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:800;line-height:1;animation:.25s badge-pop;display:inline-flex}.nav-badge-amber{background:var(--amber)}@keyframes badge-pop{0%{transform:scale(.5)}to{transform:scale(1)}}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.nav-active{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.nav-icon{width:20px;height:20px;display:inline-flex}.nav-icon svg{width:100%;height:100%}.sidebar-user{border-top:1px solid #ffffff14;padding:14px 16px}.sidebar-user-inner{align-items:center;gap:12px;display:flex}.sidebar-user-text{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.sidebar-user-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:600;line-height:1.2;overflow:hidden}.sidebar-user-text .role-badge{padding:2px 8px}.avatar.small{flex-shrink:0;width:34px;height:34px;margin-right:0;font-size:15px}.sidebar-footer{border-top:1px solid #ffffff14;padding:14px}.btn-logout{color:#cbd2e0;border-color:#ffffff24;justify-content:flex-start}.btn-logout:hover:not(:disabled){color:#fff;background:#ffffff0f}.btn-logout svg{width:16px;height:16px}.sidebar-overlay{display:none}.admin-main{flex-direction:column;flex:1;min-width:0;margin-left:250px;display:flex}.admin-topbar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#ffffffd9;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.menu-toggle{border:1px solid var(--border);cursor:pointer;color:var(--text);background:0 0;border-radius:10px;padding:8px 10px;display:none}.menu-toggle svg{width:20px;height:20px}.topbar-user{align-items:center;gap:10px;display:flex}.topbar-user-text{flex-direction:row;align-items:center;gap:8px;min-height:32px;line-height:1;display:flex}.admin-content{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:28px 32px 64px}@media (max-width:900px){.sidebar{transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 10px 40px #0000004d}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close{display:block}.menu-toggle{display:inline-flex}.sidebar-overlay{z-index:25;background:#0f142880;display:block;position:fixed;inset:0}.admin-content{padding:20px 16px 48px}.admin-main{margin-left:0}}.cards-grid{grid-template-columns:repeat(3,1fr);gap:18px;padding:20px 24px;display:grid}.card-tile{text-align:left;border:1px solid var(--border);cursor:pointer;color:var(--text);overflow-wrap:anywhere;background:#fafbff;border-radius:14px;flex-direction:column;gap:8px;min-width:0;padding:18px;font-family:inherit;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.card-tile:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 18px #4f46e51f}.card-tile-static{cursor:default}.card-tile-static:hover{border-color:var(--border);box-shadow:none;transform:none}.card-tile-title{font-size:16px;font-weight:700}.card-tile-desc{color:var(--text-dim);min-height:18px;font-size:13px}.card-tile-open{color:var(--primary);margin-top:auto;font-size:12.5px;font-weight:700}.card-tone{--tone:var(--primary);--tone-soft:var(--primary-soft);border-top:4px solid var(--tone);background:linear-gradient(180deg, var(--tone-soft) 0%, #fff 72%)}.card-tone:hover{border-top-color:var(--tone);border-color:var(--tone);box-shadow:0 8px 22px color-mix(in srgb, var(--tone) 20%, transparent)}.card-tone-0{--tone:#4f46e5;--tone-soft:#eef0ff}.card-tone-1{--tone:#2563eb;--tone-soft:#eaf2ff}.card-tone-2{--tone:#0d9488;--tone-soft:#e6f7f5}.card-tone-3{--tone:#d97706;--tone-soft:#fef3dc}.card-tone-4{--tone:#e11d48;--tone-soft:#ffe8ee}.card-tone-5{--tone:#7c3aed;--tone-soft:#f3eefe}.card-tone-6{--tone:#0891b2;--tone-soft:#e6f6f9}.card-tone .card-tile-title,.card-tone .card-tile-open{color:var(--tone)}.overview-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 24px;display:grid}.overview-tile{border:1px solid var(--border);border-top:4px solid var(--primary);background:#fafbff;border-radius:14px;flex-direction:column;gap:14px;min-width:0;padding:18px;display:flex}.overview-tile-inactive{opacity:.55}.overview-tile-head{align-items:center;gap:12px;min-width:0;display:flex}.overview-tile-id{flex-direction:column;min-width:0;margin-right:auto;display:flex}.overview-tile-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.overview-tile-stats{border-top:1px solid var(--border);align-items:center;gap:16px;padding-top:12px;display:flex}.overview-tile-stat{flex-direction:column;gap:2px;display:flex}.overview-tile-value{color:var(--text);font-size:26px;font-weight:800;line-height:1}.overview-tile-today{color:#16a34a}.overview-tile-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:12.5px;font-weight:600}.overview-tile-divider{background:var(--border);align-self:stretch;width:1px}.accounts-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:20px 24px;display:grid}.account-tile{border:1px solid var(--border);background:#fafbff;border-radius:14px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.account-tile-main{text-align:left;cursor:pointer;color:var(--text);overflow-wrap:anywhere;background:0 0;border:none;align-items:center;gap:12px;min-width:0;padding:18px;font-family:inherit;display:flex}.account-tile-main:hover{background:#f3f5ff}.account-tile-avatar{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:inline-flex}.account-tile-text{flex-direction:column;gap:4px;min-width:0;display:flex}.account-tile-sub{color:var(--text-dim);font-size:12.5px}.account-tile-status{flex-wrap:wrap;align-items:center;gap:8px;padding:0 18px 14px;display:flex}.content-stats-row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.content-employee-head{border:1px solid var(--border);background:#fafbff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 18px;display:flex}.content-employee-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.content-employee-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.content-account-block{border:1px solid var(--border);background:#fff;border-radius:14px;overflow:hidden}.content-account-head{border-bottom:1px solid var(--border);background:#f3f5fa;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.content-account-head h4{font-size:15px;font-weight:700}.content-account-stats{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.content-card-block{padding:16px}.content-card-block h5{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:12px;font-size:13px;font-weight:700}.content-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.content-card{border:1px solid var(--border);background:#fafbff;border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.content-card-active{border-color:var(--green);background:#f4fbf6}.content-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.content-card-title{overflow-wrap:anywhere;font-size:14px;font-weight:700;line-height:1.35}.content-card-details{flex-direction:column;gap:6px;font-size:13px;display:flex}.content-detail-row{align-items:baseline;gap:8px;min-width:0;display:flex}.content-detail-row>span:first-child{flex-shrink:0;min-width:70px;font-size:12px}.content-detail-row .link-text,.content-detail-row>span:nth-child(2){overflow-wrap:anywhere}.content-html-preview{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:10px;max-height:110px;padding:10px 12px;font-size:13px;line-height:1.6;overflow:auto}.content-html-preview img{border-radius:8px;max-width:100%;height:auto}.content-html-preview p{margin:0 0 8px}.content-html-preview p:last-child{margin-bottom:0}.content-html-preview a{color:var(--primary);text-decoration:underline}.content-html-preview ul,.content-html-preview ol{margin:0 0 8px;padding-left:20px}.content-html-preview h1,.content-html-preview h2,.content-html-preview h3{margin:0 0 8px}.content-card-foot{margin-top:auto;padding-top:2px;font-size:12px}.entry-content-tag{background:var(--primary-soft);max-width:200px;color:var(--primary-dark);overflow-wrap:anywhere;border-radius:999px;align-items:center;padding:4px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.content-cell{flex-direction:column;gap:6px;min-width:200px;display:flex}.entry-html-snippet{color:var(--text-dim);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.row-actions-h{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.entry-view{flex-direction:column;gap:18px;display:flex}.entry-view-meta{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.entry-view-row{border:1px solid var(--border);overflow-wrap:anywhere;background:#fafbff;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;font-size:13.5px;display:flex}.entry-view-content h4{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:10px;font-size:13px;font-weight:700}.entry-view-html{border:1px solid var(--border);color:var(--text);background:#fafbff;border-radius:12px;padding:16px 18px;font-size:14px;line-height:1.7}.entry-view-html img{border-radius:8px;max-width:100%;height:auto}.entry-view-html p{margin:0 0 10px}.entry-view-html p:last-child{margin-bottom:0}.entry-view-html ul,.entry-view-html ol{margin:0 0 10px;padding-left:22px}.entry-view-html a{color:var(--primary);text-decoration:underline}.entry-view-html h1,.entry-view-html h2,.entry-view-html h3{margin:0 0 10px}.account-tile-delete{border:none;border-top:1px solid var(--border);color:var(--red);cursor:pointer;background:#fff;padding:9px;font-family:inherit;font-size:12.5px;font-weight:700}.account-tile-delete:hover{background:var(--red-soft)}.card-tile-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-tile-delete{align-self:flex-start;margin-top:6px}.entry-list{flex-direction:column;display:flex}.entry-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.entry-row:last-child{border-bottom:none}.entry-main{flex-direction:column;gap:6px;min-width:0;display:flex}.entry-name{font-size:14px;font-weight:600}.entry-pass{align-items:center;gap:8px;display:flex}.entry-pass code{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:3px 8px;font-size:13px}.entry-actions{align-items:center;gap:8px;display:flex}.link-cell{align-items:center;gap:10px;display:flex}.link-text{color:var(--primary);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:13px;text-decoration:underline;overflow:hidden}.link-text:hover{color:var(--primary-dark)}.empty-state{text-align:center;color:var(--text-dim);padding:24px;font-size:14px}.employee-picker{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.picker-list{flex-direction:column;gap:8px;max-height:420px;display:flex;overflow-y:auto}.picker-item{border:1px solid var(--border);cursor:pointer;text-align:left;background:#fff;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.picker-item:hover{border-color:var(--primary);background:var(--primary-soft)}.picker-item-text{flex-direction:column;gap:2px;min-width:0;display:flex}.picker-item-sub{color:var(--text-dim);font-size:12.5px}.account-picker{border:1px solid var(--border);background:#fafbff;border-radius:12px;flex-direction:column;gap:12px;width:100%;padding:16px;display:flex}.account-picker-head{flex-direction:column;gap:4px;display:flex}.field-label{color:var(--text);font-size:13px;font-weight:600}.account-picker-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;max-height:260px;display:grid;overflow-y:auto}.account-picker-item{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.account-picker-item:hover{border-color:var(--primary);background:var(--primary-soft)}.account-picker-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);flex-shrink:0}.account-picker-avatar{background:var(--primary-soft);width:30px;height:30px;color:var(--primary-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.account-picker-text{flex-direction:column;gap:2px;min-width:0;display:flex}.panel-head-right{align-items:center;gap:12px;display:flex}.employee-overview{flex-direction:column;display:flex}.overview-employee{border-bottom:1px solid var(--border);flex-direction:column;gap:14px;padding:18px 24px;display:flex}.overview-employee:last-child{border-bottom:none}.overview-head{align-items:center;gap:12px;display:flex}.overview-head>div:nth-child(2){flex-direction:column;flex:1;gap:2px;display:flex}.overview-head .status-badge{margin-left:auto}.overview-account{border:1px solid var(--border);background:#fafbfe;border-radius:12px;overflow:hidden}.overview-account>h4{background:var(--primary-soft);color:var(--primary-dark);border-bottom:1px solid var(--border);padding:12px 16px;font-size:14px;font-weight:800}.overview-card{border-top:1px solid var(--border);background:#fff}.overview-card h5{color:var(--text-dim);padding:10px 16px;font-size:13px;font-weight:700}.overview-card .table th{background:#f6f7fb}.content-picker{border:1px dashed var(--border);background:#fafbff;border-radius:12px;flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px;display:flex}.content-picker .field{width:100%}.content-picker-active{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.content-dropdown{position:relative}.content-dropdown-trigger{border:1px solid var(--border);width:100%;color:var(--text);text-align:left;cursor:pointer;background:#fafbfe;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s;display:flex}.content-dropdown-trigger:hover,.content-dropdown-trigger:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);background:#fff}.content-dropdown-title{font-weight:600}.content-dropdown-snippet{color:var(--text-dim);font-size:12.5px;line-height:1.45}.content-dropdown-chevron{color:var(--text-dim);pointer-events:none;position:absolute;top:14px;right:12px}.content-dropdown-panel{z-index:30;border:1px solid var(--border);background:#fff;border-radius:12px;max-height:420px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 12px 32px #0f172a1f}.content-dropdown-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:stretch;gap:6px;width:100%;padding:10px 12px;font-family:inherit;display:flex}.content-dropdown-item+.content-dropdown-item{border-top:1px solid var(--border)}.content-dropdown-item:hover,.content-dropdown-item:focus{background:var(--primary-soft)}.content-dropdown-item.selected{border-color:var(--primary);background:var(--primary-soft)}.content-dropdown-item-title{color:var(--text);font-size:13.5px;font-weight:700}.content-dropdown-item-html{color:var(--text-dim);white-space:normal;font-size:12.5px;line-height:1.5}.content-picker-hint{color:var(--text-dim);font-size:12.5px}.form-check{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13.5px;display:flex}.form-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.form-check:hover{color:var(--text)}.content-list{flex-direction:column;display:flex}.content-item{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 24px;display:flex}.content-item:last-child{border-bottom:none}.content-item-active{border-left:3px solid var(--green);background:linear-gradient(90deg,#16a34a0d,#0000)}.content-item-main{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.content-item-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.content-item-title strong{font-size:15px}.content-item-fields{color:var(--text-dim);flex-wrap:wrap;gap:14px;font-size:13px;display:flex}.content-item-fields span{align-items:center;gap:6px;display:inline-flex}.content-item-fields label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-dim);font-size:11px;font-weight:700}.content-item-fields code{background:var(--bg);border:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;max-width:240px;padding:2px 7px;font-size:12.5px;overflow:hidden}.content-item-html{color:var(--text-dim);overflow-wrap:anywhere;max-width:100%;font-size:13.5px;line-height:1.6}.content-item-html p{margin-bottom:6px}.content-item-html p:last-child{margin-bottom:0}.content-item-actions{flex-wrap:wrap;gap:6px;display:flex}.content-account-tile{border:1px solid var(--border);background:#fafbff;border-radius:14px;width:100%}.content-account-tile:hover{background:#f3f5ff}@media (max-width:900px){.admin-topbar{padding:10px 16px}.panel-head,.panel>.form-inline,.panel>.form-stack{padding:16px}.cards-grid,.overview-grid{grid-template-columns:repeat(2,1fr)}.login-layout{grid-template-columns:1fr;gap:0;max-width:420px}.login-panel{display:none}}@media (max-width:520px){.cards-grid{grid-template-columns:1fr}}@media (max-width:700px){.admin-content{padding:16px 12px 40px}.page-head h2{font-size:20px}.app-header-inner{padding:10px 16px}.login-card{padding:28px 20px}.cards-grid,.accounts-grid{gap:12px;padding:16px}.card-tile,.account-tile-main{padding:14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.table-wrap{padding:12px 16px;overflow:visible}.table thead{display:none}.table,.table tbody,.table tr,.table td{width:100%;display:block}.table tr{border:1px solid var(--border);background:#fff;border-radius:12px;margin:0 0 12px;padding:10px 14px}.table td{border:none;justify-content:space-between;align-items:center;gap:12px;min-height:34px;padding:8px 0;display:flex}.table td.cell-actions{justify-content:flex-end;padding-top:4px}.table td.cell-actions:before{margin-right:auto}.table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.4px;color:var(--text-dim);flex-shrink:0;font-size:11px;font-weight:700}.table tbody tr:hover{background:#fff}.table td.td-actions{flex-direction:column;align-items:flex-start}.table td.td-actions .btn{margin-left:0}}@media (max-width:480px){.topbar-user-text{display:none}.modal-overlay,.modal-head,.modal-body{padding:16px}.modal-btns{flex-direction:column}.modal-btns .btn{width:100%}.edit-form{grid-template-columns:1fr}.reset-form{flex-direction:column;align-items:stretch}.reset-form input{width:100%}.link-cell{flex-wrap:wrap}.link-text{max-width:100%}.overview-employee{padding:14px 16px}}.panel-form{padding:20px 24px}.form-actions{justify-content:flex-start;padding:0}.field textarea{border:1px solid var(--border);color:var(--text);resize:vertical;background:#fafbfe;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);background:#fff}.todo-progress{background:var(--bg);border-bottom:1px solid var(--border);height:6px}.todo-progress-bar{background:var(--green);border-radius:0 6px 6px 0;height:100%;transition:width .3s}.filter-search{min-width:200px}.todo-list{flex-direction:column;list-style:none;display:flex}.todo-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;padding:16px 24px;transition:background .15s;display:flex}.todo-item:last-child{border-bottom:none}.todo-item:hover{background:var(--bg)}.todo-item.todo-overdue{background:var(--red-soft)}.todo-check{flex-shrink:0;padding-top:2px}.todo-toggle{border:2px solid var(--border);background:var(--surface);color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s,border-color .15s;display:flex}.todo-toggle:disabled{opacity:.6;cursor:wait}.todo-toggle-on{background:var(--green);border-color:var(--green)}.todo-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.todo-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.todo-title{color:var(--text);font-size:15px;font-weight:600}.todo-title-done{color:var(--text-dim);text-decoration:line-through}.todo-desc{color:var(--text-dim);font-size:13.5px;line-height:1.5}.todo-meta{color:var(--text-dim);font-size:12px}.todo-timeline{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.todo-timeline-item{color:var(--text-dim);align-items:center;gap:8px;font-size:12.5px;display:flex}.todo-timeline-item strong{color:var(--text);font-weight:700}.timeline-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.timeline-dot-created{background:var(--blue)}.timeline-dot-assignee{background:var(--purple)}.timeline-dot-started{background:var(--amber)}.timeline-dot-completed{background:var(--green)}.timeline-dot-deleted{background:var(--red)}.todo-tabs{flex-direction:column;gap:8px;display:flex}.todo-tabs-bar{border:1px solid var(--border);background:var(--bg);border-radius:10px;align-self:flex-start;gap:4px;padding:3px;display:inline-flex}.todo-tab-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.todo-tab-btn:hover{color:var(--primary)}.todo-tab-btn.is-active{background:var(--surface);color:var(--primary);box-shadow:0 1px 3px #00000014}.todo-tabs-panel{flex-direction:column;gap:8px;display:flex}.todo-comments-count{background:var(--primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.todo-comments-empty{color:var(--text-dim);margin:0;font-size:12.5px}.todo-comments-list{flex-direction:column;gap:8px;list-style:none;display:flex}.todo-comment{background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.todo-comment-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.todo-comment-author{color:var(--text);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:inline-flex}.todo-comment-role{text-transform:uppercase;letter-spacing:.4px;background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:2px 7px;font-size:10.5px;font-weight:700}.todo-comment-time{color:var(--text-dim);font-size:11px}.todo-comment-text{color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px;line-height:1.5}.todo-comment-input-row{align-items:center;gap:8px;display:flex}.todo-comment-input{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--text);border-radius:10px;outline:none;flex:1;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.todo-comment-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);background:#fff}.todo-comment-input-row .btn{flex-shrink:0}.todo-comments-error{color:var(--red);margin:0;font-size:12px}.todo-chips{flex-wrap:wrap;gap:6px;display:flex}.todo-chip{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.todo-chip-account{border-color:var(--blue-soft);background:var(--blue-soft);color:var(--blue-dark)}.todo-chip-assignee{border-color:var(--green-soft);background:var(--green-soft);color:#15803d}.todo-chip-overdue{background:var(--red-soft);color:var(--red);border-color:#f5c6c6}.todo-chip-due-soon{background:var(--amber-soft);color:#b45309;border-color:#fde9c8}.todo-chip-link{text-decoration:none}.todo-chip-link:hover{color:var(--primary-dark);border-color:var(--primary)}.priority-badge{border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.priority-high{background:var(--red-soft);color:var(--red)}.priority-medium{background:var(--amber-soft);color:#b45309}.priority-low{background:var(--green-soft);color:#15803d}.status-in-progress{background:var(--blue-soft);color:var(--blue-dark)}.status-in-progress:before{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px}.status-completed{background:var(--green-soft);color:#15803d}.status-completed:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px}.todo-actions{flex-shrink:0;gap:8px;display:flex}.todo-priority.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.todo-priority.dot.priority-high{background:var(--red)}.todo-priority.dot.priority-medium{background:var(--amber)}.todo-priority.dot.priority-low{background:var(--green)}.status-neutral{color:var(--text-dim);background:#eef1f5}.status-neutral:before{content:"";background:var(--text-dim);border-radius:50%;width:6px;height:6px}.quick-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.quick-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:6px;padding:20px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.quick-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.quick-icon{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:8px;display:inline-flex}.quick-icon svg{width:20px;height:20px}.quick-icon-blue{background:var(--blue-soft);color:var(--blue-dark)}.quick-icon-purple{background:var(--purple-soft);color:var(--purple-dark)}.quick-icon-green{background:var(--green-soft);color:#15803d}.quick-title{color:var(--text);font-size:15px;font-weight:700}.quick-desc{color:var(--muted);font-size:13px}.todo-mini-list{flex-direction:column;gap:10px;display:flex}.todo-mini{border:1px solid var(--border);background:var(--bg);border-radius:10px;align-items:center;gap:10px;padding:12px 14px;display:flex}.todo-mini-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;overflow:hidden}@media (max-width:640px){.overview-grid{grid-template-columns:1fr;padding:16px}.overview-tile{padding:16px}.todo-item{flex-wrap:wrap}.todo-actions{width:100%;padding-left:38px}.quick-grid{grid-template-columns:1fr}}.upload-dropzone{border:2px dashed var(--primary);border-radius:var(--radius);background:var(--primary-soft);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:32px 20px;transition:background .15s,border-color .15s;display:flex}.upload-dropzone:hover{border-color:var(--primary-dark);background:#e2e6ff}.upload-dropzone input[type=file]{display:none}.upload-dropzone-icon{width:52px;height:52px;color:var(--primary);box-shadow:var(--shadow);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.upload-dropzone-title{color:var(--text);font-size:15px;font-weight:700}.upload-dropzone-sub{color:var(--text-dim);font-size:13px}.upload-preview{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-top:16px;padding:16px}.upload-preview-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.upload-preview-title{color:var(--text);font-size:14px;font-weight:700}.upload-preview-meta{color:var(--text-dim);font-size:13px}.upload-preview-note{color:var(--text-dim);margin-top:10px;font-size:13px}.upload-progress{background:var(--border);border-radius:999px;height:6px;overflow:hidden}.upload-progress-bar{background:var(--primary);height:100%;transition:width .2s}.upload-link-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.alert-success .upload-link-row{margin-top:8px}.upload-link{color:var(--text-dim);word-break:break-all;font-size:12px;text-decoration:underline}.table-upload-preview th,.table-upload-preview td{white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.upload-file-cell{align-items:center;gap:10px;min-width:0;display:flex}.upload-file-icon{background:var(--primary-soft);width:30px;height:30px;color:var(--primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.upload-file-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.upload-visibility{flex-direction:column;gap:8px;display:flex}.upload-toggle-all .upload-toggle-label{font-weight:600}.upload-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.upload-toggle input{opacity:0;pointer-events:none;position:absolute}.upload-toggle-track{background:#d1d5db;border-radius:999px;flex-shrink:0;width:36px;height:20px;transition:background .15s;position:relative}.upload-toggle-track:after{content:"";width:16px;height:16px;box-shadow:var(--shadow);background:#fff;border-radius:50%;transition:transform .15s;position:absolute;top:2px;left:2px}.upload-toggle input:checked+.upload-toggle-track{background:var(--green)}.upload-toggle input:checked+.upload-toggle-track:after{transform:translate(16px)}.upload-toggle input:indeterminate+.upload-toggle-track{background:var(--amber)}.upload-toggle input:indeterminate+.upload-toggle-track:after{transform:translate(8px)}.upload-toggle input:disabled+.upload-toggle-track{opacity:.6;cursor:wait}.upload-toggle-label{color:var(--text);font-size:13px}.upload-visibility-badges{flex-wrap:wrap;gap:6px;display:flex}.upload-visibility-panel{flex-direction:column;gap:14px;padding:20px 24px;display:flex}.upload-visibility-panel .pagination{border-top:1px solid var(--border);padding:14px 0 0}.upload-visibility-bulk{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.upload-visibility-bulk-toggles{flex-wrap:wrap;gap:18px;display:flex}.upload-visibility-list{flex-direction:column;list-style:none;display:flex}.upload-visibility-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 14px;padding:10px 0;display:flex}.upload-visibility-row:last-child{border-bottom:none}.upload-visibility-row .upload-file-name{flex:160px;min-width:0}.upload-visibility-row .upload-visibility{flex-flow:wrap;gap:10px 14px}@media (max-width:720px){.upload-visibility-row{flex-direction:column;align-items:flex-start}.upload-visibility-row .upload-file-name{flex:auto;max-width:100%}.upload-visibility-bulk{padding:10px 12px}.upload-visibility-bulk-toggles{gap:12px}}.upload-data-wrap{border:1px solid var(--border);border-radius:10px;max-height:60vh;overflow:auto}.table-upload-data th{background:var(--bg);z-index:1;position:sticky;top:0}.table-upload-data th,.table-upload-data td{white-space:nowrap;text-overflow:ellipsis;max-width:240px;overflow:hidden}.spreadsheet-wrap{border:1px solid var(--border);background:var(--surface);border-radius:10px;max-height:60vh;overflow:auto}.spreadsheet{min-width:max-content;display:grid}.ss-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text);white-space:nowrap;text-overflow:ellipsis;align-items:center;min-height:34px;padding:8px 12px;font-size:13px;display:flex;overflow:hidden}.ss-corner{background:var(--bg);z-index:4;position:sticky;top:0;left:0}.ss-col-head{background:var(--bg);color:var(--text-dim);text-align:center;z-index:3;justify-content:center;font-size:12px;font-weight:700;position:sticky;top:0}.ss-row-head{background:var(--bg);color:var(--text-dim);text-align:center;z-index:2;justify-content:center;font-size:12px;font-weight:600;position:sticky;left:0}.ss-header{background:var(--primary-soft);font-weight:700}.ss-data:hover{background:#f8faff}.ss-empty{color:var(--text-dim)}.ss-link{color:var(--primary);cursor:pointer;text-overflow:ellipsis;max-width:100%;text-decoration:underline;overflow:hidden}.ss-link:hover{color:var(--primary-dark)}.chat-shell{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);height:calc(100vh - 220px);min-height:480px;box-shadow:var(--shadow);grid-template-rows:minmax(0,1fr);grid-template-columns:340px 1fr;display:grid;overflow:hidden}.chat-sidebar{border-right:1px solid var(--border);background:#fafbfe;flex-direction:column;min-width:0;min-height:0;display:flex}.chat-sidebar-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.chat-sidebar-title{font-size:16px;font-weight:700}.chat-sidebar-actions{align-items:center;gap:10px;display:inline-flex}.chat-bell{background:var(--primary-soft);width:36px;height:36px;color:var(--primary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.chat-bell svg{width:18px;height:18px}.chat-bell:hover{background:var(--primary);color:#fff}.chat-icon-btn,.chat-head-icon{background:var(--primary-soft);width:34px;height:34px;color:var(--primary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.chat-icon-btn svg,.chat-head-icon svg{width:18px;height:18px}.chat-icon-btn:hover,.chat-head-icon:hover,.chat-icon-btn-on,.chat-icon-btn.chat-icon-btn-on,.chat-head-icon.chat-icon-btn-on,.chat-icon-btn-on:hover,.chat-icon-btn.chat-icon-btn-on:hover,.chat-head-icon.chat-icon-btn-on:hover{background:var(--primary);color:#fff}.chat-confirm-text{color:var(--text);margin-bottom:18px;font-size:14px;line-height:1.55}.chat-confirm-actions{justify-content:flex-end;gap:10px;display:flex}.chat-bell-on{background:var(--green);color:#fff}.chat-notif-err{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:8px 16px 0;padding:8px 10px;font-size:12px}.chat-offline-banner{color:#92400e;text-align:center;background:#fef3c7;border-bottom:1px solid #fde68a;grid-column:1/-1;padding:7px 16px;font-size:12px}[data-theme=dark] .chat-offline-banner{color:#f5e7bd;background:#3a3220;border-bottom-color:#5b4d2f}.chat-sidebar-list{flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-list-item{border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;width:100%;min-width:0;padding:12px 16px;font-family:inherit;transition:background .15s;display:flex}.chat-list-item:hover{background:#f1f3fa}.chat-list-item-active,.chat-list-item-active:hover{background:var(--primary-soft)}.chat-list-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.chat-list-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-list-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.chat-list-time{color:var(--text-dim);flex-shrink:0;font-size:11px}.chat-list-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-list-preview{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.chat-list-unread{background:var(--primary);border-radius:50%;flex-shrink:0;width:10px;height:10px}.chat-avatar{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:inline-flex}.chat-avatar-group{background:linear-gradient(135deg,#0d9488,#2563eb)}.chat-avatar-wrap{flex-shrink:0;display:inline-flex;position:relative}.chat-online-dot{background:var(--green);border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;bottom:0;right:0}.chat-main{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;position:relative}.chat-main-head{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.chat-back{width:36px;height:36px;color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:none}.chat-back svg{width:22px;height:22px}.chat-back:hover{background:var(--primary-soft)}.chat-main-head .chat-avatar{width:36px;height:36px;font-size:14px}.chat-main-title{text-align:left;background:0 0;border:none;flex-direction:column;flex:1;gap:2px;min-width:0;padding:0;font-family:inherit;display:flex}.chat-main-title:hover .chat-main-name{color:var(--primary)}.chat-main-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:700;overflow:hidden}.chat-main-sub{color:var(--text-dim);font-size:12px}.chat-add-member{background:var(--primary-soft);width:34px;height:34px;color:var(--primary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:background .15s;display:flex}.chat-add-member svg{width:18px;height:18px}.chat-add-member:hover{background:var(--primary);color:#fff}.assign-role{color:var(--text-dim);text-transform:capitalize;margin-left:auto;font-size:11px;font-weight:600}.group-member-list{flex-direction:column;gap:2px;max-height:320px;margin-bottom:16px;display:flex;overflow-y:auto}.group-member-row{border-radius:10px;align-items:center;gap:12px;padding:8px 10px;transition:background .15s;display:flex}.group-member-row:hover{background:var(--primary-soft)}.group-member-row .chat-avatar{flex-shrink:0;width:38px;height:38px;font-size:15px}.group-member-info{flex-direction:column;gap:2px;min-width:0;display:flex}.group-member-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.group-member-name em{color:var(--text-dim);font-size:12px;font-style:normal;font-weight:500}.group-member-sub{color:var(--text-dim);font-size:12px}.group-member-remove{background:var(--red-soft);width:32px;height:32px;color:var(--red);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:background .15s;display:flex}.group-member-remove svg{width:15px;height:15px}.group-member-remove:hover:not(:disabled){background:var(--red);color:#fff}.group-member-remove:disabled{opacity:.5;cursor:default}.group-info-actions{justify-content:flex-end;gap:8px;display:flex}.group-info-actions .btn{margin-top:2px}.group-info-leave{border-top:1px solid var(--border);justify-content:center;margin-top:12px;padding-top:12px}.group-info-leave .btn-danger{width:100%}.chat-system-msg{background:#e6e9f0;border-radius:14px;flex-direction:column;align-self:center;align-items:center;gap:2px;max-width:85%;margin:6px 0;padding:5px 14px;display:flex}[data-theme=dark] .chat-system-msg{background:#2a2f42}.chat-system-text{color:var(--text-dim);text-align:center;font-size:12.5px;font-style:italic}.chat-system-time{color:var(--text-dim);opacity:.75;font-size:10.5px}.chat-media-wrap{border-radius:12px;position:relative;overflow:hidden}.chat-download-btn{color:#fff;cursor:pointer;background:#1118278c;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:flex}.chat-media-wrap .chat-download-btn{position:absolute;bottom:8px;right:8px}.chat-media-wrap .chat-download-btn:hover,.chat-file-row .chat-download-btn:hover{background:#4f46e5e6}.chat-download-btn svg{width:16px;height:16px}.chat-file-row{align-items:center;gap:8px;min-width:220px;display:flex}.chat-file-row .chat-download-btn{background:var(--primary-soft);color:var(--primary)}.chat-messages{background:#f3f5fa;flex-direction:column;flex:1;gap:8px;min-height:0;padding:18px 16px;display:flex;overflow-y:auto}.chat-msg-frame{display:contents}.chat-bubble-wrap,.chat-bubble-row-wrap{flex-direction:column;align-self:flex-start;align-items:flex-start;min-width:0;max-width:72%;display:flex}.chat-bubble-mine{align-self:flex-end;align-items:flex-end}.chat-grouped{margin-top:-6px}.chat-bubble-sender{color:var(--primary-dark);margin-bottom:2px;padding-left:2px;font-size:11.5px;font-weight:700}.chat-bubble{background:var(--surface);border:1px solid var(--border);max-width:100%;box-shadow:var(--shadow);border-radius:14px 14px 14px 4px;flex-direction:column;gap:4px;padding:8px 12px;display:flex}.chat-bubble-mine .chat-bubble{color:#fff;background:linear-gradient(135deg,#4f46e5,#6d28d9);border-color:#0000;border-radius:14px 14px 4px}.chat-bubble-row{justify-content:flex-end;align-items:flex-end;gap:8px;display:flex}.chat-bubble-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;flex:1;font-size:14px;line-height:1.45}.chat-link{color:#2b7de9;cursor:pointer;text-decoration:underline}.chat-bubble-mine .chat-link{color:#d6efff}.chat-meta{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.chat-bubble-time{color:var(--text-dim);font-size:10.5px}.chat-bubble-mine .chat-bubble-time{color:#ffffffbf}.chat-tick{color:#ffffffa6;flex-shrink:0;width:14px;height:14px}.chat-tick-read{color:#7dd3fc}.chat-delete{color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:none}.chat-delete svg{width:14px;height:14px}.chat-delete:hover{color:#fca5a5}.chat-bubble:hover .chat-delete{display:inline-flex}.chat-bubble-deleted{background:var(--surface);border:1px dashed var(--border);color:var(--text-dim);box-shadow:none;font-size:13px;font-style:italic}.chat-deleted-text{display:inline-block}.chat-input{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:flex-end;gap:10px;padding:12px 16px;display:flex}.chat-input input,.chat-input textarea{border:1px solid var(--border);color:var(--text);background:#fafbfe;border-radius:18px;outline:none;flex:1;padding:10px 14px;font-size:14px;line-height:1.45;transition:border-color .15s,box-shadow .15s}.chat-input textarea{resize:none;white-space:pre-wrap;word-break:break-word;max-height:120px;font-family:inherit;overflow-y:auto}.chat-input input:focus,.chat-input textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);background:#fff}.chat-scroll-bottom{z-index:12;background:var(--primary);color:#fff;cursor:pointer;width:38px;height:38px;box-shadow:var(--shadow);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,transform .15s;display:inline-flex;position:absolute;bottom:72px;right:16px}.chat-scroll-bottom svg{width:20px;height:20px}.chat-scroll-bottom:hover{background:var(--primary-dark);transform:translateY(-1px)}.chat-attach{background:var(--primary-soft);width:40px;height:40px;color:var(--primary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.chat-attach:hover:not(:disabled){background:var(--primary);color:#fff}.chat-attach:disabled{opacity:.6;cursor:not-allowed}.chat-attach svg{width:18px;height:18px}.chat-media-link{line-height:0;display:block}.chat-media-img{object-fit:cover;cursor:pointer;border-radius:10px;max-width:260px;max-height:240px;display:block}.chat-media-video{background:#000;border-radius:10px;max-width:300px;max-height:260px;display:block}.chat-file-chip{color:var(--primary);background:#fffffff2;border:1px solid #fff9;border-radius:10px;align-items:center;gap:10px;max-width:250px;padding:9px 12px;font-size:12.5px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.chat-file-chip svg{flex-shrink:0;width:22px;height:22px}.chat-file-chip:hover{background:#fff}.chat-file-text{flex-direction:column;gap:1px;min-width:0;display:flex}.chat-file-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.chat-file-size{color:var(--text-dim);font-size:11px;font-weight:500}.chat-empty-state{color:var(--text-dim);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:14px;display:flex}.chat-empty-icon{background:var(--primary-soft);width:64px;height:64px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.chat-empty-icon svg{width:30px;height:30px}.chat-empty-msg{text-align:center;color:var(--text-dim);padding:24px 16px;font-size:13px}.chat-tabs{background:var(--bg);border:1px solid var(--border);border-radius:10px;gap:8px;margin-bottom:16px;padding:4px;display:flex}.chat-tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 12px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,color .15s}.chat-tab-active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow)}.chat-modal-hint{color:var(--text-dim);margin-bottom:12px;font-size:13px}.chat-contact-list{max-height:320px;list-style:none;overflow-y:auto}.chat-contact-row{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 8px;font-family:inherit;transition:background .15s;display:flex}.chat-contact-row:hover{background:var(--bg)}.chat-contact-row .chat-avatar{width:36px;height:36px;font-size:14px}.chat-contact-info{flex-direction:column;gap:1px;min-width:0;display:flex}.chat-contact-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.chat-contact-sub{color:var(--text-dim);text-transform:capitalize;font-size:12px}@media (max-width:900px){.chat-shell{grid-template-columns:1fr;height:calc(100vh - 180px)}.chat-sidebar{border-right:none;border-bottom:1px solid var(--border);height:100%}.chat-sidebar-list{flex:1;max-height:none}.chat-back{display:inline-flex}}@media (max-width:768px){.chat-shell{height:calc(100vh - 150px);min-height:0;box-shadow:none;border:none;border-radius:0;grid-template-columns:1fr}.chat-shell .chat-main{display:none}.chat-shell.chat-show-thread .chat-main{display:flex}.chat-shell.chat-show-thread .chat-sidebar{display:none}.chat-bubble-wrap,.chat-bubble-row-wrap{max-width:85%}.chat-media-img{max-width:220px;max-height:200px}.chat-media-video{max-width:240px;max-height:220px}}[data-theme=dark]{--bg:#0f1220;--surface:#1a1f33;--border:#2a3048;--text:#e7e9f3;--text-dim:#9aa1b8;--primary:#7c7cf0;--primary-dark:#6a6ae6;--primary-soft:#26294a;--green:#34d399;--green-soft:#123528;--amber:#fbbf24;--amber-soft:#3a2f10;--red:#f87171;--red-soft:#3a1a1e;--purple:#a78bfa;--purple-soft:#2a2350;--purple-dark:#b39dff;--blue:#60a5fa;--blue-soft:#182a4a;--blue-dark:#93c5fd;--shadow:0 1px 3px #0006;--shadow-lg:0 12px 34px #00000073}[data-theme=dark] body{color:var(--text);background:var(--bg)}[data-theme=dark] .login-wrap{background:linear-gradient(135deg,#151a2e 0%,#0f1220 55%,#171c30 100%)}[data-theme=dark] .login-card{background:var(--surface);border-color:var(--border)}[data-theme=dark] .field input,[data-theme=dark] .field select{color:var(--text);border-color:var(--border);background:#121629}[data-theme=dark] .field input:focus,[data-theme=dark] .field select:focus{background:#181d33}[data-theme=dark] .assign-list{border-color:var(--border);background:#121629}[data-theme=dark] .assign-all-toggle{background:var(--primary-soft);border-color:var(--border)}[data-theme=dark] .btn-ghost{color:var(--text-dim);border-color:var(--border);background:0 0}[data-theme=dark] .btn-ghost:hover:not(:disabled){color:var(--text);background:#ffffff0d}[data-theme=dark] .table th{color:var(--text-dim);border-color:var(--border);background:#141829}[data-theme=dark] .table td{border-color:var(--border)}[data-theme=dark] .table tbody tr:hover{background:#ffffff08}[data-theme=dark] .code{border-color:var(--border);background:#121629}[data-theme=dark] .card-tile,[data-theme=dark] .overview-tile,[data-theme=dark] .account-tile{border-color:var(--border);color:var(--text);background:#121629}[data-theme=dark] .card-tone{background:linear-gradient(180deg, var(--tone-soft) 0%, #121629 72%)}[data-theme=dark] .account-tile-main:hover,[data-theme=dark] .card-tile:hover{background:#161b31}[data-theme=dark] .content-card,[data-theme=dark] .content-employee-head,[data-theme=dark] .content-account-block{border-color:var(--border);background:#121629}[data-theme=dark] .content-account-head{border-color:var(--border);background:#141829}[data-theme=dark] .edit-form{border-color:var(--border);background:#121629}[data-theme=dark] .edit-form input,[data-theme=dark] .reset-form input{border-color:var(--border);color:var(--text);background:#181d33}[data-theme=dark] .filter-bar .field select{background:#121629}[data-theme=dark] .activity-bar{background:#232a45}[data-theme=dark] .panel{background:var(--surface);border-color:var(--border)}[data-theme=dark] .panel-head,[data-theme=dark] .panel-actions,[data-theme=dark] .info-row{border-color:var(--border)}[data-theme=dark] .app-header{background:var(--surface);border-color:var(--border)}[data-theme=dark] .admin-topbar{border-color:var(--border);background:#1a1f33d9}[data-theme=dark] .modal-overlay{background:#0009}[data-theme=dark] .modal{background:var(--surface)}[data-theme=dark] .pagination,[data-theme=dark] .filter-bar-wrap,[data-theme=dark] .table-toolbar{border-color:var(--border)}[data-theme=dark] .status-select{background:var(--surface);border-color:var(--border);color:var(--text)}[data-theme=dark] .row-msg,[data-theme=dark] .empty-state{color:var(--text-dim)}[data-theme=dark] .menu-toggle{border-color:var(--border);color:var(--text)}[data-theme=dark] .stat-card{background:var(--surface);border-color:var(--border)}[data-theme=dark] .stat-card:hover{border-color:var(--border)}[data-theme=dark] .email-cell{color:var(--text-dim)}[data-theme=dark] .recharts-cartesian-grid line{stroke:var(--border)!important}[data-theme=dark] .recharts-cartesian-axis-tick text{fill:var(--text-dim)!important}[data-theme=dark] .sidebar{background:#0c0f1d}[data-theme=dark] .login-panel h1,[data-theme=dark] .login-brand h1{color:var(--text)}[data-theme=dark] .login-demo-label{color:var(--text-dim)}[data-theme=dark] .demo-chip{border-color:var(--border);background:#121629}[data-theme=dark] .demo-chip:hover{border-color:var(--primary);background:var(--primary-soft)}[data-theme=dark] .vertical-divider{background:var(--border)}[data-theme=dark] .auth-box-body{background:var(--surface)}[data-theme=dark] .auth-label{color:var(--text-dim)}[data-theme=dark] .section-card h3{color:var(--text)}[data-theme=dark] .section-card{border-color:var(--border);background:var(--surface)}[data-theme=dark] .todo-checkbox-label{color:var(--text)}[data-theme=dark] .todo-item{border-color:var(--border)}[data-theme=dark] .todo-item:hover{background:#121629}[data-theme=dark] .todo-meta,[data-theme=dark] .todo-desc,[data-theme=dark] .todo-category{color:var(--text-dim)}[data-theme=dark] .todo-comment{border-color:var(--border);background:#121629}[data-theme=dark] .todo-comment-name{color:var(--text)}[data-theme=dark] .chat-bubble-own{background:var(--primary);color:#fff}[data-theme=dark] .chat-bubble-other{color:var(--text);background:#232a45}[data-theme=dark] .chat-meta{color:var(--text-dim)}[data-theme=dark] .chat-input{border-color:var(--border);color:var(--text);background:#121629}[data-theme=dark] .chat-input textarea{color:var(--text);background:#1a1f33}[data-theme=dark] .chat-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}[data-theme=dark] .chat-sidebar,[data-theme=dark] .chat-thread{border-color:var(--border)}[data-theme=dark] .chat-conversation:hover{background:#121629}[data-theme=dark] .chat-conversation-active{background:var(--primary-soft)}[data-theme=dark] .chat-context{color:var(--text-dim)}[data-theme=dark] .chat-members,[data-theme=dark] .chat-tabs{border-color:var(--border);background:#121629}[data-theme=dark] .chat-tab-active{background:var(--surface);color:var(--primary)}.chat-day-sep{background:var(--primary-soft);color:var(--primary);border-radius:999px;justify-content:center;align-self:center;align-items:center;margin:14px 0 6px;padding:4px 14px;font-size:11.5px;font-weight:600;display:flex}.chat-reply-bar{border-top:1px solid var(--border);background:var(--primary-soft);align-items:center;gap:10px;padding:8px 16px;display:flex}.chat-reply-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chat-reply-action{color:var(--primary);font-size:11px;font-weight:700}.chat-reply-close{width:28px;height:28px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:background .15s;display:inline-flex}.chat-reply-close:hover{background:var(--border)}.chat-quote{background:var(--primary-soft);min-width:0;color:var(--text);border-radius:10px;gap:8px;margin-bottom:6px;padding:6px 10px;display:flex}.chat-quote-mine{background:#ffffff2e}.chat-quote-bar{background:var(--primary);border-radius:3px;flex-shrink:0;width:3px}.chat-quote-mine .chat-quote-bar{background:#ffffffd9}.chat-quote-body{flex-direction:column;gap:1px;min-width:0;display:flex}.chat-quote-name{color:var(--primary);font-size:11px;font-weight:700}.chat-quote-mine .chat-quote-name{color:#ffffffe6}.chat-quote-text{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.chat-quote-mine .chat-quote-text{color:#ffffffeb}.chat-reactions{flex-wrap:wrap;gap:4px;margin-top:3px;padding-left:2px;display:inline-flex}.chat-reactions-mine{justify-content:flex-end;padding-left:0;padding-right:2px}.chat-reaction{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:12px;transition:background .15s,border-color .15s;display:inline-flex}.chat-reaction:hover{background:var(--primary-soft)}.chat-reaction-active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);font-weight:600}.chat-menu{background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:200px;padding:6px;position:fixed;box-shadow:0 10px 35px #0f172a2e}.chat-menu>button{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-family:inherit;font-size:13.5px;transition:background .12s;display:flex}.chat-menu>button:hover{background:var(--primary-soft)}.chat-menu>button.chat-menu-danger{color:var(--red)}.chat-menu>button.chat-menu-danger:hover{background:var(--red-soft)}.chat-menu-icon{text-align:center;flex-shrink:0;width:20px}.chat-menu-reacts{background:var(--primary-soft);border-radius:8px;gap:2px;margin:4px 2px;padding:6px 4px;display:flex}.chat-menu-emoji{cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:4px 0;font-size:18px;transition:background .12s,transform .12s}.chat-menu-emoji:hover{background:var(--surface);transform:scale(1.15)}.chat-sidebar-note{color:#92400e;background:#fef9c3;border:1px solid #fde68a;border-radius:8px;margin:8px 16px 0;padding:8px 10px;font-size:12px;line-height:1.5}.chat-search-input{border:1px solid var(--border);width:100%;color:var(--text);background:#fafbfe;border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.chat-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);background:#fff}.chat-search-results{flex-direction:column;gap:8px;max-height:300px;margin-top:12px;display:flex;overflow-y:auto}.chat-search-result{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;gap:2px;padding:9px 12px;display:flex}.chat-search-result-name{color:var(--primary);font-size:12px;font-weight:700}.chat-search-result-preview{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;font-size:13.5px}.chat-search-result-time{color:var(--text-dim);font-size:11px}.chat-typing-row{background:var(--surface);border:1px solid var(--border);border-radius:14px 14px 14px 4px;align-self:flex-start;align-items:center;gap:8px;margin-top:2px;padding:4px 12px;display:inline-flex}.chat-typing-label{color:var(--text-dim);font-size:12px}.typing-dots{gap:3px;display:inline-flex}.typing-dots span{background:var(--text-dim);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typing-bounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}[data-theme=dark] .chat-reaction{background:#121629}[data-theme=dark] .chat-menu,[data-theme=dark] .emoji-picker{background:#1a1f33}[data-theme=dark] .chat-quote:not(.chat-quote-mine){background:#232a45}[data-theme=dark] .chat-quote-mine{background:#ffffff1f}[data-theme=dark] .chat-reply-bar{background:#232a45}[data-theme=dark] .chat-reply-bar .chat-quote,[data-theme=dark] .chat-reply-bar .chat-quote-mine{background:#121629}[data-theme=dark] .typing-dots span{background:#ffffffa6}[data-theme=dark] .chat-sidebar-note{color:#fbbf24;background:#3a2f10;border-color:#5c4f00}[data-theme=dark] .chat-reply-bar .chat-quote,[data-theme=dark] .chat-search-input,[data-theme=dark] .chat-search-result{background:#121629}[data-theme=dark] .forward-preview{background:#232a45}[data-theme=dark] .chat-scroll-bottom{background:#1a1f33}[data-theme=dark] .chat-scroll-bottom:hover{background:var(--primary)}[data-theme=dark] .chat-sidebar-note{background:#3a2f10}.global-search-trigger{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,background .15s;display:inline-flex}.global-search-trigger:hover{border-color:var(--primary);color:var(--text)}.global-search-trigger svg{flex-shrink:0}.global-search-trigger kbd{color:var(--text-dim);border:1px solid var(--border);background:var(--bg);border-radius:6px;padding:1px 5px;font-size:11px}.gs-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0e1e99;justify-content:center;align-items:flex-start;padding:12vh 24px 24px;display:flex;position:fixed;inset:0}.gs-modal{background:var(--surface);border:1px solid var(--border);width:100%;max-width:560px;box-shadow:var(--shadow-lg);border-radius:16px;animation:.15s gs-pop;overflow:hidden}@keyframes gs-pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.gs-input-wrap{border-bottom:1px solid var(--border);color:var(--text-dim);align-items:center;gap:10px;padding:16px 18px;display:flex}.gs-input-wrap input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px}.gs-input-wrap input::placeholder{color:var(--text-dim)}.gs-input-wrap kbd{color:var(--text-dim);border:1px solid var(--border);background:var(--bg);border-radius:6px;padding:1px 5px;font-size:11px}.gs-results{max-height:420px;padding:8px;overflow-y:auto}.gs-group-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);padding:10px 12px 6px;font-size:11px;font-weight:700}.gs-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;gap:2px;width:100%;padding:10px 12px;font-family:inherit;transition:background .12s;display:flex}.gs-item:hover{background:var(--primary-soft)}.gs-item-label{color:var(--text);font-size:14px;font-weight:600}.gs-item-sub{color:var(--text-dim);font-size:12px}.gs-empty{text-align:center;color:var(--text-dim);padding:32px;font-size:14px}.gs-footer{border-top:1px solid var(--border);color:var(--text-dim);align-items:center;gap:16px;padding:10px 18px;font-size:12px;display:flex}.gs-footer kbd{color:var(--text-dim);border:1px solid var(--border);background:var(--bg);border-radius:6px;margin-right:3px;padding:1px 5px;font-size:11px}.login-theme-toggle{z-index:40;position:fixed;top:20px;right:24px}[data-theme=dark] .login-theme-toggle .btn-ghost{border-color:var(--border);color:var(--text-dim)}[data-theme=dark] .login-theme-toggle .btn-ghost:hover{color:var(--text);background:#ffffff0d}.todo-calendar{padding:20px 24px}.todo-cal-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.todo-cal-title{font-size:16px;font-weight:700}.todo-cal-weekdays{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px;display:grid}.todo-cal-weekday{text-align:center;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);padding:4px 0;font-size:11px;font-weight:700}.todo-cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.todo-cal-cell{cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;min-height:56px;padding:4px;font-family:inherit;transition:background .12s,border-color .12s;display:flex}.todo-cal-day:hover{background:var(--primary-soft)}[data-theme=dark] .todo-cal-day:hover{background:#ffffff0d}.todo-cal-day{border:1px solid var(--border);background:#fafbff}[data-theme=dark] .todo-cal-day{background:#121629}.todo-cal-today{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.todo-cal-selected{background:var(--primary-soft)!important;border-color:var(--primary)!important}.todo-cal-daynum{color:var(--text);font-size:13px;font-weight:700}.todo-cal-dots{flex-wrap:wrap;gap:3px;display:flex}.todo-cal-dots .dot{border-radius:50%;width:7px;height:7px}.todo-cal-done{color:var(--green);font-size:11px;font-weight:800;position:absolute;top:4px;right:4px}.todo-cal-cell{position:relative}.todo-cal-day-list{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.todo-cal-day-list-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.todo-cal-list{flex-direction:column;gap:6px;list-style:none;display:flex}.todo-cal-list-item{display:flex}.todo-cal-list-btn{border:1px solid var(--border);cursor:pointer;text-align:left;background:#fafbff;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:inherit;transition:border-color .12s,background .12s;display:flex}[data-theme=dark] .todo-cal-list-btn{background:#121629}.todo-cal-list-btn:hover{border-color:var(--primary);background:var(--primary-soft)}[data-theme=dark] .todo-cal-list-btn:hover{background:var(--primary-soft)}.todo-cal-list-title{color:var(--text);flex:1;min-width:0;font-size:14px;font-weight:600}.priority-dot,.todo-cal-dots .dot.prio-high{background:var(--red)}.todo-cal-dots .dot.prio-medium{background:var(--amber)}.todo-cal-dots .dot.prio-low{background:var(--green)}.todo-view-toggle{justify-content:flex-end;gap:6px;padding:12px 24px 0;display:flex}.notif-wrap{position:relative}.notif-bell{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text-dim);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:inline-flex;position:relative}.notif-bell:hover{border-color:var(--primary);color:var(--text)}.notif-badge{background:var(--red);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10.5px;font-weight:800;animation:.25s badge-pop;display:inline-flex;position:absolute;top:-5px;right:-5px}.notif-dropdown{background:var(--surface);border:1px solid var(--border);width:340px;box-shadow:var(--shadow-lg);border-radius:14px;animation:.15s gs-pop;position:fixed;overflow:hidden}.notif-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:14px;display:flex}.notif-mark{color:var(--primary);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:12.5px;font-weight:600}.notif-mark:hover{text-decoration:underline}.notif-list{max-height:380px;overflow-y:auto}.notif-empty{text-align:center;color:var(--text-dim);padding:32px 16px;font-size:14px}.notif-item{text-align:left;border:none;border-bottom:1px solid var(--border);cursor:pointer;background:0 0;align-items:flex-start;gap:10px;width:100%;padding:12px 16px;font-family:inherit;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg)}.notif-read{opacity:.6}.notif-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:5px}.notif-dot-todo{background:var(--amber)}.notif-dot-entry{background:var(--primary)}.notif-dot-chat{background:var(--green)}.notif-text{flex-direction:column;gap:2px;min-width:0;display:flex}.notif-title{color:var(--text);font-size:13.5px;font-weight:600}.notif-body{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.notif-time{color:var(--text-dim);font-size:11px}@media (max-width:600px){.notif-dropdown{width:auto;max-width:none;left:8px;right:8px}}.page{animation:.28s both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.stat-card,.panel{animation:.3s backwards card-in}.stat-card:nth-child(2),.panel:nth-child(2){animation-delay:30ms}.stat-card:nth-child(3),.panel:nth-child(3){animation-delay:60ms}.stat-card:nth-child(4),.panel:nth-child(4){animation-delay:90ms}.stat-card:nth-child(5),.panel:nth-child(5){animation-delay:.12s}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.page,.stat-card,.panel{animation:none}}.sidebar-collapse-btn{color:#6b7390;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;margin-left:auto;transition:background .15s,color .15s;display:inline-flex}.sidebar-collapse-btn:hover{color:#fff;background:#ffffff14}.sidebar-collapse-btn svg{width:16px;height:16px}.shell-collapsed .sidebar{width:64px}.shell-collapsed .admin-main{margin-left:64px}.shell-collapsed .sidebar-brand{justify-content:center;padding:18px 12px}.shell-collapsed .sidebar-title{display:none}.shell-collapsed .sidebar-collapse-btn{border-radius:6px;width:24px;height:24px;position:absolute;top:6px;right:6px}.shell-collapsed .sidebar-brand>.brand-logo{margin:0}.shell-collapsed .sidebar-close{display:none}.shell-collapsed .sidebar-nav{padding:12px 8px}.shell-collapsed .sidebar-label{display:none}.shell-collapsed .nav-link{justify-content:center;padding:12px 0}.shell-collapsed .nav-link>span:not(.nav-icon){display:none}.shell-collapsed .nav-badge{min-width:16px;height:16px;padding:0 3px;font-size:9px;position:absolute;top:4px;right:-2px}.shell-collapsed .nav-link{position:relative}.shell-collapsed .nav-icon{width:22px;height:22px}.shell-collapsed .sidebar-user-inner{justify-content:center}.shell-collapsed .sidebar-user-text{display:none}.shell-collapsed .sidebar-footer{padding:12px 8px}.shell-collapsed .btn-logout{justify-content:center;padding:10px 0}.shell-collapsed .sidebar-logout-text{display:none}@media (max-width:900px){.shell-collapsed .sidebar{width:250px}.shell-collapsed .admin-main{margin-left:0}.shell-collapsed .sidebar-brand{justify-content:flex-start;padding:18px 20px}.shell-collapsed .sidebar-title{display:inline}.shell-collapsed .sidebar-collapse-btn{border-radius:8px;width:30px;height:30px;position:static}.shell-collapsed .sidebar-brand>.brand-logo{margin-bottom:0}.shell-collapsed .sidebar-close{display:block}.shell-collapsed .sidebar-nav{padding:16px 12px}.shell-collapsed .sidebar-label{display:block}.shell-collapsed .nav-link{justify-content:flex-start;padding:11px 12px}.shell-collapsed .nav-link>span:not(.nav-icon){display:inline}.shell-collapsed .nav-link{position:static}.shell-collapsed .nav-badge{min-width:20px;height:20px;padding:0 6px;font-size:11px;position:static}.shell-collapsed .nav-icon{width:20px;height:20px}.shell-collapsed .sidebar-user-inner{justify-content:flex-start}.shell-collapsed .sidebar-user-text{display:flex}.shell-collapsed .sidebar-footer{padding:14px}.shell-collapsed .btn-logout{justify-content:flex-start;padding:10px 16px}.shell-collapsed .sidebar-logout-text{display:inline}}.overview-cta{align-items:center}.backup-list{flex-direction:column;gap:10px;display:flex}.backup-row{border:1px solid var(--border);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.backup-main{flex-direction:column;gap:4px;min-width:0;display:flex}.backup-title{color:var(--text);font-weight:600}.backup-meta{color:var(--text-dim);font-size:12px}.backup-stats{color:var(--text-dim);opacity:.85;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.backup-actions{flex-shrink:0;gap:8px;display:flex}@media (max-width:620px){.backup-row{flex-direction:column;align-items:stretch;gap:10px}.backup-actions{flex-wrap:wrap}}.fab-chat{z-index:95;background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .15s,background .15s;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 6px 18px #02061740}.fab-chat:hover{background:var(--primary-dark);transform:translateY(-2px)scale(1.04)}.fab-chat svg{width:24px;height:24px}.fab-chat-badge{background:var(--red);color:#fff;border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:-3px;right:-3px}[data-theme=dark] .fab-chat-badge{border-color:var(--bg)}.chat-toast-wrap{z-index:100;flex-direction:column;gap:10px;max-width:min(340px,100vw - 32px);display:flex;position:fixed;bottom:90px;right:20px}.chat-toast{border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);cursor:pointer;text-align:left;font:inherit;border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;animation:.2s page-fade-in;display:flex}.chat-toast:hover{border-color:var(--primary)}.chat-toast-icon{background:var(--primary-soft);width:30px;height:30px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.chat-toast-icon svg{width:16px;height:16px}.chat-toast-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chat-toast-title{font-size:13px;font-weight:600}.chat-toast-text{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.chat-toast-close{color:var(--text-dim);cursor:pointer;flex-shrink:0;padding:2px;font-size:16px;line-height:1}@media (max-width:600px){.chat-toast-wrap{max-width:none;bottom:84px;left:12px;right:12px}}.topbar-install{white-space:nowrap;font-size:12.5px}@media (max-width:480px){.topbar-install{display:none}}.install-overlay{z-index:150;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.install-popup{background:var(--surface);color:var(--text);width:100%;max-width:340px;box-shadow:var(--shadow-lg);text-align:center;border-radius:18px;padding:24px 22px;animation:.25s page-fade-in}.install-popup-logo{background:linear-gradient(135deg, var(--primary), var(--purple));color:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;display:flex;box-shadow:0 10px 24px #4f46e559}.install-popup-logo svg{width:30px;height:30px}.install-popup h3{margin-top:16px;font-size:18px}.install-popup-hint{color:var(--text-dim);margin-top:8px;font-size:13.5px;line-height:1.5}.install-steps{text-align:left;max-width:260px;color:var(--text-dim);margin:14px auto 0;padding-left:20px;font-size:13px;line-height:1.6}.install-actions{justify-content:center;gap:10px;margin-top:18px;display:flex}[data-theme=dark] .install-overlay{background:#02061799}.panel-actions{flex-wrap:wrap}.pw-field{align-items:center;gap:8px;display:flex}.pw-field input{flex:1;min-width:0}.pw-field .icon-btn{flex-shrink:0}.cred-password{flex-wrap:nowrap;min-width:0;max-width:100%}.cred-password code{white-space:nowrap;min-width:0}.cred-password code.cred-pw-revealed{white-space:normal;overflow-wrap:anywhere;word-break:break-all}@media (max-width:700px){.table td .cred-password{text-align:right;justify-content:flex-end}.table td .cred-password code{max-width:60vw}.field .form-check{align-items:flex-start}.field .form-check input{margin-top:2px}}@media (max-width:480px){.panel-actions .btn{justify-content:center;width:100%}}.cred-password{align-items:center;gap:8px;display:inline-flex}.cred-password code{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);letter-spacing:.5px}.icon-btn{border:1px solid var(--border);width:26px;height:26px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s;display:inline-flex}.icon-btn:hover{color:var(--primary);border-color:var(--primary)}.link-inline{color:var(--primary);font-size:13px;text-decoration:none}.link-inline:hover{text-decoration:underline}.notif-perm-banner{z-index:130;background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:12px;align-items:center;gap:10px;max-width:min(520px,100vw - 24px);padding:12px 16px;animation:.3s ease-out notif-perm-slide;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000001f}@keyframes notif-perm-slide{0%{opacity:0;transform:translate(-50%)translateY(-12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.notif-perm-icon{color:var(--primary,#4f46e5);flex-shrink:0;align-items:center;display:flex}.notif-perm-text{color:var(--text,#1e293b);flex:1;font-size:13px;line-height:1.4}.notif-perm-allow{color:#fff;background:var(--primary,#4f46e5);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:6px 16px;font-size:13px;font-weight:600;transition:opacity .15s}.notif-perm-allow:hover{opacity:.85}.notif-perm-dismiss{width:24px;height:24px;color:var(--text-dim,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:color .15s,background .15s;display:flex}.notif-perm-dismiss:hover{color:var(--text,#1e293b);background:var(--bg-hover,#f1f5f9)}@media (max-width:600px){.notif-perm-banner{max-width:none;left:12px;right:12px;transform:none}@keyframes notif-perm-slide{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}}.lightbox-overlay{z-index:200;background:#000000eb;justify-content:center;align-items:center;padding:20px;animation:.2s lb-fade-in;display:flex;position:fixed;inset:0}@keyframes lb-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-close{color:#fff;cursor:pointer;z-index:210;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:background .15s;display:flex;position:absolute;top:16px;right:16px}.lightbox-close:hover{background:#ffffff4d}.lightbox-img{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:8px;max-width:90vw;max-height:85vh}.lightbox-nav{color:#fff;cursor:pointer;z-index:210;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;transition:background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover:not(:disabled){background:#ffffff4d}.lightbox-nav:disabled{opacity:.3;cursor:default}.lightbox-prev{left:16px}.lightbox-next{right:16px}.lightbox-counter{color:#fffc;background:#00000080;border-radius:12px;padding:4px 12px;font-size:14px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.chat-recording-bar{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:12px;align-items:center;gap:10px;width:100%;padding:8px 12px;display:flex}.chat-recording-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1s ease-in-out infinite rec-pulse}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.3}}.chat-recording-time{color:#ef4444;font-variant-numeric:tabular-nums;min-width:40px;font-size:14px;font-weight:600}.chat-voice-btn{color:var(--text-dim,#94a3b8)}.chat-voice-btn:hover{color:#ef4444}.chat-mention-popup{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);z-index:50;border-radius:10px;max-height:200px;margin-bottom:4px;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 16px #0000001a}.chat-mention-item{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 14px;transition:background .1s;display:flex}.chat-mention-item:hover{background:var(--bg-hover,#f1f5f9)}.chat-mention-name{color:var(--text,#1e293b);font-size:14px;font-weight:600}.chat-mention-user{color:var(--text-dim,#94a3b8);font-size:12px}.chat-sidebar-search{background:var(--bg-secondary,#f1f5f9);border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;margin:0 12px 8px;padding:6px 12px;transition:border-color .15s;display:flex}.chat-sidebar-search:focus-within{border-color:var(--primary,#4f46e5)}.chat-sidebar-search svg{color:var(--text-dim,#94a3b8);flex-shrink:0}.chat-sidebar-search input{color:var(--text,#1e293b);background:0 0;border:none;outline:none;flex:1;font-size:13px}.chat-sidebar-search input::placeholder{color:var(--text-dim,#94a3b8)}.chat-pinned-banner{background:var(--primary-light,#eef2ff);border:1px solid var(--primary-border,#c7d2fe);color:var(--primary,#4f46e5);cursor:pointer;border-radius:8px;align-items:center;gap:8px;margin:0 12px 8px;padding:8px 14px;font-size:13px;display:flex}.chat-pinned-icon{flex-shrink:0}.chat-pinned-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-loading-more{text-align:center;color:var(--text-dim,#94a3b8);padding:12px;font-size:12px}.chat-load-more-btn{color:var(--primary,#4f46e5);border:1px solid var(--primary,#4f46e5);cursor:pointer;background:0 0;border-radius:16px;margin:8px auto;padding:6px 16px;font-size:12px;transition:background .15s;display:block}.chat-load-more-btn:hover{background:var(--primary-light,#eef2ff)}@supports (padding:env(safe-area-inset-bottom)){.chat-input{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.chat-main-head{padding-top:calc(12px + env(safe-area-inset-top))}.chat-recording-bar{margin-bottom:env(safe-area-inset-bottom)}.fab-chat{bottom:calc(20px + env(safe-area-inset-bottom));right:calc(20px + env(safe-area-inset-right))}.chat-toast-wrap{bottom:calc(90px + env(safe-area-inset-bottom));right:calc(20px + env(safe-area-inset-right));left:calc(20px + env(safe-area-inset-left))}.lightbox-overlay{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.modal-overlay{padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom)}.notif-perm-banner{top:calc(12px + env(safe-area-inset-top))}.sidebar{height:calc(100vh - env(safe-area-inset-top))}}*{-webkit-tap-highlight-color:transparent}html{height:-webkit-fill-available}body{min-height:100vh;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;min-height:-webkit-fill-available}input,textarea,select,button{font-size:16px!important}input:focus,textarea:focus,select:focus{outline:none}body{width:100%;height:100%;position:fixed;overflow:hidden}body>*{height:100%;overflow:auto}@media (max-width:768px){.chat-page-head{display:none}.chat-page-wrap{gap:0;padding:0;animation:none}.chat-shell{width:100vw;height:100dvh;box-shadow:none;z-index:40;border:none;border-radius:0;grid-template-rows:1fr;position:fixed;inset:0}.chat-sidebar{border-right:none}.chat-sidebar-list{-webkit-overflow-scrolling:touch}.chat-messages{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.chat-input{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.chat-main-head{padding-top:env(safe-area-inset-top,0px)}.chat-bubble-wrap,.chat-bubble-row-wrap{max-width:88%}.chat-media-img{max-width:240px;max-height:220px}.chat-media-video{max-width:280px;max-height:240px}.chat-file-chip{max-width:220px}.chat-scroll-bottom{bottom:80px;right:12px}.lightbox-nav{width:40px;height:40px;font-size:22px}.lightbox-prev{left:8px}.lightbox-next{right:8px}.lightbox-img{max-width:95vw;max-height:80vh}.chat-menu{min-width:180px}}@media (min-width:769px) and (max-width:1024px){.chat-shell{height:calc(100dvh - 160px)}.chat-bubble-wrap,.chat-bubble-row-wrap{max-width:75%}}@media (max-width:380px){.chat-bubble-wrap,.chat-bubble-row-wrap{max-width:92%}.chat-media-img{max-width:180px;max-height:160px}.chat-media-video{max-width:200px;max-height:180px}.chat-file-chip{max-width:180px;padding:7px 10px}.chat-input input,.chat-input textarea{padding:8px 12px;font-size:15px}.chat-attach{width:36px;height:36px}}@media (max-height:500px) and (orientation:landscape){.chat-shell{height:100dvh}.chat-main-head{padding:6px 12px}.chat-messages{padding:10px 12px}.chat-input{padding:6px 12px}.modal-body{max-height:55vh}}[data-theme=dark] .chat-sidebar-search{background:#1a1f33}[data-theme=dark] .chat-sidebar-search:focus-within{border-color:var(--primary)}[data-theme=dark] .chat-pinned-banner{border-color:var(--border);color:var(--primary);background:#1a1f33}[data-theme=dark] .chat-recording-bar,[data-theme=dark] .chat-mention-popup{border-color:var(--border);background:#1a1f33}[data-theme=dark] .chat-mention-item:hover{background:#ffffff0d}[data-theme=dark] .chat-mention-name{color:var(--text)}[data-theme=dark] .chat-mention-user{color:var(--text-dim)}[data-theme=dark] .chat-load-more-btn{border-color:var(--primary);color:var(--primary)}[data-theme=dark] .chat-file-chip{border-color:var(--border);background:#1a1f33f2}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}::selection{background:var(--primary-soft);color:var(--primary-dark)}.chat-list-item.muted .chat-list-unread{background:var(--text-dim,#94a3b8)}.chat-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.chat-list-unread-count{color:#fff;border-radius:20px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.chat-quote-clickable{cursor:pointer;border-radius:8px;transition:box-shadow .15s,transform .15s}.chat-quote-clickable:hover{transform:translateY(-1px);box-shadow:0 2px 8px #1018281f}.chat-reaction-wrap{display:inline-flex;position:relative}.chat-reaction-popover{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:50;border-radius:10px;flex-direction:column;gap:4px;min-width:120px;padding:8px;display:flex;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.chat-reaction-popover:after{content:"";border:6px solid #0000;border-top-color:var(--surface);position:absolute;top:100%;left:50%;transform:translate(-50%)}.chat-reaction-popover-name{color:var(--text);white-space:nowrap;text-align:left;font-size:12px;font-weight:600}.group-photo-section{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:8px 0 18px;display:flex}.group-photo{background:var(--primary-soft);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex;overflow:hidden}.group-photo img{object-fit:cover;width:100%;height:100%}.group-photo .chat-avatar{border-radius:0;width:100%;height:100%;font-size:32px}.chat-upload-progress{background:var(--primary-soft);pointer-events:none;border-radius:6px;height:6px;position:absolute;top:-8px;left:16px;right:16px;overflow:hidden}.chat-upload-progress-bar{background:var(--primary);border-radius:6px;height:100%;transition:width .2s}.chat-upload-progress-label{color:var(--primary);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1px 8px;font-size:11px;font-weight:700;position:absolute;top:-6px;right:16px}.chat-dragging .chat-messages,.chat-dragging .chat-input{pointer-events:none}.chat-drop-zone{z-index:30;border:2px dashed var(--primary);color:var(--primary);pointer-events:none;background:#4f46e514;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:8px;font-size:15px;font-weight:700;display:flex;position:absolute;inset:0}.chat-drop-zone-icon{background:var(--primary-soft);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:inline-flex}.chat-msg-highlight{animation:2s chat-highlight-flash}@keyframes chat-highlight-flash{0%{background:var(--primary-soft);border-radius:10px}to{background:0 0}}.chat-pinned-banner-btn{cursor:pointer;text-align:left;border:none;align-items:center;gap:8px;width:auto;font-family:inherit;transition:background .15s;display:flex}.chat-pinned-banner-btn:hover{background:var(--primary-soft)}.chat-pinned-list,.chat-starred-list{flex-direction:column;gap:6px;max-height:420px;display:flex;overflow-y:auto}.chat-pinned-item{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:inherit;transition:background .15s,border-color .15s;display:flex}.chat-pinned-item:hover{background:var(--primary-soft);border-color:var(--primary)}.chat-pinned-item-emoji{flex-shrink:0;font-size:16px}.chat-pinned-item-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chat-pinned-item-name{color:var(--primary);font-size:12.5px;font-weight:700}.chat-pinned-item-text{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.chat-pinned-item-time{color:var(--text-dim);flex-shrink:0;font-size:11px}.chat-starred-item{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:8px;padding:4px 10px 4px 4px;display:flex}.chat-starred-item-main{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:1;gap:2px;min-width:0;padding:6px 8px;font-family:inherit;transition:background .15s;display:flex}.chat-starred-item-main:hover{background:var(--primary-soft)}.chat-starred-item-name{color:var(--primary);font-size:12.5px;font-weight:700}.chat-starred-item-text{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.chat-starred-item-time{color:var(--text-dim);font-size:11px}.chat-starred-item-remove{background:var(--amber-soft);width:32px;height:32px;color:var(--amber);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;font-size:16px;transition:background .15s}.chat-starred-item-remove:hover{background:var(--red-soft);color:var(--red)}.chat-audio-wrap{min-width:240px}.chat-audio-card{background:#fffffff2;border:1px solid #fff9;border-radius:10px;align-items:center;gap:10px;max-width:300px;padding:8px 10px;display:flex}.chat-audio-icon{flex-shrink:0;font-size:18px}.chat-audio{outline:none;max-width:180px;height:40px}.chat-audio-name{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:11px;font-weight:600;overflow:hidden}[data-theme=dark] .chat-audio-card{border-color:var(--border);background:#1a1f33f2}.chat-media-gallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:420px;padding:4px;display:grid;overflow-y:auto}.chat-media-thumb{aspect-ratio:1;object-fit:cover;cursor:pointer;background:var(--bg);border:none;border-radius:10px;width:100%;transition:transform .15s,box-shadow .15s}.chat-media-thumb:hover{box-shadow:var(--shadow);transform:scale(1.03)}.chat-media-thumb-video{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.chat-media-thumb-video-el{object-fit:cover;width:100%;height:100%}.chat-media-thumb-play{color:#fff;background:#00000040;justify-content:center;align-items:center;font-size:22px;display:flex;position:absolute;inset:0}.lightbox-img video{border-radius:10px;max-width:90vw;max-height:85vh}[data-theme=dark] .chat-reaction-popover{border-color:var(--border);background:#121629}[data-theme=dark] .chat-reaction-popover:after{border-top-color:#121629}[data-theme=dark] .chat-pinned-item,[data-theme=dark] .chat-starred-item{border-color:var(--border);background:#121629}[data-theme=dark] .chat-pinned-item:hover{border-color:var(--primary);background:#181d33}[data-theme=dark] .chat-starred-item-main:hover{background:#181d33}[data-theme=dark] .chat-upload-progress-label{border-color:var(--border);background:#121629}[data-theme=dark] .chat-media-thumb{background:#121629}.chat-gs{position:relative}.chat-gs-input{border:1px solid var(--border);background:var(--surface);width:180px;color:var(--text);border-radius:7px;outline:none;padding:6px 10px;font-size:13px;transition:width .2s,border-color .15s}.chat-gs-input:focus{border-color:var(--primary);width:340px;box-shadow:0 0 0 3px var(--primary-soft)}.chat-gs-dropdown{background:var(--surface);border:1px solid var(--border);z-index:400;border-radius:12px;width:380px;max-height:72vh;padding:8px;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 12px 32px #0000002e}.chat-gs-hint,.chat-gs-loading{color:var(--text-dim);align-items:center;gap:8px;padding:14px 10px;font-size:13px;display:flex}.chat-gs-section{margin-top:6px}.chat-gs-section+.chat-gs-section{border-top:1px dashed var(--border);margin-top:6px;padding-top:6px}.chat-gs-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);padding:2px 6px 4px;font-size:10px;font-weight:700;display:block}.chat-gs-row{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:7px 8px;font-family:inherit;transition:background .12s;display:flex}.chat-gs-row:hover{background:var(--primary-soft)}.chat-gs-label{color:var(--text);white-space:nowrap;font-size:13px;font-weight:600}.chat-gs-sub{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:11.5px;overflow:hidden}.chat-gs-tag{color:var(--primary);background:var(--primary-soft);border-radius:5px;flex-shrink:0;padding:1px 5px;font-size:10px;font-weight:700}.chat-gs-chip{flex-shrink:0;font-size:12px}.chat-gs-time{color:var(--text-dim);flex-shrink:0;margin-left:auto;font-size:10.5px}.chat-gs-thumbs{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;padding:0 4px;display:grid}.chat-gs-thumb{aspect-ratio:1;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;padding:0;overflow:hidden}.chat-gs-thumb img,.chat-gs-thumb video{object-fit:cover;width:100%;height:100%;display:block}.chat-gs-thumb:hover{border-color:var(--primary)}@media (max-width:600px){.chat-gs-dropdown{width:auto;max-height:68vh;position:fixed;inset:auto 8px 8px}.chat-gs-input{width:120px}.chat-gs-input:focus{width:180px}}[data-theme=dark] .chat-gs-input{border-color:var(--border);background:#121629}[data-theme=dark] .chat-gs-dropdown{border-color:var(--border);background:#181d33;box-shadow:0 12px 32px #00000080}[data-theme=dark] .chat-gs-row:hover{background:#232844}[data-theme=dark] .chat-gs-thumb{border-color:var(--border);background:#121629}.chat-search-loading{color:var(--text-dim);align-items:center;gap:8px;margin-top:14px;font-size:13px;display:flex}.chat-search-section{margin-top:14px}.chat-search-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin:0 0 6px;font-size:11px;font-weight:700}.chat-search-row{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:8px;width:100%;margin-bottom:4px;padding:8px 10px;font-family:inherit;transition:background .15s,border-color .15s;display:flex}.chat-search-row:hover{background:var(--primary-soft);border-color:var(--primary)}.chat-search-section+.chat-search-section{border-top:1px dashed var(--border);padding-top:12px}.chat-search-chip,.chat-search-chip-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:inline-flex}.chat-search-chip{background:var(--primary-soft);color:var(--primary)}.chat-search-chip-avatar{background:var(--primary);color:#fff}.chat-search-chip-img{object-fit:cover;border-radius:50%}.chat-search-row .chat-search-result-name{color:var(--primary);font-size:13px;font-weight:700}.chat-search-result-ctx{color:var(--text-dim);flex-shrink:0;font-size:11px}.chat-search-row .chat-search-result-preview{color:var(--text);opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.chat-search-row .chat-search-result-time{color:var(--text-dim);flex-shrink:0;margin-left:auto;font-size:11px}.chat-search-thumbs{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.chat-search-thumb{aspect-ratio:1;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;padding:0;position:relative;overflow:hidden}.chat-search-thumb img,.chat-search-thumb video{object-fit:cover;width:100%;height:100%;display:block}.chat-search-thumb:hover{border-color:var(--primary)}.chat-spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite chat-spin}@keyframes chat-spin{to{transform:rotate(360deg)}}.chat-mention-tag{background:var(--primary-soft);color:var(--primary);cursor:pointer;font-family:inherit;font-weight:600;font-size:inherit;border:none;border-radius:6px;margin:0 1px;padding:0 3px}.chat-mention-tag:hover{background:var(--primary);color:#fff}.chat-mention-tag-me{color:#5c3a00;background:#ffd54b}.chat-mention-tag-me:hover{color:#3f2a00;background:#ffc107}.chat-mention-tooltip{z-index:300;background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:2px;min-width:200px;padding:6px;display:flex;position:fixed;box-shadow:0 8px 24px #0000001f}.chat-mention-tooltip button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:8px 10px;font-family:inherit;font-size:13px}.chat-mention-tooltip button:hover{background:var(--primary-soft);color:var(--primary)}.chat-mention-tooltip-username{color:var(--text-dim);border-top:1px dashed var(--border);padding:6px 10px 4px;font-size:11px}.chat-forwarded{color:var(--primary);margin-bottom:2px;font-size:11.5px;font-weight:700;display:block}.chat-pinned-item-meta{color:var(--text-dim);margin-top:1px;font-size:11px}[data-theme=dark] .chat-search-row{border-color:var(--border);background:#121629}[data-theme=dark] .chat-search-row:hover{border-color:var(--primary);background:#181d33}[data-theme=dark] .chat-mention-tooltip{border-color:var(--border);background:#181d33;box-shadow:0 8px 24px #00000080}[data-theme=dark] .chat-search-thumb{border-color:var(--border);background:#121629}[data-theme=dark] .chat-search-thumb:hover{border-color:var(--primary)}.chat-details-panel{background:var(--surface);border-left:1px solid var(--border);z-index:30;flex-direction:column;width:min(380px,45%);max-width:100%;animation:.18s ease-out chat-details-in;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-8px 0 24px #00000014}@keyframes chat-details-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.chat-details-head{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:12px 14px;display:flex}.chat-details-back{width:34px;height:34px;color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-details-back svg{width:20px;height:20px}.chat-details-back:hover{background:var(--primary-soft)}.chat-details-title{font-size:14px;font-weight:700}.chat-details-profile{border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:20px 16px 16px;display:flex}.chat-details-avatar-wrap{position:relative}.chat-details-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:26px;font-weight:700;display:flex}.chat-details-avatar-img{overflow:hidden}.chat-details-avatar-img img{object-fit:cover;width:100%;height:100%;display:block}.chat-details-avatar-group{font-size:22px}.chat-details-avatar-wrap .chat-online-dot{border:2px solid var(--surface);width:14px;height:14px;position:absolute;bottom:2px;right:2px}.chat-details-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:16px;font-weight:700;overflow:hidden}.chat-details-status{color:var(--text-dim);text-align:center;font-size:12px}.chat-details-actions{border-bottom:1px solid var(--border);flex-shrink:0;gap:8px;padding:12px 14px;display:flex}.chat-details-action{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:5px;padding:9px 8px;font-family:inherit;font-size:11px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex;position:relative}.chat-details-action-count{background:var(--primary);color:#fff;text-align:center;border-radius:999px;min-width:16px;padding:1px 4px;font-size:9.5px;font-style:normal;font-weight:700;line-height:1.4;position:absolute;top:5px;right:6px}.chat-details-action svg{width:18px;height:18px}.chat-details-action:hover,.chat-details-action-active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.chat-details-tabs{border-bottom:1px solid var(--border);flex-shrink:0;gap:2px;padding:6px 10px;display:flex;overflow-x:auto}.chat-details-tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:7px 12px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .15s,color .15s}.chat-details-tab:hover,.chat-details-tab-active{background:var(--primary-soft);color:var(--primary)}.chat-details-content{flex:1;min-height:0;padding:12px 14px;overflow-y:auto}.chat-details-empty{text-align:center;color:var(--text-dim);padding:28px 8px;font-size:13px}.chat-details-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.chat-details-grid-item{aspect-ratio:1;cursor:pointer;background:var(--surface);border:none;border:1px solid var(--border);border-radius:8px;padding:0;position:relative;overflow:hidden}.chat-details-grid-item img,.chat-details-grid-item video{object-fit:cover;width:100%;height:100%;display:block}.chat-details-grid-item:hover{border-color:var(--primary)}.chat-details-grid-date{color:#fff;text-align:right;background:#00000073;padding:2px 6px;font-size:10px;position:absolute;bottom:0;left:0;right:0}.chat-details-video-thumb{width:100%;height:100%;position:relative}.chat-details-video-play{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chat-details-video-play svg{color:#fff;filter:drop-shadow(0 1px 4px #00000080);width:30px;height:30px}.chat-details-load-more{margin:12px auto 0;display:block}.chat-details-expanded{z-index:60;cursor:zoom-out;background:#000000d1;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.chat-details-expanded img,.chat-details-expanded video{object-fit:contain;border-radius:10px;max-width:92vw;max-height:78vh}.chat-details-expanded-info{color:#e8e8ea;text-align:center;flex-direction:column;align-items:center;gap:2px;font-size:13px;display:flex}.chat-details-files{flex-direction:column;gap:6px;display:flex}.chat-files-summary{color:var(--text-dim);padding:2px 2px 0;font-size:11.5px;font-weight:600}.chat-files-filters{align-items:center;gap:8px;margin-bottom:4px;display:flex}.chat-files-search{border:1px solid var(--border);background:0 0;border-radius:10px;flex:1;align-items:center;gap:6px;min-width:0;padding:6px 10px;display:flex}.chat-files-search:focus-within{border-color:var(--primary)}.chat-files-search svg{width:14px;height:14px;color:var(--text-dim);flex-shrink:0}.chat-files-search input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:12.5px}.chat-files-segment{border:1px solid var(--border);border-radius:10px;flex-shrink:0;padding:2px;display:flex}.chat-files-segment button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:5px 10px;font-family:inherit;font-size:11.5px;font-weight:600}.chat-files-segment .chat-files-seg-active{background:var(--primary);color:#fff}.chat-files-day{flex-direction:column;gap:6px;display:flex}.chat-files-day-label{z-index:1;background:var(--surface);color:var(--text-dim);letter-spacing:.3px;text-transform:uppercase;margin:0 -14px;padding:6px 16px;font-size:11px;font-weight:700;position:sticky;top:-12px}.chat-details-file-row{border:1px solid var(--border);color:inherit;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.chat-details-file-row:hover{border-color:var(--primary);background:var(--primary-soft)}.chat-details-file-icon{background:var(--primary-soft);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;line-height:1;text-decoration:none;display:flex}.chat-details-file-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chat-details-file-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.chat-details-file-date{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.chat-details-file-download{width:30px;height:30px;color:var(--text-dim);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-details-file-download:hover{background:var(--primary-soft);color:var(--primary)}.chat-details-starred{flex-direction:column;gap:6px;display:flex}.chat-details-starred-item{text-align:left;border:1px solid var(--border);width:100%;color:inherit;cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.chat-details-starred-item:hover{border-color:var(--primary);background:var(--primary-soft)}.chat-details-starred-name{color:var(--primary);font-size:12px;font-weight:700}.chat-details-starred-text{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.chat-details-starred-time{color:var(--text-dim);font-size:11px}.chat-details-members{flex-direction:column;gap:16px;display:flex}.chat-details-member-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin-bottom:8px;padding-left:4px;font-size:11.5px;font-weight:700}.chat-details-member-row{border:1px solid #0000;border-radius:10px;margin-bottom:4px}.chat-details-member-btn{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px;font-family:inherit;display:flex}.chat-details-member-btn:hover{background:var(--primary-soft)}.chat-details-member-avatar-wrap{flex-shrink:0;position:relative}.chat-details-member-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.chat-details-member-avatar-wrap .chat-online-dot{border:2px solid var(--surface);width:11px;height:11px;position:absolute;bottom:0;right:0}.chat-details-member-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.chat-details-member-name{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.chat-details-member-you{color:var(--text-dim);font-weight:400}.chat-details-member-role{color:var(--text-dim);font-size:11.5px}.chat-details-member-chevron{width:16px;height:16px;color:var(--text-dim);flex-shrink:0;transition:transform .15s}.chat-details-member-chevron-open{transform:rotate(180deg)}.chat-details-member-expanded{flex-wrap:wrap;align-items:center;gap:12px;padding:2px 8px 12px 54px;display:flex}.chat-details-member-username{color:var(--text-dim);font-size:12px}.chat-details-member-online{color:var(--green);font-size:11px;font-weight:600}.chat-details-member-message{margin-left:auto}.chat-details-settings{flex-direction:column;gap:18px;display:flex}.chat-details-setting-group{flex-direction:column;gap:8px;display:flex}.chat-details-setting-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.chat-details-setting-value{border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.chat-details-setting-edit{flex-direction:column;gap:8px;display:flex}.chat-details-setting-input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:9px 12px;font-family:inherit;font-size:14px}.chat-details-setting-input:focus{border-color:var(--primary);outline:none}.chat-details-setting-actions{justify-content:flex-end;gap:8px;display:flex}.chat-details-setting-danger{padding-top:4px}@media (max-width:768px){.chat-details-panel{z-index:60;width:100%;box-shadow:none;border-left:none;animation:.22s ease-out chat-details-slide;position:fixed;inset:0}}@keyframes chat-details-slide{0%{transform:translate(100%)}to{transform:translate(0)}}[data-theme=dark] .chat-details-panel{background:#121629;box-shadow:-8px 0 24px #00000080}[data-theme=dark] .chat-details-avatar-wrap .chat-online-dot,[data-theme=dark] .chat-details-member-avatar-wrap .chat-online-dot{border-color:#121629}[data-theme=dark] .chat-details-grid-item{border-color:var(--border);background:#181d33}[data-theme=dark] .chat-details-grid-item:hover{border-color:var(--primary)}[data-theme=dark] .chat-details-file-row{border-color:var(--border)}[data-theme=dark] .chat-details-file-row:hover{border-color:var(--primary);background:#181d33}.geo-lock{justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:24px 16px;display:flex}.geo-lock-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(520px,100%);box-shadow:var(--shadow);text-align:center;padding:28px 24px}.geo-lock-icon{background:var(--primary-soft);width:56px;height:56px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.geo-lock-icon svg{width:26px;height:26px}.geo-lock-title{margin:0 0 6px;font-size:19px;font-weight:700}.geo-lock-text{color:var(--text-dim);margin:0 0 18px;font-size:13.5px;line-height:1.55}.geo-lock-stats{border:1px solid var(--border);background:var(--bg);text-align:left;border-radius:10px;flex-direction:column;gap:8px;margin:0 0 20px;padding:12px 14px;display:flex}.geo-lock-stats>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.geo-lock-stats dt{color:var(--text-dim);font-size:12px}.geo-lock-stats dd{margin:0;font-size:12.5px;font-weight:700}.geo-lock-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.geo-lock-request{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.geo-lock-request-text{color:var(--text-dim);margin:0 0 10px;font-size:12.5px;line-height:1.5}.geo-lock-requested{background:var(--primary-soft);color:var(--primary);border-radius:10px;margin:0;padding:10px 12px;font-size:12.5px;font-weight:600;line-height:1.5}.geo-loading{color:var(--text-dim);padding:18px 0;font-size:13px}.geo-toggle-row{margin-bottom:16px}.geo-switch{cursor:pointer;align-items:flex-start;gap:10px;font-size:13.5px;font-weight:600;display:flex}.geo-switch input{margin-top:2px}.geo-switch small{color:var(--text-dim);margin-top:2px;font-size:12px;font-weight:400;display:block}.geo-field{margin-bottom:14px}.geo-field label{margin-bottom:5px;font-size:12.5px;font-weight:600;display:block}.geo-coords{border:1px solid var(--border);background:var(--bg);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0;padding:12px 14px;display:grid}.geo-coords>div{flex-direction:column;gap:2px;min-width:0;display:flex}.geo-coords span:last-child{text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.geo-coords-label{letter-spacing:.3px;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:600}.geo-hint-inline{color:var(--text-dim);margin:0 0 12px;font-size:12.5px}.geo-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.geo-block{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}.geo-block-title{letter-spacing:.4px;text-transform:uppercase;color:var(--text-dim);margin:0 0 10px;font-size:12px;font-weight:700}.geo-empty{color:var(--text-dim);margin:0;font-size:13px}.geo-request-row,.geo-grant-row{border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;display:flex}.geo-request-row+.geo-request-row,.geo-grant-row+.geo-grant-row{margin-top:8px}.geo-grant-row[data-active=true]{border-color:var(--primary);background:var(--primary-soft)}.geo-request-main,.geo-grant-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.geo-request-name,.geo-grant-name{font-size:13.5px;font-weight:700}.geo-request-meta,.geo-grant-meta{color:var(--text-dim);font-size:11.5px}.geo-request-actions,.geo-grant-right{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.geo-grant-badge{background:var(--primary);color:#fff;white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700}.geo-grant-badge-off{background:var(--border);color:var(--text-dim)}.geo-grant-form{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 14px;display:grid}.geo-check-list{border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:4px 14px;max-height:220px;margin-top:8px;padding:10px 12px;display:grid;overflow-y:auto}.geo-check-row{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.geo-check-row input{accent-color:var(--accent,#4f7cff);cursor:pointer}.geo-pin-block{border:1px dashed var(--border);background:var(--bg);border-radius:10px;margin:16px 0;padding:14px 16px}.geo-pin-block .geo-block-title{margin-bottom:6px}.geo-validity-select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:6px 8px;font-size:12.5px}.geo-validity-days{border:1px solid var(--border);background:var(--surface);width:68px;color:var(--text);border-radius:8px;padding:6px 8px;font-size:12.5px}.wfh-badge{text-align:left;border-radius:999px;flex-direction:column;gap:1px;padding:4px 9px;font-size:11.5px;font-weight:700;line-height:1.3;display:inline-flex}.wfh-live{background:var(--primary-soft);color:var(--primary)}.wfh-pending{background:var(--amber-soft,#fef3c7);color:#92400e}.wfh-place{white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.wfh-meta{opacity:.8;white-space:nowrap;font-size:10.5px;font-weight:600}