:root{--navy:#20324a;--navy2:#31465f;--gold:#c49a55;--gold2:#e2c98f;--cream:#f7f3eb;--paper:#fffdf9;--line:#e5dccb;--green:#4f7d63;--sage:#e8f0e9;--red:#b35a52;--muted:#70777a;--ink:#2c353d}
 *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f8f4ec 0%,#f3eee4 100%);color:var(--ink);font-family:Tahoma,Arial,sans-serif;font-size:14px;-webkit-text-size-adjust:100%;overscroll-behavior-y:contain}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}.hidden{display:none!important}
 .top{position:sticky;top:0;z-index:50;background:linear-gradient(135deg,var(--navy),#2b405a);color:#fff;padding:11px 12px 10px;box-shadow:0 4px 18px #18253626}.topin{max-width:1180px;margin:auto;display:flex;align-items:center;gap:10px}.brand{font:20px Georgia;color:#fff;letter-spacing:.1px}.sub{font-size:10px;color:#ead9b1;margin-top:3px}.userchip{margin-right:auto;background:#ffffff14;border:1px solid #ffffff24;border-radius:20px;padding:7px 10px;font-size:10px}
 nav{max-width:1180px;margin:9px auto 0;display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding:0 0 3px;scrollbar-width:none;-webkit-overflow-scrolling:touch}nav::-webkit-scrollbar{display:none}nav button{flex:0 0 auto;min-height:42px;white-space:nowrap;border:1px solid #ffffff1b;background:#ffffff0b;color:#f8fafc;border-radius:11px;padding:8px 11px;font-size:12px;transition:.18s ease}nav button:active{transform:scale(.98)}nav button.active{background:linear-gradient(135deg,var(--gold),#d1aa66);border-color:#e3c17e;box-shadow:0 4px 12px #c49a5538;color:#fff}
 main{max-width:1180px;margin:auto;padding:12px}.page{display:none}.page.active{display:block}h2{color:var(--navy);margin:5px 0 12px;font-size:20px}h3{color:var(--navy)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.stat,.card{background:rgba(255,253,249,.94);border:1px solid var(--line);border-radius:13px;padding:12px;box-shadow:0 4px 14px #493b2510}.stat{transition:transform .16s ease,box-shadow .16s ease}.stat:active{transform:scale(.99)}.stat span{font-size:10px;color:var(--muted)}.stat b{display:block;font-size:21px;color:var(--navy);margin-top:4px}.card{margin:10px 0}.welcome{background:linear-gradient(135deg,#fffdf8,#f5ead4);border:1px solid #e3cfaa;position:relative;overflow:hidden;padding:16px}.welcome:after{content:'✦';position:absolute;left:16px;top:10px;font-size:42px;color:#c49a5520}.welcome h2{margin:0 0 6px;font-size:21px}.welcome p{margin:0;color:#5f6869;font-size:12px;line-height:2}.welcome b{color:var(--navy)}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.field label{font-size:11px;display:block;margin:3px 0 5px;color:#5d625f}.field input,.field select,.field textarea,input,select,textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:#c49a55;box-shadow:0 0 0 3px #c49a551a}.field textarea{min-height:86px;resize:vertical}.full{grid-column:1/-1}.btn{border:0;border-radius:11px;min-height:43px;padding:9px 13px;background:var(--navy);color:#fff;box-shadow:0 2px 7px #18253618;transition:.16s ease}.btn:active{transform:translateY(1px)}.btn.gold{background:linear-gradient(135deg,var(--gold),#d2aa68);box-shadow:0 4px 12px #c49a5530}.btn.light{background:#f0eadf;color:#33404a;border:1px solid #e2d8c6;box-shadow:none}.btn.green{background:var(--green)}.btn.red{background:var(--red)}.actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.item{background:#fff;border:1px solid var(--line);border-radius:11px;padding:11px}.item h3{margin:0 0 6px;font-size:14px}.meta{font-size:11px;line-height:1.9;color:#666}.tag{display:inline-block;padding:4px 8px;border-radius:15px;background:#f0eadf;font-size:10px;margin:2px}.searchbar{display:grid;grid-template-columns:2fr 1fr 1fr;gap:7px}.notice{background:#fbf3e4;border-right:4px solid var(--gold);padding:10px;border-radius:9px;font-size:11px;line-height:1.8}.tablewrap{overflow:auto;-webkit-overflow-scrolling:touch}.tbl{width:100%;border-collapse:collapse;background:#fff;font-size:11px}.tbl th,.tbl td{padding:9px;border-bottom:1px solid #eee;text-align:right;white-space:nowrap}.tbl th{background:#f1eadf;color:var(--navy)}.modal{position:fixed;inset:0;background:#18253699;z-index:100;display:none;align-items:flex-end;justify-content:center;padding:0}.modal>div{background:var(--paper);width:min(760px,100%);max-height:92vh;overflow:auto;border-radius:18px 18px 0 0;padding:15px;box-shadow:0 -8px 30px #18253628}.modal.show{display:flex}.login{min-height:100vh;display:grid;place-items:center;padding:15px;background:radial-gradient(circle at 15% 15%,#c49a5520,transparent 32%),linear-gradient(145deg,#1c2c41,#2d425c)}.loginbox{width:min(430px,100%);background:rgba(255,253,249,.98);padding:22px;border-radius:18px;border:1px solid #ffffff50;box-shadow:0 18px 45px #101b2b55}.loginbox h1{font-family:Georgia;color:var(--navy);margin-top:0}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick button{min-height:62px;font-weight:600}.quick button:nth-child(2){background:var(--navy2)}.quick button:nth-child(3){background:var(--green)}.quick button:nth-child(4){background:#7c6746}.sysgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sys{background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px}.sys b{display:block;color:var(--navy);margin-bottom:5px}.sys small{color:#777;line-height:1.8}.sys a{display:inline-block;margin-top:8px;text-decoration:none}.fav{float:left}.danger{color:var(--red)}
 @media(max-width:800px){main{padding:10px}.grid{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:1fr 1fr}.list{grid-template-columns:1fr}.sysgrid{grid-template-columns:1fr 1fr}.quick{grid-template-columns:repeat(2,1fr)}}
 @media(max-width:520px){.top{padding:9px 10px}.brand{font-size:17px}.userchip{display:none}.formgrid,.searchbar{grid-template-columns:1fr}.sysgrid{grid-template-columns:1fr}.grid{gap:6px}.stat{padding:9px}.stat b{font-size:18px}.quick button{min-height:56px}.btn{min-height:44px;padding:9px 11px}.modal{padding:0}.modal>div{max-height:90vh}.item .actions .btn{flex:1 1 auto}.field input,.field select,.field textarea,input,select,textarea{font-size:16px}}

/* Mobile clarity navigation */
@media(max-width:700px){
  body{padding-bottom:68px}
  #mobileNav{position:fixed;left:0;right:0;bottom:0;z-index:90;background:rgba(255,253,249,.97);border-top:1px solid var(--line);box-shadow:0 -5px 20px #18253618;padding:6px 6px calc(6px + env(safe-area-inset-bottom));backdrop-filter:blur(10px)}
  .mobile-nav-inner{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;max-width:680px;margin:auto}
  #mobileNav button{border:0;background:transparent;color:#687075;min-height:50px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:16px}
  #mobileNav button small{font-size:9px}#mobileNav button.active{background:#f2eadc;color:var(--navy);font-weight:700}
  .mobile-more{position:fixed;inset:0;z-index:120}.mobile-more.hidden{display:none}.mobile-more-backdrop{position:absolute;inset:0;background:#18253699}
  .mobile-more-sheet{position:absolute;left:0;right:0;bottom:0;background:var(--paper);border-radius:18px 18px 0 0;padding:14px;max-height:82vh;overflow:auto;box-shadow:0 -10px 35px #18253635}
  .mobile-more-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.mobile-more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mobile-more-grid .btn{min-height:50px;text-align:right}
  body.mobile-nav-open{overflow:hidden}
}
@media(min-width:701px){#mobileNav,.mobile-more{display:none!important}}

/* Accessibility & mobile UX hardening */
:focus-visible{outline:3px solid #c49a55;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}.btn,nav button,#mobileNav button{min-width:44px}input::placeholder,textarea::placeholder{color:#7a8084;opacity:1}.tablewrap{scrollbar-width:thin}.tbl th{position:sticky;top:0;z-index:1}.modal>div{padding-bottom:calc(15px + env(safe-area-inset-bottom))}.mobile-more-sheet{padding-bottom:calc(14px + env(safe-area-inset-bottom))}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:520px){.searchbar .btn,.actions .btn{width:100%}.tbl{min-width:720px}.notice{font-size:12px}.card{padding:11px}}