/* KUZHAGAN premium portal styling: preserve original app logic and branding assets */
:root{--navy:#0b2345;--blue:#125dcb;--gold:#efbd68;--ink:#173153;--border:#e0e8f3}body{background:#f3f7fd;color:var(--ink);font-family:Inter,system-ui,Arial,sans-serif}header{background:linear-gradient(110deg,#081d3c,#164374);border-bottom:3px solid #e7b55f;box-shadow:0 10px 30px #10294a1e}header h1{letter-spacing:-.6px}header small{color:#d8e6f9}main{max-width:1440px;margin:24px auto}#app{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start}#nav{display:flex;flex-direction:column;gap:6px;position:sticky;top:18px;overflow:visible;margin:0;background:linear-gradient(160deg,#0a2244,#123b70);padding:14px;border-radius:17px;box-shadow:0 12px 30px #10284b23}#nav button{width:100%;text-align:left;background:transparent;color:#dceaff;border-radius:10px;padding:11px 13px;font-size:13px;white-space:normal}#nav button.active{background:#1765d0;color:white;box-shadow:0 4px 12px #001b3a33}#nav button:hover{background:#ffffff20}#app>.view{min-width:0}#app>.view.active{display:block}#app h2{font-size:25px;color:#10325e;letter-spacing:-.6px}.panel,.card{border:1px solid #dfe8f3;border-radius:16px;box-shadow:0 8px 25px #102a4b0c}.card{background:linear-gradient(140deg,#fff,#f8fbff)}.card strong{color:#1256ae}button.primary,.primary{background:#1765cb;color:white}button.secondary,.secondary{background:#e8f1fd;color:#174e89}button{transition:filter .2s}button:hover{filter:brightness(.96)}input,select,textarea{border-radius:10px;border-color:#c9d8e9}th{background:#edf4fd;color:#24486c}tbody tr:hover{background:#f5f9ff}.notice{border-radius:12px}.tablewrap{max-width:100%;overflow:auto}@media(max-width:950px){#app{grid-template-columns:1fr}#nav{position:static;flex-direction:row;overflow-x:auto;flex-wrap:nowrap;padding:10px}#nav button{width:auto;min-width:max-content;white-space:nowrap}}@media print{#nav{display:none!important}#app{display:block}}