:root{--bg:#f6f7f5;--paper:#fff;--ink:#202a27;--muted:#7c8580;--line:#e7ebe7;--green:#23765a;--mint:#edf5ef;--dark:#172f27}*{box-sizing:border-box}body{margin:0;font:14px/1.5 'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 14px;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover{background:#f1f5f1}button.primary{background:var(--green);border-color:var(--green);color:white}button.primary:hover{background:#185e46}button.ghost{border:0;background:transparent}button.danger{color:#af4141}button:disabled{opacity:.5;cursor:wait}svg{width:19px;height:19px;flex-shrink:0}a{color:var(--green)}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-.9px;line-height:1.3;font-weight:650}h2{font-size:17px;letter-spacing:-.3px}h3{font-size:15px}.muted{color:var(--muted)}.tiny{font-size:12px}.shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.sidebar{position:fixed;width:238px;height:100vh;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:27px 17px;z-index:20}.brand{display:flex;gap:11px;align-items:center;padding:0 12px 27px}.brand-mark{width:34px;height:36px;border-radius:9px;background:var(--dark);color:#b3dec1;display:grid;place-items:center;font-size:22px;font-weight:700}.brand strong{font-size:21px;letter-spacing:-.7px}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:1.1px;text-transform:uppercase}.workspace{margin:0 5px 24px;padding:10px;background:#f7f8f6;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:9px}.workspace .avatar{width:28px;height:28px;font-size:11px;background:#e7ecdf;color:#64774d;display:grid;place-items:center;border-radius:6px}.workspace span:last-child{margin-left:auto}.nav-label{font-size:10px;color:#939c96;letter-spacing:1.3px;padding:10px 13px 7px;font-weight:600}.nav{display:flex;flex-direction:column;gap:4px}.nav button{border:0;background:transparent;justify-content:flex-start;padding:11px 13px;color:#67726b;font-size:13px}.nav button.active{color:var(--green);background:var(--mint);font-weight:600}.nav button:hover{background:#f3f6f2}.nav .count{font-size:10px;margin-left:auto;border-radius:5px;background:#e5eee6;padding:1px 6px}.sidebar-bottom{margin-top:auto;padding-top:18px}.local-box{border:1px solid var(--line);border-radius:9px;padding:13px;margin:0 4px 13px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5c9976;margin-right:6px}.profile{border-top:1px solid var(--line);padding:16px 8px 0;display:flex;align-items:center;gap:9px}.profile .avatar{background:#efeee8;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;font-size:11px}.profile .ghost{margin-left:auto;padding:5px}.main{grid-column:2;min-width:0}.topbar{height:76px;background:rgba(255,255,255,.85);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:20px}.crumb{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}.crumb b{color:#56625a;font-weight:500}.top-actions{display:flex;align-items:center;gap:16px}.search-wrap{display:flex;align-items:center;gap:9px;background:#f7f8f6;border:1px solid var(--line);padding:7px 11px;border-radius:7px;color:#8a948c}.search-wrap input{width:200px;border:0;background:transparent;font-size:12px;outline:none;color:var(--ink)}kbd{font:10px 'Segoe UI';background:white;border:1px solid #e1e5df;border-radius:3px;padding:1px 5px;color:#a0a69f}.content{max-width:1450px;margin:auto;padding:35px 40px 22px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#8b948c;margin-bottom:7px}.page-head p{margin-top:9px;color:var(--muted);font-size:13px}.head-actions{display:flex;gap:9px;flex-wrap:wrap}.hero{position:relative;background:var(--dark);border-radius:13px;color:white;padding:28px 31px;min-height:175px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.hero .eyebrow{color:#9ab6a3}.hero h2{font-size:24px;font-weight:500;letter-spacing:-.6px;margin-bottom:10px}.hero p{font-size:12px;max-width:455px;color:#a8c0b0;line-height:1.8}.hero .pills{display:flex;gap:8px;margin-top:18px}.hero .pills span{font-size:10px;border:1px solid #40584a;border-radius:5px;padding:4px 8px;color:#b7cebf}.hero-art{width:165px;height:120px;position:relative;margin-right:25px;flex-shrink:0}.hero-art .sheet{position:absolute;border:1px solid #6b8a70;background:#264333;border-radius:10px;width:93px;height:112px;top:2px;left:38px;transform:rotate(12deg)}.hero-art .sheet:first-child{transform:rotate(-12deg);left:14px;background:#344c36}.hero-art .sheet:last-child{transform:rotate(0);top:13px;left:30px;background:#d1dfbb;border-color:#d1dfbb;color:#36563c;display:grid;place-items:center}.hero-art svg{width:43px;height:43px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:28px}.stat{border:1px solid var(--line);border-radius:10px;background:#fff;padding:17px 20px}.stat-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.stat-top svg{color:#8ba08f;width:17px}.stat-value{font-size:29px;font-weight:600;letter-spacing:-1px;margin:5px 0}.stat small{font-size:10px;color:#929a94}.two-col{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(265px,1fr);gap:23px}.panel{border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden;margin-bottom:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:19px 21px;border-bottom:1px solid var(--line)}.panel-head button{font-size:11px;padding:3px 0;color:var(--green)}.panel-body{padding:20px}.empty{padding:32px 20px;text-align:center;color:var(--muted)}.empty .empty-icon{width:49px;height:49px;border:1px solid var(--line);border-radius:12px;margin:0 auto 13px;display:grid;place-items:center;color:#87a18d;background:#f7faf6}.empty h3{color:#4b5d50;margin-bottom:7px;font-size:14px;font-weight:500}.empty p{font-size:12px;max-width:350px;margin:0 auto 16px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick{justify-content:flex-start;padding:15px 12px;border-color:#edf0eb;background:#fafbf9;text-align:left;font-size:12px}.quick svg{color:#68856d}.source-row{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #f0f2ee;align-items:center}.source-row:last-child{border:0}.source-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:#edf4ed;color:#66846b}.source-row strong{font-size:12px;font-weight:500}.source-row p{font-size:10px;color:var(--muted)}.badge{display:inline-block;padding:3px 8px;border-radius:5px;font-size:10px;background:var(--mint);color:var(--green);white-space:nowrap}.badge.gray{background:#f2f3f0;color:#90988f}.source-row .badge{margin-left:auto}.footer{display:flex;justify-content:space-between;gap:15px;color:#929a94;font-size:10px;margin-top:18px}.file-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}.breadcrumbs{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.breadcrumbs button{padding:4px 6px;font-size:12px;border:0;background:none;color:var(--green)}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;font-weight:500;letter-spacing:.4px;color:#939b94;background:#fafbf9;padding:12px 16px;border-bottom:1px solid var(--line)}td{padding:14px 16px;border-bottom:1px solid #eff2ed}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfa}.file-name{display:flex;gap:11px;align-items:center}.file-name svg{color:#99ad8e}.link-button{background:transparent;border:0;padding:0;text-align:left;font-size:12px;justify-content:flex-start}.file-name span{overflow-wrap:anywhere}.row-actions{display:flex;gap:4px;justify-content:flex-end}.row-actions button{padding:5px;border:0;background:none;color:#89978c}.notice{display:flex;align-items:flex-start;gap:10px;padding:13px 16px;background:#edf4ed;border:1px solid #deeadf;border-radius:8px;font-size:12px;color:#5d7b63;margin-bottom:20px}.notice.neutral{background:#f5f5f0;border-color:#e9e8dc;color:#85816b}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.project-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:21px;text-align:left;display:block;width:100%}.project-card h3{margin-top:15px;margin-bottom:8px}.project-card p{font-size:12px;color:var(--muted)}.project-card .card-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#edf3e7;color:#66864f}.project-card .bottom{border-top:1px solid var(--line);margin-top:20px;padding-top:12px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.calendar-head{display:flex;align-items:center;gap:12px}.calendar{display:grid;grid-template-columns:repeat(7,1fr)}.weekday{padding:12px;color:var(--muted);font-size:11px;text-align:center;background:#fafbf9}.day{min-height:106px;border-top:1px solid var(--line);border-right:1px solid var(--line);padding:10px;font-size:12px}.day:nth-child(7n){border-right:0}.day.faded{background:#fafbf9;color:#b3b9b2}.day.today .day-number{background:var(--green);color:white;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.day-task{font-size:10px;background:var(--mint);padding:4px 6px;border:0;border-radius:4px;margin-top:5px;display:block;width:100%;text-align:left;color:var(--green);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secret-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.secret-card{padding:21px;background:#fff;border:1px solid var(--line);border-radius:10px}.secret-card h3{margin:12px 0 5px}.secret-card p{font-size:11px;color:var(--muted)}.secret-card .secret-value{font-family:monospace;font-size:18px;letter-spacing:3px;margin:15px 0;color:#9aa89a}.secret-card button{font-size:11px}.filterbar{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.filterbar button{font-size:12px;padding:7px 13px}.filterbar button.active{background:var(--green);color:white;border-color:var(--green)}.search-result{padding:17px 21px;border-bottom:1px solid var(--line)}.search-result p{font-size:12px;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}.search-result small{font-size:10px;color:#8b9a8e}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:var(--dark);padding:70px;color:#dce8df;display:flex;flex-direction:column;justify-content:center}.auth-story .brand{padding:0;margin-bottom:70px}.auth-story h1{font-size:47px;font-weight:500;max-width:450px;line-height:1.2}.auth-story p{color:#9cb5a5;margin-top:24px;max-width:400px;line-height:1.9}.auth-main{display:grid;place-items:center;padding:35px}.auth-card{width:100%;max-width:355px}.auth-card h2{font-size:26px;margin-bottom:10px}.auth-card>p{font-size:13px;color:var(--muted);margin-bottom:28px}.auth-card button.primary{width:100%;margin-top:7px}label{display:block;font-size:12px;margin-bottom:7px;color:#607066}input:not([type=checkbox]):not([type=file]),textarea,select{border:1px solid #dfe5dd;border-radius:7px;padding:10px 12px;background:white;color:var(--ink);width:100%;min-width:0}input[type=checkbox]{accent-color:var(--green)}.search-wrap input{border:0!important;padding:0!important;background:transparent!important}.field{margin-bottom:17px}textarea{min-height:150px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.error{color:#b14949;font-size:12px;margin:12px 0;min-height:18px}dialog{border:1px solid var(--line);border-radius:14px;padding:0;width:min(650px,94vw);max-height:90vh;box-shadow:0 25px 100px #102c2933;color:var(--ink)}dialog::backdrop{background:#112a244d;backdrop-filter:blur(3px)}.modal-head{padding:21px 25px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:18px}.modal-body{padding:24px}.modal-foot{border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px;padding:16px 25px}.editor{font:12px/1.7 Consolas,monospace;min-height:330px;white-space:pre}.preview-content{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 Consolas,monospace;max-height:55vh;overflow:auto;background:#f6f8f4;border:1px solid var(--line);border-radius:8px;padding:16px}.secret-details dt{font-size:11px;color:var(--muted);margin-top:14px}.secret-details dd{margin:5px 0;overflow-wrap:anywhere}.secret-details code{display:block;padding:13px;background:var(--mint);border-radius:7px;white-space:pre-wrap}#toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%) translateY(80px);background:var(--dark);color:white;padding:12px 23px;border-radius:9px;z-index:100;font-size:13px;transition:transform .2s;box-shadow:0 8px 30px #16382c22;max-width:90vw}#toast.show{transform:translateX(-50%) translateY(0)}.mobile-brand{display:none}.section-note{padding:12px 18px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}@media(min-width:1550px){.content{padding-top:43px}.hero{min-height:195px}.stat{padding:21px}.sidebar{width:250px}.shell{grid-template-columns:250px 1fr}}@media(max-width:1100px){.content{padding:25px}.topbar{padding:0 25px}.two-col{grid-template-columns:1fr}.cards,.secret-grid{grid-template-columns:repeat(2,1fr)}.hero-art{margin-right:0}.stats{gap:10px}.stat{padding:13px}.top-actions .tiny{display:none}}@media(max-width:760px){.shell{grid-template-columns:72px 1fr}.sidebar{width:72px;padding:20px 8px}.brand{padding:0 10px 24px}.brand div:last-child,.workspace,.nav-label,.nav .label,.nav .count,.sidebar-bottom .local-box,.profile>div,.profile .avatar{display:none}.nav button{padding:12px;justify-content:center}.sidebar-bottom .nav{margin-top:20px}.profile{justify-content:center;padding:13px 0 0}.profile .ghost{margin:0}.topbar{height:65px;padding:0 17px}.crumb{display:none}.top-actions{width:100%}.search-wrap{flex:1}.search-wrap input{width:100%}.content{padding:25px 17px}.page-head{align-items:flex-start;flex-direction:column;gap:17px}h1{font-size:25px}.stats{grid-template-columns:1fr 1fr}.hero{padding:23px}.hero h2{font-size:20px}.hero-art{display:none}.hero .pills{flex-wrap:wrap}.cards,.secret-grid{grid-template-columns:1fr}.footer{flex-direction:column;gap:4px}.hide-mobile{display:none}.day{min-height:70px;padding:5px}.day-task{font-size:8px;padding:3px}.calendar-head h2{font-size:13px}.auth-page{grid-template-columns:1fr}.auth-story{display:none}.form-row{grid-template-columns:1fr}.file-toolbar{padding:10px}.row-actions{gap:0}td,th{padding:12px 8px}.panel-head{padding:16px}.head-actions button{font-size:12px}}

.brand strong{font-size:16px;letter-spacing:.3px;white-space:nowrap}.auth-story .brand strong{font-size:22px}

.brand strong{font-size:25px;letter-spacing:.5px}.brand small{text-transform:none;letter-spacing:1px;font-size:11px;margin-top:2px}.auth-story .brand strong{font-size:29px}@media(max-width:760px){.sidebar .brand div:last-child{display:block}.sidebar .brand{padding:0 0 24px;justify-content:center}.sidebar .brand strong{font-size:14px}.sidebar .brand small{display:none}}

/* Brand hierarchy */
.brand strong,.auth-story .brand strong{font-size:22px;color:#ffffff;letter-spacing:.5px;line-height:1.2}.brand small{display:block;font-size:26px;font-weight:650;line-height:1.25;letter-spacing:.2px;margin-top:8px;color:#9cb5a5;white-space:nowrap}.sidebar .brand strong{font-size:18px;color:var(--ink)}.sidebar .brand small{font-size:20px;white-space:normal;color:var(--green)}.auth-story .brand{padding:0}@media(max-width:760px){.sidebar .brand strong{font-size:14px}.sidebar .brand small{display:none}}

.auth-story .brand small{font-size:42px;line-height:1.15;letter-spacing:-.5px;margin-top:12px;white-space:normal}

.auth-story .brand small{font-size:clamp(42px,4.8vw,76px);line-height:1.08;letter-spacing:-1px;white-space:normal;overflow-wrap:normal}


/* Lightning texture clipped strictly inside the title glyphs. */
.auth-story .brand small{background-color:#8eaf9a;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22160%22%20height%3D%22110%22%20viewBox%3D%220%200%20160%20110%22%3E%3Crect%20width%3D%22160%22%20height%3D%22110%22%20fill%3D%22%238eaf9a%22%2F%3E%3Cpath%20d%3D%22M26%20-12%2053%2018%2036%2033%2065%2054%2043%2069%2076%20105%22%20fill%3D%22none%22%20stroke%3D%22%23427766%22%20stroke-width%3D%2210%22%2F%3E%3Cpath%20d%3D%22M26%20-12%2053%2018%2036%2033%2065%2054%2043%2069%2076%20105%22%20fill%3D%22none%22%20stroke%3D%22%23efffe2%22%20stroke-width%3D%222.5%22%2F%3E%3Cpath%20d%3D%22m113%20-8-17%2029%2020%2012-29%2029%2017%2011-20%2039%22%20fill%3D%22none%22%20stroke%3D%22%23447e69%22%20stroke-width%3D%229%22%2F%3E%3Cpath%20d%3D%22m113%20-8-17%2029%2020%2012-29%2029%2017%2011-20%2039%22%20fill%3D%22none%22%20stroke%3D%22%23e4ffd7%22%20stroke-width%3D%222.5%22%2F%3E%3Cpath%20d%3D%22m53%2018%2018-5%2010%208m15%200-16%205-7-7M43%2069l-17%206-9-5m87%203%2020%205%208-10%22%20fill%3D%22none%22%20stroke%3D%22%23ddffd4%22%20stroke-width%3D%221.4%22%2F%3E%3C%2Fsvg%3E");background-size:160px 110px;background-repeat:repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* Animated thunderclouds and intermittent lightning, clipped to text. */
.auth-story .brand small{position:relative;isolation:isolate;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%22240%22%20viewBox%3D%220%200%20900%20240%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22cloud%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.008%20.025%22%20numOctaves%3D%224%22%20seed%3D%2218%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%22.25%200%200%200%20.06%200%20.34%200%200%20.09%200%200%20.48%200%20.15%200%200%200%201%200%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22shade%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23405c72%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23111e35%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22900%22%20height%3D%22240%22%20fill%3D%22url(%23shade)%22%2F%3E%3Crect%20x%3D%22-100%22%20width%3D%221100%22%20height%3D%22240%22%20filter%3D%22url(%23cloud)%22%20opacity%3D%22.9%22%2F%3E%3C%2Fsvg%3E");background-size:900px 240px;background-position:0 35%;background-color:#31465d;animation:storm-cloud-drift 38s linear infinite;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 1px #99b7ca55)}
.auth-story .brand small::after{content:attr(data-storm-text);position:absolute;inset:0;pointer-events:none;font:inherit;letter-spacing:inherit;line-height:inherit;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%22240%22%20viewBox%3D%220%200%20900%20240%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22glow%22%20x%3D%22-100%25%22%20y%3D%22-100%25%22%20width%3D%22300%25%22%20height%3D%22300%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%225%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke-linejoin%3D%22miter%22%3E%3Cpath%20d%3D%22m175-20%2020%2049-17%2014%2042%2023-24%2025%2039%2033-24%2018%2048%2087m-39-163%2040-7%2026%2026%2035%205m-125%2039-38%2015-12%2035m467-195-29%2048%2020%2016-43%2031%2022%2022-38%2035%2016%2025-34%2087m34-131%2048%2016%2014%2030m-32-84-35%202-17%2026%22%20stroke%3D%22%23a9d8ff%22%20stroke-width%3D%2213%22%20filter%3D%22url(%23glow)%22%2F%3E%3Cpath%20d%3D%22m175-20%2020%2049-17%2014%2042%2023-24%2025%2039%2033-24%2018%2048%2087m408-270-29%2048%2020%2016-43%2031%2022%2022-38%2035%2016%2025-34%2087%22%20stroke%3D%22%23f4fbff%22%20stroke-width%3D%222.8%22%2F%3E%3Cpath%20d%3D%22m220%2066%2040-7%2026%2026%2035%205m-125%201-38%2015-12%2035m481-39%2048%2016%2014%2030m-32-84-35%202-17%2026%22%20stroke%3D%22%23d9eeff%22%20stroke-width%3D%221.4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:900px 240px;background-position:0 35%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;opacity:0;animation:storm-strike 9.7s linear infinite;filter:drop-shadow(0 0 5px #b7ddff)}
@keyframes storm-cloud-drift{0%{background-position:0 35%}100%{background-position:900px 35%}}
@keyframes storm-strike{0%,16%,17.7%,19.5%,58%,60.3%,62%,100%{opacity:0}16.25%{opacity:.95;background-position:0 35%}16.6%{opacity:.18}17%{opacity:1}18.1%{opacity:.7}18.6%{opacity:0}58.3%{opacity:1;background-position:230px 35%}58.7%{opacity:.12}59.2%{opacity:.85}59.8%{opacity:0}61%{opacity:.5}61.4%{opacity:0}}
@media(prefers-reduced-motion:reduce){.auth-story .brand small{animation:none}.auth-story .brand small::after{animation:none;opacity:.35}}

/* Denser, staggered lightning across the sky inside the letters. */
.auth-story .brand small::after{background-size:430px 170px;animation:storm-strike 4.7s linear infinite}
.auth-story .brand small::before{content:attr(data-storm-text);position:absolute;inset:0;pointer-events:none;font:inherit;letter-spacing:inherit;line-height:inherit;background-image:inherit;background-size:430px 170px;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;opacity:0;filter:brightness(2.1) drop-shadow(0 0 4px #b7ddff);animation:storm-extra-flash 6.3s linear infinite}
@keyframes storm-extra-flash{0%,23%,25%,27%,71%,73%,76%,100%{opacity:0}23.3%{opacity:.4}24%{opacity:.05}24.5%{opacity:.55}26%{opacity:.25}71.4%{opacity:.5}72%{opacity:.06}74%{opacity:.4}75%{opacity:0}}
@media(prefers-reduced-motion:reduce){.auth-story .brand small::before{animation:none;opacity:0}.auth-story .brand small::after{animation:none;opacity:.35}}

.auth-story .brand small::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%22240%22%20viewBox%3D%220%200%20900%20240%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22glow%22%20x%3D%22-100%25%22%20y%3D%22-100%25%22%20width%3D%22300%25%22%20height%3D%22300%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%225%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke-linejoin%3D%22miter%22%3E%3Cpath%20d%3D%22m175-20%2020%2049-17%2014%2042%2023-24%2025%2039%2033-24%2018%2048%2087m-39-163%2040-7%2026%2026%2035%205m-125%2039-38%2015-12%2035m467-195-29%2048%2020%2016-43%2031%2022%2022-38%2035%2016%2025-34%2087m34-131%2048%2016%2014%2030m-32-84-35%202-17%2026%22%20stroke%3D%22%23a9d8ff%22%20stroke-width%3D%2213%22%20filter%3D%22url(%23glow)%22%2F%3E%3Cpath%20d%3D%22m175-20%2020%2049-17%2014%2042%2023-24%2025%2039%2033-24%2018%2048%2087m408-270-29%2048%2020%2016-43%2031%2022%2022-38%2035%2016%2025-34%2087%22%20stroke%3D%22%23f4fbff%22%20stroke-width%3D%222.8%22%2F%3E%3Cpath%20d%3D%22m220%2066%2040-7%2026%2026%2035%205m-125%201-38%2015-12%2035m481-39%2048%2016%2014%2030m-32-84-35%202-17%2026%22%20stroke%3D%22%23d9eeff%22%20stroke-width%3D%221.4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:145px 35%}

.auth-story h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,3.5vw,62px);font-weight:400;line-height:1.16;letter-spacing:-1.6px;color:#edf3e9;max-width:520px;text-wrap:balance}


/* The fixed sidebar scrolls independently on short windows and at browser zoom. */
.sidebar{height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#b9c9be transparent}
.sidebar>*{flex-shrink:0}
.sidebar::-webkit-scrollbar{width:6px}
.sidebar::-webkit-scrollbar-thumb{background:#b9c9be;border-radius:6px}
.sidebar::-webkit-scrollbar-track{background:transparent}

/* Workspace identity: static compact card, no dropdown affordance. */
.workspace{position:relative;gap:11px;margin:0 5px 24px;padding:14px 12px;background:linear-gradient(120deg,#edf5ef,#f8faf7);border:1px solid #dce8df;border-radius:12px;box-shadow:0 2px 5px #173e2903;cursor:default;align-items:center}
.workspace-icon{width:33px;height:37px;display:grid;place-items:center;flex-shrink:0;border:1px solid #d6e5da;border-radius:9px;background:#fff;color:#397a5b}
.workspace-icon svg{width:18px;height:18px}
.workspace-text{min-width:0}
.workspace-text strong{display:block;color:#345644;font-size:11px;font-weight:600;line-height:1.4}
.workspace-text p{display:flex;align-items:center;gap:5px;font-size:10px;color:#84968a;margin-top:5px}
.workspace-status{display:inline-block;width:5px;height:5px;border-radius:50%;background:#74a286}
.workspace span:last-child{margin-left:0}
@media(max-width:760px){.workspace{display:none}}

button.workspace{width:calc(100% - 10px);justify-content:flex-start;text-align:left;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}
button.workspace:hover{background:#e5f0e8;border-color:#b7d3c0;box-shadow:0 3px 10px #173e2909}
button.workspace:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.admin-identity{display:flex;gap:15px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:8px}
.admin-avatar{width:58px;height:58px;border-radius:16px;background:var(--mint);color:var(--green);display:grid;place-items:center;border:1px solid #dce8df}
.admin-avatar svg{width:30px;height:30px}.admin-identity h3{font-size:21px;margin-bottom:6px}
@media(max-width:760px){button.workspace{display:none}}

/* Keep all background scroll areas still while a modal is open. */
html.modal-open{overflow:hidden;overscroll-behavior:none}
html.modal-open .sidebar{overflow-y:hidden;pointer-events:none}
dialog{overscroll-behavior:contain;scrollbar-width:thin}
dialog .modal-body{overscroll-behavior:contain}

.profile-tabs{display:flex;gap:5px;background:#f3f6f2;border-radius:8px;padding:5px;margin:20px 0 24px}
.profile-tabs button{flex:1;border:0;background:transparent;font-size:12px;padding:9px 6px;color:#7b887d}.profile-tabs button.active{background:white;color:var(--green);box-shadow:0 2px 6px #163a2310}
.admin-profile-body textarea{min-height:90px}.profile-info-row{padding:16px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.profile-info-row strong{font-size:13px;font-weight:600}.profile-info-row p{font-size:12px;color:var(--muted);margin-top:5px}.profile-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.profile-metrics>div{border:1px solid var(--line);border-radius:8px;padding:12px}.profile-metrics span{display:block;color:var(--muted);font-size:10px}.profile-metrics strong{display:block;margin-top:6px;font-size:20px}.admin-avatar.accent-blue{background:#edf4fc;color:#4478b4;border-color:#dae6f3}.admin-avatar.accent-amber{background:#faf4e7;color:#ac8236;border-color:#eee3cc}.profile-divider{border:0;border-top:1px solid var(--line);margin:22px 0}[data-profile-pane][hidden]{display:none}@media(max-width:500px){.profile-tabs button{font-size:10px}.profile-metrics{grid-template-columns:1fr 1fr}}

.avatar-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:9px}.avatar-option{padding:3px;aspect-ratio:1;border-radius:13px;border:2px solid transparent;background:transparent;transition:transform .15s,border-color .15s}.avatar-option:hover{transform:translateY(-2px);background:#edf4ed}.avatar-option.selected{border-color:var(--green);background:#e6f2e9}.avatar-option svg{width:100%;height:100%;border-radius:9px}.avatar-image{overflow:hidden;padding:0!important;background:transparent!important}.avatar-image svg{width:100%!important;height:100%!important;display:block;flex-shrink:0}.workspace-icon.avatar-image{width:35px;height:35px;border:0;border-radius:9px}.admin-avatar.avatar-image{border:0}.profile .avatar.avatar-image{border-radius:9px}.avatar-option:focus-visible{outline:2px solid var(--green);outline-offset:2px}@media(max-width:500px){.avatar-picker{grid-template-columns:repeat(4,1fr)}}

.sidebar .nav button{padding-top:9px;padding-bottom:9px}.sidebar .nav-label{padding-top:8px}.sidebar-bottom{padding-top:14px}