:root{--bg:#070b18;--panel:rgba(16,24,48,.82);--panel-2:rgba(20,31,60,.72);--line:rgba(125,151,224,.2);--text:#f4f7ff;--muted:#9eaad0;--purple:#8b5cf6;--pink:#ec4899;--cyan:#22d3ee;--green:#34d399;--amber:#fbbf24;--danger:#fb7185;--shadow:0 24px 70px rgba(0,0,0,.3)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;color:var(--text);background:linear-gradient(180deg,#080d1d,#070b18 55%,#060914);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}.ambient{position:fixed;border-radius:999px;filter:blur(80px);opacity:.22;pointer-events:none;z-index:-1}.ambient-one{width:360px;height:360px;background:#6438ff;left:-130px;top:60px;animation:floatA 12s ease-in-out infinite}.ambient-two{width:420px;height:420px;background:#00b7d7;right:-180px;top:140px;animation:floatB 14s ease-in-out infinite}.navbar{min-height:76px;background:rgba(5,10,26,.8);border-bottom:1px solid var(--line);backdrop-filter:blur(22px);position:sticky;top:0;z-index:1000}.navbar-brand{color:#fff!important}.brand-mark{width:44px;height:44px;display:grid;place-items:center;filter:drop-shadow(0 0 14px rgba(73,224,255,.42));animation:brandFloat 4s ease-in-out infinite}.brand-mark img{width:44px;height:44px}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-text b{font-size:1.02rem}.brand-text small{font-size:.58rem;color:#92a2ce;letter-spacing:.14em;margin-top:4px}.nav-link{color:#aeb9da!important;padding:.7rem .9rem!important;border-radius:12px;transition:.2s}.nav-link:hover,.nav-link.active{color:#fff!important;background:rgba(130,155,255,.12);box-shadow:inset 0 0 0 1px rgba(138,165,255,.16)}.nav-user{display:flex;align-items:center;gap:.65rem;margin-left:1rem}.nav-user>div:nth-child(2){display:flex;flex-direction:column;line-height:1.05;min-width:92px}.nav-user small{color:var(--muted);font-size:.72rem;margin-top:4px}.user-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;text-decoration:none;color:#dce5ff;background:rgba(255,255,255,.03);transition:.2s}.icon-button:hover,.icon-button.active{color:#fff;transform:translateY(-2px);border-color:rgba(122,210,255,.5);box-shadow:0 0 22px rgba(55,193,255,.18)}.app-container{max-width:1480px;padding:34px 28px 56px}.card,.modal-content{background:linear-gradient(145deg,rgba(19,29,57,.9),rgba(12,19,39,.86));border:1px solid var(--line);color:var(--text);box-shadow:var(--shadow);backdrop-filter:blur(18px);border-radius:22px}.feature-card{overflow:hidden;position:relative}.feature-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#7ddcff,transparent)}.form-control,.form-select,.form-control:focus,.form-select:focus{background:#0b1228;color:var(--text);border-color:#314169;border-radius:13px;min-height:46px}.form-control:focus,.form-select:focus{border-color:#5abfff;box-shadow:0 0 0 .22rem rgba(65,178,255,.13)}.form-label{font-weight:600;color:#dfe7ff;margin-bottom:.5rem}.btn{position:relative;overflow:hidden;border-radius:13px;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{border:0;background:linear-gradient(100deg,var(--purple),#bd4dff,var(--cyan));background-size:180% 100%;box-shadow:0 10px 30px rgba(105,88,255,.28)}.btn-primary:hover{background-position:100% 0;box-shadow:0 14px 38px rgba(65,173,255,.34)}.btn-soft{color:#e8edff;border:1px solid var(--line);background:rgba(255,255,255,.055)}.btn-soft:hover{color:#fff;border-color:#6177bd;background:rgba(116,143,230,.12)}.btn-ghost{color:#aebadd;border:0;background:transparent}.btn-danger{background:linear-gradient(90deg,#e04d68,#fb7185);border:0}.ripple{position:absolute;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);transform:translate(-50%,-50%) scale(0);animation:ripple .65s ease-out;pointer-events:none}.table{--bs-table-bg:transparent;--bs-table-color:var(--text);--bs-table-border-color:#26345e}.text-muted{color:var(--muted)!important}a{color:#79dcff}code{color:#ff8bda}.alert{border-radius:16px;border-width:1px}.floating-alert{position:relative;z-index:2}.page-head,.dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.page-head h1,.dashboard-hero h1{font-size:clamp(2rem,4vw,3.25rem);font-weight:800;letter-spacing:-.04em;margin:.15rem 0}.page-head p,.dashboard-hero p{color:var(--muted);margin:0;font-size:1.05rem}.eyebrow{display:inline-block;color:#76ddff;font-size:.72rem;font-weight:800;letter-spacing:.18em}.dashboard-hero{padding:30px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(120deg,rgba(101,76,255,.18),rgba(16,202,233,.08),rgba(236,72,153,.08));box-shadow:var(--shadow)}.dashboard-hero h1{background:linear-gradient(90deg,#fff,#d7c8ff,#82e8ff);-webkit-background-clip:text;color:transparent}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.metric-card{display:flex;align-items:center;gap:16px;padding:21px;text-decoration:none;color:var(--text);border-radius:20px;background:linear-gradient(145deg,rgba(20,30,58,.86),rgba(12,19,39,.8));border:1px solid var(--line);box-shadow:0 16px 40px rgba(0,0,0,.2);transition:.25s}.metric-card:hover{color:#fff;transform:translateY(-5px);border-color:rgba(112,199,255,.42);box-shadow:0 20px 48px rgba(39,99,205,.18)}.metric-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;font-size:1.35rem;font-weight:900}.metric-icon.purple{background:rgba(139,92,246,.16);color:#bca5ff}.metric-icon.amber{background:rgba(251,191,36,.14);color:#ffd66b}.metric-icon.cyan{background:rgba(34,211,238,.14);color:#70e9fb}.metric-icon.green{background:rgba(52,211,153,.14);color:#6ee7b7}.metric-card div{display:flex;flex-direction:column}.metric-card span:not(.metric-icon){color:var(--muted);font-size:.82rem}.metric-card strong{font-size:1.9rem;line-height:1.1;margin:.18rem 0}.metric-card small{color:#7785ac}.dashboard-card{min-height:100%}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.section-title h3{margin:0;font-size:1.16rem}.section-title p{margin:.25rem 0 0;color:var(--muted);font-size:.86rem}.section-title a{text-decoration:none;font-size:.86rem}.task-list{display:flex;flex-direction:column}.task-row{display:grid;grid-template-columns:12px 1fr auto 20px;align-items:center;gap:14px;padding:15px 4px;text-decoration:none;color:var(--text);border-bottom:1px solid rgba(118,142,205,.13);transition:.2s}.task-row:last-child{border-bottom:0}.task-row:hover{color:#fff;padding-left:10px}.priority-dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 12px currentColor}.priority-low{color:#60a5fa;background:#60a5fa}.priority-normal{color:#a78bfa;background:#a78bfa}.priority-high{color:#fbbf24;background:#fbbf24}.priority-urgent{color:#fb7185;background:#fb7185}.task-main{display:flex;flex-direction:column}.task-main small{color:var(--muted);margin-top:4px}.due-badge{font-size:.75rem;padding:.35rem .6rem;border-radius:999px;color:#b9c6e9;background:rgba(255,255,255,.045)}.due-badge.late{color:#ffabb8;background:rgba(251,113,133,.12)}.row-arrow{font-size:1.4rem;color:#7280a8}.progress-item{margin-bottom:17px}.progress-item>div:first-child{display:flex;justify-content:space-between;font-size:.84rem;margin-bottom:7px}.progress-track{height:8px;border-radius:999px;background:#10182d;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--cyan));box-shadow:0 0 14px rgba(63,214,255,.4);animation:growBar .8s ease both}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid a{text-decoration:none;text-align:center;padding:12px;border-radius:13px;color:#dce6ff;background:rgba(255,255,255,.04);border:1px solid var(--line);transition:.2s}.quick-grid a:hover{transform:translateY(-2px);border-color:#5574c3;background:rgba(88,119,209,.1)}.workspace-line{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid rgba(118,142,205,.12)}.workspace-line:last-child{border-bottom:0}.empty-state{text-align:center;padding:36px 16px}.empty-state>div{font-size:2.2rem}.status-pill{padding:.48rem .75rem;border-radius:999px;font-size:.76rem;font-weight:800}.status-on{color:#79efbf;background:rgba(52,211,153,.13);border:1px solid rgba(52,211,153,.25)}.status-off{color:#f7cc6c;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.22)}.option-note,.security-success{display:flex;gap:14px;align-items:center;padding:16px;border-radius:16px;background:rgba(122,144,210,.08);border:1px solid var(--line)}.option-note{flex-direction:column;align-items:flex-start}.security-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(52,211,153,.15);color:#75efbf;font-weight:900}.qr-wrap{display:inline-block;padding:12px;background:#fff;border-radius:18px;box-shadow:0 0 34px rgba(80,210,255,.22)}.secret-code{display:block;word-break:break-all;padding:10px 12px;background:#0a1125;border-radius:10px}.setup-steps{padding-left:1.2rem;color:#c9d3ee}.setup-steps li{margin-bottom:.7rem}.code-input{font-size:1.3rem;letter-spacing:.25em}.recovery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.auth-shell{min-height:calc(100vh - 145px);display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;max-width:1100px;margin:0 auto}.auth-visual{padding:38px}.auth-visual h1{font-size:clamp(3rem,6vw,5.4rem);font-weight:900;line-height:.94;letter-spacing:-.06em;background:linear-gradient(90deg,#fff,#cfbfff,#77e5ff);-webkit-background-clip:text;color:transparent;margin:18px 0}.auth-visual p{max-width:540px;color:var(--muted);font-size:1.08rem}.hero-logo{width:92px;height:92px;filter:drop-shadow(0 0 22px rgba(63,214,255,.4));animation:brandFloat 4s ease-in-out infinite}.auth-card{padding:34px;max-width:470px;width:100%;justify-self:end}.mini-orbits{display:flex;gap:12px;margin-top:28px}.mini-orbits span{width:10px;height:10px;border-radius:50%;background:var(--purple);box-shadow:0 0 18px var(--purple);animation:pulse 2s infinite}.mini-orbits span:nth-child(2){background:var(--pink);box-shadow:0 0 18px var(--pink);animation-delay:.3s}.mini-orbits span:nth-child(3){background:var(--cyan);box-shadow:0 0 18px var(--cyan);animation-delay:.6s}.reveal{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes floatA{50%{transform:translate(60px,40px)}}@keyframes floatB{50%{transform:translate(-50px,60px)}}@keyframes brandFloat{50%{transform:translateY(-4px) rotate(2deg)}}@keyframes pulse{50%{transform:scale(1.45);opacity:.65}}@keyframes ripple{to{transform:translate(-50%,-50%) scale(24);opacity:0}}@keyframes growBar{from{width:0}}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.auth-shell{grid-template-columns:1fr;gap:10px}.auth-visual{text-align:center;padding-bottom:0}.auth-visual p{margin-inline:auto}.mini-orbits{justify-content:center}.auth-card{justify-self:center}.nav-user{margin:12px 0 4px}}@media(max-width:700px){.app-container{padding:24px 15px 42px}.dashboard-hero,.page-head{align-items:flex-start;flex-direction:column}.dashboard-hero{padding:22px}.metric-grid{grid-template-columns:1fr}.task-row{grid-template-columns:10px 1fr 18px}.due-badge{display:none}.auth-visual{padding:10px}.auth-card{padding:24px}.recovery-grid{grid-template-columns:1fr}.brand-text small{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
.category-filter{display:flex;gap:.55rem;flex-wrap:wrap}.category-filter a{padding:.58rem .9rem;border:1px solid rgba(148,163,184,.22);border-radius:999px;color:var(--muted);text-decoration:none;background:rgba(15,23,42,.45);transition:.2s}.category-filter a:hover,.category-filter a.active{color:#fff;border-color:rgba(168,85,247,.75);background:linear-gradient(135deg,rgba(124,58,237,.35),rgba(14,165,233,.24));box-shadow:0 0 20px rgba(124,58,237,.18)}.share-user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;max-height:250px;overflow:auto}.share-user{display:flex;align-items:center;gap:.7rem;padding:.75rem;border:1px solid rgba(148,163,184,.2);border-radius:14px;background:rgba(15,23,42,.45);cursor:pointer}.share-user input{width:18px;height:18px}.share-user span{display:flex;flex-direction:column;min-width:0}.share-user small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.vault-lock{font-size:1.4rem}.file-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .58rem;border:1px solid rgba(148,163,184,.2);border-radius:10px;background:rgba(15,23,42,.45)}.file-chip a{text-decoration:none}.file-delete{border:0;background:transparent;color:#fb7185;font-size:1.15rem;line-height:1;padding:0 .15rem}@media(max-width:700px){.share-user-grid{grid-template-columns:1fr}}

/* Polished vault category folders */
.vault-folder-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.vault-folder{position:relative;display:flex;align-items:center;gap:13px;min-height:104px;padding:18px;border-radius:22px;text-decoration:none;color:#fff;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 34px rgba(0,0,0,.2);transition:.25s}.vault-folder:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.22),transparent 44%);opacity:.65}.vault-folder>*{position:relative;z-index:1}.vault-folder:hover,.vault-folder.active{color:#fff;transform:translateY(-5px) scale(1.015);box-shadow:0 22px 45px rgba(0,0,0,.3)}.vault-folder>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.vault-folder strong{font-size:.95rem;line-height:1.2}.vault-folder small{margin-top:6px;color:rgba(255,255,255,.75)}.vault-folder>b{margin-left:auto;font-size:1.3rem;opacity:.72}.folder-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.14);font-size:1.35rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}.folder-violet{background:linear-gradient(135deg,#6d3ce8,#9b5cff)}.folder-pink{background:linear-gradient(135deg,#c93187,#f45ca4)}.folder-cyan{background:linear-gradient(135deg,#008fa8,#19c8d8)}.folder-blue{background:linear-gradient(135deg,#2458ca,#4d91ff)}.folder-orange{background:linear-gradient(135deg,#c45b19,#ff9d32)}.folder-green{background:linear-gradient(135deg,#087a54,#27c88a)}.folder-indigo{background:linear-gradient(135deg,#4f46b8,#7775ed)}.folder-teal{background:linear-gradient(135deg,#087274,#22b9ae)}.folder-slate{background:linear-gradient(135deg,#475569,#7b8da8)}.vault-folder-all{background:linear-gradient(135deg,#2e3562,#5965a9)}.empty-folder{font-size:3rem;margin-bottom:12px;opacity:.7}.selectable{user-select:all}
/* Clickable links in task descriptions and comments */
.rich-text{line-height:1.75;overflow-wrap:anywhere}.smart-link{display:inline-flex;align-items:center;gap:5px;margin:2px 3px;padding:4px 5px 4px 9px;border-radius:999px;border:1px solid rgba(90,200,255,.32);background:rgba(25,125,178,.13);vertical-align:middle}.smart-link a{text-decoration:none;font-weight:700}.copy-link{border:0;border-radius:999px;padding:3px 8px;color:#dff8ff;background:rgba(255,255,255,.1);font-size:.72rem;transition:.2s}.copy-link:hover{background:rgba(255,255,255,.2)}
/* Download-friendly attachments */
.attachment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.attachment-card{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid rgba(148,163,184,.2);border-radius:15px;background:rgba(15,23,42,.48)}.attachment-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(34,211,238,.18))}.attachment-info{display:flex;flex-direction:column;min-width:0;flex:1}.attachment-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-info small{color:var(--muted);margin-top:2px}.attachment-card form{margin:0}.attachment-card-small{min-width:100%}
@media(max-width:1200px){.vault-folder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.vault-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attachment-grid{grid-template-columns:1fr}.attachment-card{align-items:flex-start;flex-wrap:wrap}.attachment-info{min-width:160px}}@media(max-width:460px){.vault-folder-grid{grid-template-columns:1fr}.vault-folder{min-height:88px}}

/* Organized module dashboards */
.overview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.overview-card{position:relative;min-height:104px;display:flex;align-items:center;gap:13px;padding:17px;border-radius:21px;text-decoration:none;color:#fff;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 15px 32px rgba(0,0,0,.2);transition:.22s}.overview-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 5%,rgba(255,255,255,.2),transparent 46%)}.overview-card>*{position:relative;z-index:1}.overview-card:hover,.overview-card.active{color:#fff;transform:translateY(-4px);box-shadow:0 21px 42px rgba(0,0,0,.3);outline:2px solid rgba(255,255,255,.22)}.overview-card>div{display:flex;flex-direction:column;min-width:0}.overview-card strong{font-size:.96rem}.overview-card small{color:rgba(255,255,255,.74);margin-top:5px}.overview-card>b{margin-left:auto;font-size:1.25rem;opacity:.72}.overview-icon{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:rgba(255,255,255,.14);font-size:1.25rem}.overview-all{background:linear-gradient(135deg,#303964,#5867ad)}.overview-violet{background:linear-gradient(135deg,#6538d7,#9759f0)}.overview-blue{background:linear-gradient(135deg,#2059c6,#438eea)}.overview-green{background:linear-gradient(135deg,#08794e,#27bd81)}.overview-orange{background:linear-gradient(135deg,#b7581c,#eb8b27)}.overview-pink{background:linear-gradient(135deg,#b52d7b,#ed5a9e)}.overview-cyan{background:linear-gradient(135deg,#087f99,#1dbdcc)}.overview-indigo{background:linear-gradient(135deg,#4840ac,#746de3)}.overview-teal{background:linear-gradient(135deg,#087070,#20afa8)}.overview-slate{background:linear-gradient(135deg,#3f4c62,#72819a)}.overview-danger{background:linear-gradient(135deg,#a92944,#eb5971)}
.toolbar-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:17px;background:rgba(13,21,43,.72)}.toolbar-card>div{display:flex;flex-direction:column}.toolbar-card small{color:var(--muted)}.filter-inline{width:min(220px,100%)}
.work-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.work-card{display:flex;flex-direction:column;min-height:245px;padding:19px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(145deg,rgba(18,29,57,.88),rgba(10,18,38,.9));box-shadow:0 16px 36px rgba(0,0,0,.2);transition:.22s}.work-card:hover{transform:translateY(-4px);border-color:rgba(121,156,255,.38);box-shadow:0 23px 44px rgba(0,0,0,.28)}.work-card-top,.user-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.work-card-title{display:block;margin:18px 0 8px;color:#fff;text-decoration:none;font-size:1.12rem;font-weight:800}.work-card-title:hover{color:#8eeaff}.work-card-copy{color:var(--muted);line-height:1.55;min-height:48px}.work-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.work-meta span,.mini-count{padding:6px 9px;border-radius:999px;font-size:.76rem;color:#bdc8e7;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.work-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(126,147,205,.13)}.work-card-footer>div:first-child{display:flex;gap:6px}.card-actions{display:flex;gap:6px;align-items:center}.card-actions form{margin:0}.priority-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 13px currentColor}.status-tag{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:.72rem;font-weight:800;border:1px solid transparent}.status-todo{color:#c4b5fd;background:rgba(139,92,246,.13);border-color:rgba(139,92,246,.25)}.status-in_progress{color:#8ddaff;background:rgba(34,211,238,.1);border-color:rgba(34,211,238,.22)}.status-review{color:#ffd178;background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.22)}.status-completed{color:#83edbd;background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.22)}.status-cancelled{color:#aeb9cf;background:rgba(148,163,184,.1);border-color:rgba(148,163,184,.2)}
.avatar-orb{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;font-weight:900;letter-spacing:.04em}.role-admin{background:linear-gradient(135deg,#7440e7,#b35cf2)}.role-manager{background:linear-gradient(135deg,#2761ce,#43a0ea)}.role-employee{background:linear-gradient(135deg,#0b865c,#30cc8d)}.role-viewer{background:linear-gradient(135deg,#bb611f,#f09a31)}.user-work-card h4{margin:17px 0 4px}.user-email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role-line{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:12px;border-radius:13px;background:rgba(255,255,255,.035)}.user-role-line small{color:var(--muted)}
.expense-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.expense-work-card{min-height:235px}.expense-date{font-size:.75rem;color:var(--muted)}.expense-amount{font-size:1.8rem;font-weight:900;letter-spacing:-.03em;background:linear-gradient(90deg,#fff,#8de8ff);-webkit-background-clip:text;color:transparent;margin-top:auto}.expense-overview-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.subfolder-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.subfolder{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;padding:13px;border-radius:16px;text-decoration:none;color:#dce7ff;border:1px solid var(--line);background:rgba(18,28,54,.7);transition:.2s}.subfolder:hover,.subfolder.active{color:#fff;transform:translateY(-3px);border-color:rgba(106,203,255,.46);background:linear-gradient(135deg,rgba(93,59,201,.32),rgba(24,137,174,.24));box-shadow:0 13px 28px rgba(0,0,0,.2)}.subfolder>span{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.07)}.subfolder strong{font-size:.83rem;line-height:1.2}.subfolder small{min-width:25px;text-align:center;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.08);color:#b9c7e8}
@media(max-width:1250px){.overview-grid,.expense-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subfolder-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:780px){.overview-grid,.expense-overview-grid,.expense-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card-grid{grid-template-columns:1fr}.subfolder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-card,.work-card-footer{align-items:flex-start;flex-direction:column}.card-actions{width:100%;flex-wrap:wrap}.user-role-line{align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:470px){.overview-grid,.expense-overview-grid,.expense-metrics,.subfolder-grid{grid-template-columns:1fr}.overview-card{min-height:88px}}

/* Vault authentication and private expense access */
.auth-badge{font-size:.72rem;padding:.35rem .55rem;border:1px solid rgba(125,211,252,.28);border-radius:999px;color:#9ee8ff;background:rgba(14,165,233,.1);max-width:55%;text-align:right}
.vault-detail{display:grid;grid-template-columns:minmax(105px,.7fr) minmax(0,1.5fr) auto auto;align-items:center;gap:.55rem;padding:.7rem 0;border-bottom:1px solid rgba(148,163,184,.12)}
.vault-detail span{color:#93a4c9;font-size:.8rem}.vault-detail strong{overflow-wrap:anywhere;font-size:.9rem}.vault-note-chip,.privacy-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .65rem;border-radius:999px;background:rgba(168,85,247,.12);border:1px solid rgba(192,132,252,.22);font-size:.78rem;color:#d8b4fe}.vault-details{margin-top:.75rem;padding:.65rem .8rem;border-radius:12px;background:rgba(15,23,42,.45)}.vault-details summary{cursor:pointer;font-weight:700}.vault-details pre{white-space:pre-wrap;margin:.7rem 0 0;color:#dbeafe}.masked-value{letter-spacing:.12em}.reveal-secret{border:0;background:transparent;color:#7dd3fc;font-size:.78rem}.expense-work-card .card-actions form{display:inline-flex}
@media(max-width:700px){.vault-detail{grid-template-columns:1fr auto}.vault-detail span{grid-column:1/-1}.auth-badge{max-width:62%}}


/* Refined workspace header */
.workspace-header{position:sticky;top:0;z-index:1030;padding:12px 18px;background:linear-gradient(180deg,rgba(5,9,23,.97),rgba(7,12,29,.91));border-bottom:1px solid rgba(112,145,230,.2);backdrop-filter:blur(22px);box-shadow:0 15px 45px rgba(0,0,0,.22)}
.workspace-header:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#8b5cf6,#22d3ee,#34d399,#ec4899,#8b5cf6);background-size:220% 100%;animation:headerFlow 8s linear infinite}.header-inner{max-width:1660px;margin:auto;display:flex;align-items:center;gap:24px}.workspace-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;min-width:210px}.workspace-brand:hover{color:#fff}.workspace-brand>span:last-child{display:flex;flex-direction:column}.workspace-brand b{font-size:1.02rem;letter-spacing:-.02em}.workspace-brand small{font-size:.62rem;letter-spacing:.17em;color:#91a2ca;font-weight:800}.brand-halo{position:relative;width:43px;height:43px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,rgba(139,92,246,.2),rgba(34,211,238,.15));border:1px solid rgba(139,210,255,.28);box-shadow:0 0 25px rgba(69,178,255,.16)}.brand-halo:after{content:"";position:absolute;inset:-4px;border-radius:18px;border:1px solid rgba(109,94,252,.25);animation:logoPulse 2.7s ease-in-out infinite}.brand-halo img{width:31px;height:31px}.workspace-nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:22px;flex:1}.workspace-nav{display:flex;align-items:center;gap:6px;padding:5px;border-radius:17px;background:rgba(11,18,39,.72);border:1px solid rgba(121,147,213,.14)}.workspace-tab{position:relative;display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:12px;color:#aebada;text-decoration:none;font-size:.9rem;font-weight:700;transition:.2s}.workspace-tab i{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.045);font-style:normal;color:#8ddfff}.workspace-tab em{padding:2px 6px;border-radius:999px;background:rgba(52,211,153,.13);color:#7ff0bd;font-size:.59rem;font-style:normal;text-transform:uppercase;letter-spacing:.06em}.workspace-tab:hover{color:#fff;background:rgba(255,255,255,.055)}.workspace-tab.active{color:#fff;background:linear-gradient(135deg,rgba(119,82,238,.32),rgba(38,143,210,.25));box-shadow:inset 0 0 0 1px rgba(137,179,255,.27),0 8px 22px rgba(7,14,35,.28)}.workspace-tab.active:after{content:"";position:absolute;left:18px;right:18px;bottom:-6px;height:2px;border-radius:10px;background:linear-gradient(90deg,#9a6cff,#50d7ff);box-shadow:0 0 10px #6bd4ff}.header-account{display:flex;align-items:center;gap:9px;padding:6px 7px 6px 8px;border-radius:16px;background:rgba(14,22,45,.74);border:1px solid rgba(124,151,219,.16)}.account-avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#754bec,#2fa9db);font-weight:900;box-shadow:0 7px 18px rgba(80,93,238,.24)}.account-copy{display:flex;flex-direction:column;min-width:116px}.account-copy strong{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}.account-copy small{color:#8f9fc4;font-size:.66rem}.header-action{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#cbd6f2;text-decoration:none;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);transition:.2s}.header-action:hover,.header-action.active{color:#fff;background:rgba(81,152,255,.17);border-color:rgba(101,174,255,.29)}.header-action.danger:hover{background:rgba(251,113,133,.15);border-color:rgba(251,113,133,.25)}.mobile-nav-button{display:none;margin-left:auto;width:43px;height:40px;border-radius:12px;border:1px solid rgba(143,167,224,.22);background:rgba(20,30,58,.7);padding:9px}.mobile-nav-button span{display:block;height:2px;margin:4px 0;border-radius:9px;background:#dbe6ff}
.privacy-banner{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:16px;background:linear-gradient(135deg,rgba(26,80,72,.36),rgba(25,51,99,.32));border:1px solid rgba(82,219,185,.19)}.privacy-banner>span{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:rgba(52,211,153,.12)}.privacy-banner>div{display:flex;flex-direction:column}.privacy-banner small{color:#a4b7d4;margin-top:2px}
@keyframes headerFlow{to{background-position:220% 0}}@keyframes logoPulse{50%{transform:scale(1.06);opacity:.55}}
@media(max-width:1199px){.workspace-header{padding:10px 14px}.header-inner{flex-wrap:wrap}.mobile-nav-button{display:block}.workspace-nav-wrap{width:100%;flex-basis:100%;align-items:stretch;flex-direction:column;padding-top:10px}.workspace-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.workspace-tab{justify-content:center}.workspace-tab.active:after{display:none}.header-account{width:100%;justify-content:flex-start}.account-copy{flex:1}}
@media(max-width:620px){.workspace-brand{min-width:0}.workspace-brand small{display:none}.workspace-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-tab{padding:11px 9px}.account-copy small{font-size:.62rem}}

/* Header visibility fix: Bootstrap's generic .collapse hides desktop navigation. */
@media (min-width:1200px){
  .workspace-nav-wrap.collapse,
  .workspace-nav-wrap.collapsing{
    display:flex !important;
    height:auto !important;
    visibility:visible !important;
  }
}
@media (max-width:1199.98px){
  .workspace-nav-wrap.collapse:not(.show){display:none !important}
  .workspace-nav-wrap.collapse.show{display:flex !important}
  .workspace-nav-wrap.collapsing{display:flex !important;height:0;overflow:hidden}
}

/* 2026-08 workspace update: self-created tasks, expense invoices, storage directory */
.self-assignment-note{display:flex;flex-direction:column;gap:3px;padding:13px 15px;border-radius:14px;background:linear-gradient(135deg,rgba(52,211,153,.12),rgba(59,130,246,.1));border:1px solid rgba(82,220,185,.2)}
.self-assignment-note strong{color:#c8ffe9}.self-assignment-note small{color:#91a7c7}
.expense-files{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.expense-file-chip{max-width:100%;display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:10px;text-decoration:none;color:#b9eaff;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.18);font-size:.74rem}.expense-file-chip:hover{color:#fff;background:rgba(56,189,248,.16);transform:translateY(-1px)}
.storage-folder-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.storage-type-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.storage-link-card{min-height:245px}.storage-domain{display:inline-flex;align-items:center;align-self:flex-start;padding:7px 10px;border-radius:10px;background:rgba(34,211,238,.07);border:1px solid rgba(34,211,238,.15);color:#8eeaff;font-size:.78rem;margin-top:auto}.storage-link-card .card-actions form{display:inline-flex}
@media(max-width:1300px){.storage-folder-grid,.storage-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.storage-folder-grid,.storage-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.storage-folder-grid,.storage-type-grid{grid-template-columns:1fr}}