:root{color-scheme:dark;--gold:#eec267;--gold2:#b78331;--bg:#090909;--panel:#151515;--line:#383026;--text:#f8f2e5;--muted:#aba49a;font-family:Tahoma,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(circle at 6% 2%,#261708,#090909 42%);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--gold)}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:11px;color:var(--gold);letter-spacing:3px;font-weight:700}.btn{border:1px solid var(--line);background:#242220;color:var(--text);padding:12px 16px;border-radius:12px;display:inline-flex;gap:10px;align-items:center;justify-content:center;font-weight:bold;text-decoration:none}.btn.gold{background:linear-gradient(100deg,#c49342,#f4d27c);color:#211505;border:none}.btn.ghost{background:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.smallbtn{font-size:12px;padding:9px 12px}input,textarea,select{width:100%;min-width:0;border:1px solid #52412a;border-radius:11px;background:#0d0d0d;color:white;padding:12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--gold)}label{display:grid;gap:7px;font-size:13px;color:#d8cbbb}form{display:grid;gap:14px}.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 10%,#442b0d,#050505 55%)}.auth-card{width:min(100%,410px);border:1px solid #6a4a1d;border-radius:24px;padding:32px;background:linear-gradient(150deg,#21190d,#101010 55%);box-shadow:0 30px 100px #000}.auth-logo{width:72px;height:72px;object-fit:contain;margin-bottom:15px}.auth-card h1{font-size:29px;line-height:1.5}.auth-card .btn{width:100%}.auth-card p:last-child{margin-top:18px;line-height:1.8}.topbar{position:sticky;top:0;z-index:5;height:74px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;border-bottom:1px solid #493820;background:#0c0b0af2;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:45px;height:45px;object-fit:contain}.brand b{color:var(--gold);letter-spacing:1px;font-size:18px}.brand small{display:block;color:#8e846f;letter-spacing:2px;font-size:9px;margin-top:3px}.top-actions{display:flex;align-items:center;gap:12px}.pill{font-size:11px;color:var(--gold);border:1px solid #5e4724;border-radius:40px;padding:8px 12px}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 74px)}.sidebar{padding:26px 12px;border-left:1px solid #352b21;background:#0e0d0c;position:relative}.sidebar button,.bottom-nav button{width:100%;border:0;background:transparent;color:#b5aba0;text-align:right;border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:10px}.sidebar button.active,.bottom-nav button.active{background:#3b2b15;color:#f8c76c}.side-mark{position:fixed;bottom:20px;right:75px;opacity:.06;color:var(--gold);font-size:100px;font-weight:900;pointer-events:none}.content{padding:32px 4vw 90px;max-width:1200px;width:100%;margin:auto;position:relative;isolation:isolate}.content:before{content:'JAN';font:900 190px Tahoma;position:fixed;left:17vw;top:38%;color:#d5a655;opacity:.022;z-index:-1;pointer-events:none}.hero{padding:28px;border-radius:22px;border:1px solid #574020;background:linear-gradient(110deg,#32200e,#161411 58%,#111);margin-bottom:20px}.hero h1{font-size:clamp(23px,4vw,34px);margin:10px 0}.hero p{color:#c7bfb0;line-height:1.8;margin:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 16px}.section-title h2{font-size:20px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);background:#161515ee;border-radius:18px;padding:20px;min-width:0}.stat{font-size:29px;font-weight:800;color:var(--gold);margin:12px 0}.card h3{font-size:16px}.card p{line-height:1.7}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spread{justify-content:space-between}.card .muted{font-size:13px}.stack{display:grid;gap:12px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{background:#242120;color:#d1c6b4;border:1px solid #55422a;border-radius:50px;padding:9px 14px}.tabs button.active{background:#b58b45;color:#160f07}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%;text-align:right;font-size:13px}.table td,.table th{padding:11px;border-bottom:1px solid #3d3228;white-space:nowrap}.table th{color:var(--gold)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .wide{grid-column:1/-1}.empty{padding:30px;text-align:center;border:1px dashed #69502a;border-radius:16px;color:#c8bba6}.notice{padding:14px;border:1px solid #8a6325;background:#251b0e;color:#f9d18b;border-radius:12px;font-size:13px;line-height:1.8}.pdf-view{width:100%;min-height:70vh;border:1px solid var(--line);border-radius:12px;background:#fff}.bottom-nav{display:none}#toast{position:fixed;bottom:24px;left:24px;z-index:40;background:#30230f;color:#ffe2a4;border:1px solid #9c7033;border-radius:14px;padding:14px 18px;max-width:min(92vw,480px);display:none;line-height:1.5;box-shadow:0 8px 60px #0008}.link-btn{border:0;background:none;color:var(--gold);cursor:pointer;text-decoration:underline}.loading{opacity:.65;pointer-events:none}@media(max-width:850px){.shell{display:block}.sidebar{display:none}.topbar{padding:0 15px;height:66px}.content{padding:20px 14px 115px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#0c0b0af6;border-top:1px solid #715328;z-index:9;padding:6px 4px max(6px,env(safe-area-inset-bottom));gap:2px;backdrop-filter:blur(18px)}.bottom-nav button{flex:1;text-align:center;display:grid;justify-items:center;font-size:10px;padding:10px 2px;gap:5px}.bottom-nav span{font-size:17px}.pill{display:none}.hero{padding:22px}.form-grid{grid-template-columns:1fr}.grid.two{grid-template-columns:1fr}.card{padding:15px}}@media(max-width:420px){.grid{grid-template-columns:1fr}.brand b{font-size:15px}.brand small{font-size:8px}}


/* DR JAN approved brand identity: fixed portrait + central watermark. */
body{background:#090909}
.app-atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(circle at 7% 12%,#2d190b 0%,#0a0909 57%,#080808 100%)}
.atmos-portrait{position:absolute;left:-4%;bottom:-6%;height:min(88vh,960px);width:auto;object-fit:contain;opacity:.14;filter:saturate(.8);mask-image:linear-gradient(to right,black 65%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 65%,transparent 100%)}
.atmos-logo{position:absolute;top:46%;left:51%;width:min(64vw,690px);height:auto;transform:translate(-50%,-50%);opacity:.065;filter:drop-shadow(0 0 24px #986319)}
#auth,#app,#toast{position:relative;z-index:1}
#app .topbar{z-index:10}
.content:before,.side-mark{display:none!important}
.sidebar{background:#0e0d0cdb}
.hero{background:linear-gradient(105deg,rgba(43,25,9,.94),rgba(19,17,15,.93) 64%,rgba(15,15,15,.9));backdrop-filter:blur(3px)}
.card{background:#161515ed}
.auth-screen{background:transparent}
.auth-card{background:linear-gradient(135deg,#21190de9,#101010ed 64%)}
@media(max-width:850px){.atmos-portrait{height:76vh;bottom:0;left:-24vw;opacity:.17}.atmos-logo{width:88vw;top:43%;left:50%;opacity:.07}}
@media(max-width:480px){.atmos-portrait{height:66vh;left:-45vw;bottom:10vh;opacity:.15}.atmos-logo{width:96vw;opacity:.08}}