:root{color-scheme:dark;--bg:#0d0e13;--panel:#171820;--panel2:#1e1d29;--line:#343440;--text:#f4f2f7;--muted:#aaa7b2;--accent:#b996da;--accent2:#d7c2ea;--danger:#ff8585;--ok:#77dfa5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}.hidden{display:none!important}.svg-defs{position:absolute}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:28px;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 20%,#24202c 0,#111219 42%,#0a0b0f 100%)}
.watermark{position:absolute;inset:0;display:grid;place-items:center;opacity:.055;pointer-events:none}.watermark .znj-logo{height:min(88vh,820px);width:auto}
.login-card{position:relative;width:min(440px,100%);padding:36px;border:1px solid #3d3947;background:rgba(20,20,27,.92);border-radius:26px;box-shadow:0 30px 100px #0009;backdrop-filter:blur(12px)}
.login-logo{display:flex;align-items:center;gap:14px;margin-bottom:22px}.login-logo .znj-logo{width:35px;height:86px;object-fit:contain}.login-logo span{font-size:2rem;font-weight:800;letter-spacing:.22em}
.eyebrow{margin:0 0 8px;color:var(--accent2);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.login-card h1{font-size:2.15rem;margin:.2em 0}.muted{color:var(--muted)}
.stack{display:grid;gap:16px;margin-top:25px}.stack.compact{max-width:520px}label{display:grid;gap:7px;font-weight:650}input,textarea{border:1px solid #45424f;background:#101117;color:#fff;border-radius:13px;padding:13px 14px;outline:none}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b996da22}
button{border:0;cursor:pointer}.primary,.secondary,.ghost{border-radius:12px;padding:12px 17px;font-weight:750}.primary{background:var(--accent);color:#18131d}.secondary{background:#292632;color:#eee}.ghost{background:transparent;color:#d6d1dd;border:1px solid #393641}.wide{width:100%}.message{min-height:1.25em;margin:0}.error{color:var(--danger)}.success{color:var(--ok)}.login-footer{text-align:center;color:#6f6c77;font-size:.68rem;letter-spacing:.16em;margin:26px 0 0}
.app{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:28px 20px 22px;border-right:1px solid var(--line);background:#111218;display:flex;flex-direction:column;justify-content:space-between}
.brand{display:flex;align-items:center;gap:13px;padding:0 9px 28px}.brand .znj-logo{width:25px;height:62px;object-fit:contain}.brand strong{font-size:1.35rem;letter-spacing:.16em}.brand span{display:block;color:var(--muted);font-size:.82rem;margin-top:3px}
.nav{display:grid;gap:7px}.nav-button{display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:12px 14px;border-radius:12px;color:#c7c3cd;background:transparent;font-weight:650}.nav-button:hover,.nav-button.active{background:#292431;color:#fff}.nav-button span{width:20px;color:var(--accent2);font-size:1.25rem}.sidebar-bottom{display:grid;gap:9px}.sidebar-bottom small{text-align:center;color:#686570;margin-top:5px}
.main{min-width:0}.topbar{height:112px;padding:24px clamp(24px,4vw,58px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#101116cc;backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.topbar h2{margin:0;font-size:1.8rem}.private-pill{border:1px solid #3d3945;border-radius:999px;padding:8px 13px;color:#c9c5cf;font-size:.86rem}.private-pill i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#73d99c;margin-right:7px}
.content{max-width:1180px;margin:auto;padding:42px clamp(20px,4vw,58px) 100px}.section{display:none}.section.active{display:block}.hero{position:relative;overflow:hidden;min-height:270px;padding:45px;border:1px solid #3c3748;border-radius:26px;background:linear-gradient(135deg,#25202f,#171820);display:flex;justify-content:space-between;align-items:center}.hero h3{font-size:clamp(2.3rem,5vw,4.3rem);margin:.18em 0}.hero p:last-child{color:#d0cbd5;max-width:670px}.hero-mark{opacity:.14;height:220px}.hero-mark .znj-logo{height:100%;width:auto;object-fit:contain}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px;margin-top:22px}.tile{min-height:145px;text-align:left;padding:23px;border:1px solid #343440;border-radius:19px;background:#171820;color:#fff;transition:.18s}.tile:hover{transform:translateY(-3px);border-color:#6d5b7e;background:#1d1b25}.tile b{display:block;font-size:1.12rem;margin-bottom:15px}.tile span{color:var(--muted);line-height:1.45}
.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-head h3,.empty-card h3,.profile-card h3{font-size:2.2rem;margin:.15em 0}.chat-messages{height:min(58vh,620px);overflow:auto;padding:20px;border:1px solid #343440;border-radius:22px;background:#12131a;display:flex;flex-direction:column;gap:12px}.bubble{max-width:min(76%,650px);padding:13px 16px;border-radius:17px;background:#252631;align-self:flex-start;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.own{align-self:flex-end;background:#6c5383}.bubble-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:6px;font-size:.73rem;color:#d5d0db}.bubble.own .bubble-head{color:#f3eafa}.composer{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:14px}.composer textarea{min-height:62px;max-height:180px;resize:vertical}.composer button{align-self:stretch;min-width:105px}
.empty-card,.profile-card{padding:38px;border:1px solid #343440;border-radius:23px;background:#171820}.empty-card{text-align:center;min-height:360px;display:grid;place-content:center}.empty-card>span{font-size:3.5rem;color:var(--accent2)}.empty-card p{color:var(--muted);max-width:530px}.profile-card hr{border:0;border-top:1px solid #383641;margin:28px 0}.mobile-nav{display:none}
@media(max-width:760px){.app{display:block}.sidebar{display:none}.topbar{height:88px;padding:16px 20px}.private-pill{display:none}.content{padding:24px 15px 100px}.hero{padding:28px 23px;min-height:230px}.hero-mark{display:none}.hero h3{font-size:2.5rem}.tiles{grid-template-columns:1fr 1fr}.tile{min-height:130px;padding:18px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;left:0;right:0;z-index:10;background:#111218ee;border-top:1px solid #393641;padding:8px max(5px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));backdrop-filter:blur(14px)}.mobile-nav button{background:transparent;color:#94909d;padding:8px 2px;font-size:.72rem}.mobile-nav button.active{color:#fff}.composer{grid-template-columns:1fr}.chat-messages{height:54vh}.bubble{max-width:88%}}


.composer-meta{display:flex;justify-content:space-between;gap:18px;margin:9px 3px 0;color:#77737f;font-size:.76rem;line-height:2.00}
.composer-meta p{margin:0}.permanent-note{  display:inline-block;
    background:#3d0000;
    border:2px solid #ff3b3b;
    color:#ff5555;
    padding:10px 16px;
    border-radius:10px;
    font-size:1.1rem;
    font-weight:900;
    text-transform:uppercase;
    box-shadow:0 0 12px rgba(255,0,0,.35);}
.date-separator{display:flex;align-items:center;gap:13px;margin:10px 0 2px;color:#8f8a96;font-size:.76rem;font-weight:750;letter-spacing:.04em}
.date-separator::before,.date-separator::after{content:"";height:1px;background:#30313b;flex:1}
.date-separator span{padding:5px 10px;border:1px solid #34343e;border-radius:999px;background:#15161d}
@media(max-width:760px){.composer-meta{display:block}.composer-meta p+ p{margin-top:4px}.permanent-note{text-align:left}}

.znj-logo{display:block;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,255,255,.10))}