*{box-sizing:border-box}body{margin:0;background:#0b1220;color:#e8edf6;font:15px/1.5 Inter,Arial,sans-serif}.zdo-shell{display:flex;min-height:100vh;background:radial-gradient(circle at 80% 0,#1b2940 0,#0b1220 45%)}.zdo-side{width:245px;background:#0c1525;border-right:1px solid #26344b;padding:28px 18px;display:flex;flex-direction:column;flex-shrink:0}.zdo-brand{display:flex;gap:12px;align-items:center;margin-bottom:48px}.zdo-brand span{background:linear-gradient(135deg,#f5d78a,#b88937);color:#152033;font-weight:900;padding:12px;border-radius:12px}.zdo-brand b{display:block;letter-spacing:2px}.zdo-brand small,.zdo-side nav a,.zdo-user{color:#9ba9bd;font-size:12px}.zdo-side nav{display:grid;gap:10px}.zdo-side nav a{padding:13px;color:#d4deed;text-decoration:none;border-radius:9px;background:#121f32}.zdo-side nav a:hover{background:#26354c;color:#f4d48a}.zdo-user{margin-top:auto;padding:20px 5px}.zdo-user a{color:#f0ce7e}.zdo-main{padding:34px;max-width:1500px;width:100%;margin:auto}.zdo-main header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.zdo-main header small,.zdo-heading small{color:#c6a45e;letter-spacing:2px;font-size:10px}.zdo-main h1{font-size:30px;margin:5px 0}.zdo-main header p,.zdo-note{color:#9ba9bd}.zdo-date{color:#c8d2e2}.zdo-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.zdo-cards article,.zdo-panel{background:linear-gradient(145deg,#17253a,#111c2e);border:1px solid #293a52;border-radius:15px;padding:21px;box-shadow:0 10px 30px #0002}.zdo-cards small{display:block;color:#a8b6c9;font-size:11px;letter-spacing:1px}.zdo-cards strong{display:block;font-size:25px;margin:12px 0;color:#f4d58b}.zdo-cards em{font-size:12px;color:#9eacbf;font-style:normal}.zdo-panel{margin:20px 0}.zdo-heading h2{margin:4px 0 18px;font-size:20px}.zdo-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:end}.zdo-form label{display:grid;gap:6px;color:#aebbd0;font-size:12px}.zdo-form input,.zdo-form select{width:100%;padding:12px;border:1px solid #34445c;border-radius:8px;background:#0c1728;color:#f3f5f8;min-height:42px}.zdo-form button{border:0;border-radius:8px;background:linear-gradient(120deg,#f0d58f,#bd9144);color:#172033;padding:13px 18px;font-weight:800;cursor:pointer;min-height:42px}.zdo-tablewrap{overflow:auto;margin-top:20px}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:12px;border-bottom:1px solid #293950;font-size:13px}th{color:#d9bd7b;background:#101b2c}td{color:#d0d9e7}.zdo-note{font-size:12px}.zdo-alert{padding:12px;background:#183b32;border:1px solid #2e775c;border-radius:8px;margin:10px 0}footer{text-align:center;color:#687991;font-size:11px;padding:25px}@media(max-width:900px){.zdo-shell{display:block}.zdo-side{width:auto;padding:15px}.zdo-brand{margin-bottom:15px}.zdo-side nav{display:flex;overflow:auto}.zdo-side nav a{white-space:nowrap}.zdo-user{margin-top:10px}.zdo-main{padding:18px}.zdo-cards{grid-template-columns:repeat(2,1fr)}.zdo-form{grid-template-columns:repeat(2,minmax(0,1fr))}.zdo-main header{display:block}}@media(max-width:520px){.zdo-cards{grid-template-columns:1fr 1fr}.zdo-cards strong{font-size:18px}.zdo-form{grid-template-columns:1fr}.zdo-main h1{font-size:24px}}

/* Zi Drink OS 1.1 responsive + automatic color scheme */
.zdo-shell{width:100%;max-width:none;min-height:100vh}
.zdo-main{max-width:none;min-width:0;flex:1}
.zdo-head-actions{display:flex;align-items:center;gap:12px}
.zdo-theme-toggle{border:1px solid #52627a;border-radius:9px;padding:10px 14px;background:#17253a;color:#f2d58e;font-weight:700}
@media(max-width:900px){
 .zdo-shell{width:100vw;margin-left:calc(50% - 50vw);display:block}
 .zdo-side{width:100%;padding:16px}
 .zdo-side nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .zdo-side nav a{white-space:normal;text-align:center;padding:10px 6px}
 .zdo-user{margin-top:10px}
 .zdo-main{width:100%;padding:18px}
 .zdo-main header{display:flex;flex-wrap:wrap;gap:12px}
 .zdo-head-actions{flex-wrap:wrap}
}
@media(max-width:520px){
 .zdo-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .zdo-cards article{padding:14px;min-width:0}
 .zdo-cards strong{font-size:18px;overflow-wrap:anywhere}
 .zdo-form{grid-template-columns:1fr}
 .zdo-main h1{font-size:24px}
}
@media(prefers-color-scheme:light){
 body:not([data-zdo-theme="dark"]) {background:#f3f5f9;color:#172033}
 body:not([data-zdo-theme="dark"]) .zdo-shell{background:#f3f5f9}
 body:not([data-zdo-theme="dark"]) .zdo-side{background:#fff;border-color:#e0e5ed}
 body:not([data-zdo-theme="dark"]) .zdo-brand b,body:not([data-zdo-theme="dark"]) .zdo-main h1,body:not([data-zdo-theme="dark"]) .zdo-heading h2{color:#172033}
 body:not([data-zdo-theme="dark"]) .zdo-side nav a{background:#f0f3f8;color:#27364c}
 body:not([data-zdo-theme="dark"]) .zdo-user,body:not([data-zdo-theme="dark"]) .zdo-main header p,body:not([data-zdo-theme="dark"]) .zdo-date{color:#66758a}
 body:not([data-zdo-theme="dark"]) .zdo-cards article,body:not([data-zdo-theme="dark"]) .zdo-panel{background:#fff;border-color:#e0e5ed;box-shadow:0 8px 24px #20304a0b}
 body:not([data-zdo-theme="dark"]) .zdo-cards small,body:not([data-zdo-theme="dark"]) .zdo-cards em,body:not([data-zdo-theme="dark"]) td,body:not([data-zdo-theme="dark"]) .zdo-form label{color:#526176}
 body:not([data-zdo-theme="dark"]) th{background:#f1f4f8;color:#916c26}
 body:not([data-zdo-theme="dark"]) td,body:not([data-zdo-theme="dark"]) th{border-color:#e3e8ef}
 body:not([data-zdo-theme="dark"]) .zdo-form input,body:not([data-zdo-theme="dark"]) .zdo-form select{background:#fff;color:#172033;border-color:#d5dce7}
 body:not([data-zdo-theme="dark"]) .zdo-theme-toggle{background:#f0f3f8;color:#28364b;border-color:#d5dce7}
}
body[data-zdo-theme="light"]{background:#f3f5f9;color:#172033}
body[data-zdo-theme="light"] .zdo-shell{background:#f3f5f9}
body[data-zdo-theme="light"] .zdo-side{background:#fff;border-color:#e0e5ed}
body[data-zdo-theme="light"] .zdo-brand b,body[data-zdo-theme="light"] .zdo-main h1,body[data-zdo-theme="light"] .zdo-heading h2{color:#172033}
body[data-zdo-theme="light"] .zdo-side nav a{background:#f0f3f8;color:#27364c}
body[data-zdo-theme="light"] .zdo-user,body[data-zdo-theme="light"] .zdo-main header p,body[data-zdo-theme="light"] .zdo-date{color:#66758a}
body[data-zdo-theme="light"] .zdo-cards article,body[data-zdo-theme="light"] .zdo-panel{background:#fff;border-color:#e0e5ed;box-shadow:0 8px 24px #20304a0b}
body[data-zdo-theme="light"] .zdo-cards small,body[data-zdo-theme="light"] .zdo-cards em,body[data-zdo-theme="light"] td,body[data-zdo-theme="light"] .zdo-form label{color:#526176}
body[data-zdo-theme="light"] th{background:#f1f4f8;color:#916c26}
body[data-zdo-theme="light"] td,body[data-zdo-theme="light"] th{border-color:#e3e8ef}
body[data-zdo-theme="light"] .zdo-form input,body[data-zdo-theme="light"] .zdo-form select{background:#fff;color:#172033;border-color:#d5dce7}
body[data-zdo-theme="light"] .zdo-theme-toggle{background:#f0f3f8;color:#28364b;border-color:#d5dce7}

.zdo-side nav a.active{background:linear-gradient(120deg,#f0d58f,#bd9144)!important;color:#172033!important;font-weight:800}.zdo-main footer{margin-top:25px}