:root{color-scheme:light;--bg: #f4f6f8;--surface: #ffffff;--text: #1a2733;--muted: #5b6b78;--border: #d7dee4;--primary: #1c3f60;--primary-dark: #142c44;--accent: #2f7d5e;--danger: #b3261e;--warn: #9a6b00;--tap: 44px;--bottom-nav: calc(3.25rem + env(safe-area-inset-bottom)) ;--gutter-left: max(1rem, env(safe-area-inset-left));--gutter-right: max(1rem, env(safe-area-inset-right));font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media(min-width:720px){:root{--bottom-nav: 0px}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body{overflow-x:hidden}h1,h2,h3,p,li,dd,dt,td,th,strong,span,a{overflow-wrap:anywhere}h1{font-size:1.35rem;line-height:1.25}@media(min-width:640px){h1{font-size:1.75rem}}a{color:var(--primary)}button,input,select,textarea{font:inherit;font-size:max(1rem,16px);max-width:100%}button{cursor:pointer}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input[type=checkbox],input[type=radio]{width:1.25rem;height:1.25rem;accent-color:var(--primary);flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;min-height:var(--tap);text-decoration:none;touch-action:manipulation}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}@media(hover:hover){.btn-primary:hover{background:var(--primary-dark)}}.btn-primary:active{background:var(--primary-dark)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn:disabled{opacity:.55;cursor:default}.btn-block,.btn-responsive{width:100%}@media(min-width:640px){.btn-responsive{width:auto;margin-right:auto}}.btn-row-action{flex:1 0 100%}@media(min-width:640px){.btn-row-action{flex:0 0 auto}}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.85rem}@media(min-width:640px){.card{padding:1rem}}@media(max-width:639.98px){.card-flush-sm{border:none;background:none;padding:0}}.stack{display:flex;flex-direction:column;gap:.75rem}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.row-between{display:flex;gap:.5rem .75rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.page{max-width:900px;margin:0 auto;padding:1rem var(--gutter-right) calc(1.5rem + var(--bottom-nav)) var(--gutter-left)}.field{display:flex;flex-direction:column;gap:.3rem;min-width:0}.field label{font-size:.85rem;font-weight:600;color:var(--muted)}.field input,.field select,.field textarea,input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;padding:.6rem .7rem;border-radius:8px;border:1px solid var(--border);min-height:var(--tap);background:var(--surface);color:var(--text)}.field textarea,textarea{min-height:88px}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap}.muted{color:var(--muted)}.text-danger{color:var(--danger)}.text-sm{font-size:.85rem}.list-item{display:block;padding:.85rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);text-decoration:none;color:inherit;min-height:var(--tap)}.list-item+.list-item{margin-top:.6rem}.list-item:active{background:var(--bg)}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-header{background:var(--primary);color:#fff;padding:.6rem var(--gutter-right) .6rem var(--gutter-left);padding-top:max(.6rem,env(safe-area-inset-top));display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .75rem;position:sticky;top:0;z-index:10}.app-header a{color:#fff;text-decoration:none;font-weight:700}.app-brand{margin-right:auto;min-width:0}.app-identity{order:3;flex-basis:100%;opacity:.9}.app-signout{order:2;padding:.35rem .75rem;min-height:36px;background:#ffffff24;border-color:#ffffff59;color:#fff}@media(min-width:640px){.app-header{padding-block:.75rem}.app-identity{order:0;flex-basis:auto}.app-signout{min-height:var(--tap);padding:.6rem 1rem}}.app-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;background:var(--primary-dark);padding:.25rem .25rem calc(.25rem + env(safe-area-inset-bottom));padding-left:max(.25rem,env(safe-area-inset-left));padding-right:max(.25rem,env(safe-area-inset-right));border-top:1px solid rgba(255,255,255,.12);overflow-x:auto;scrollbar-width:none}.app-nav::-webkit-scrollbar{display:none}.app-nav a{flex:1 0 auto;color:#ffffffd9;text-decoration:none;padding:.45rem .35rem;border-radius:8px;font-size:.72rem;font-weight:600;text-align:center;line-height:1.2;display:flex;align-items:center;justify-content:center;min-height:2.75rem;white-space:nowrap}.app-nav a.active{background:#ffffff29;color:#fff}@media(min-width:720px){.app-nav{position:static;overflow-x:auto;gap:.25rem;padding:.4rem var(--gutter-left);border-top:none}.app-nav a{flex:0 0 auto;padding:.5rem .8rem;font-size:.9rem;min-height:0}}.app-main{flex:1}.center-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem var(--gutter-right) 1.5rem var(--gutter-left);padding-top:max(1.5rem,env(safe-area-inset-top));padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -.85rem;padding:0 .85rem}@media(min-width:640px){.table-wrap{margin:0;padding:0}}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.5rem;border-bottom:1px solid var(--border);font-size:.9rem}@media(max-width:639.98px){table.stacked,table.stacked tbody,table.stacked tr,table.stacked td{display:block;width:100%}table.stacked thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}table.stacked tr{border:1px solid var(--border);border-radius:10px;padding:.6rem .75rem;background:var(--surface)}table.stacked tr+tr{margin-top:.6rem}table.stacked td{display:flex;gap:.75rem;justify-content:space-between;align-items:baseline;border:none;padding:.2rem 0;min-width:0}table.stacked td:before{content:attr(data-label);flex:0 0 auto;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}table.stacked td:not([data-label]):before{content:none}table.stacked td>*{text-align:right;min-width:0}}.demo-banner{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;gap:.5rem;height:var(--demo-banner-height);padding:0 var(--gutter-right) 0 var(--gutter-left);padding-top:env(safe-area-inset-top);background:#7a4b00;color:#fff;font-size:.78rem}.demo-tag{flex:none;padding:.1rem .4rem;border-radius:4px;background:#ffffff38;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.demo-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-text-short{display:inline}.demo-text-long{display:none}@media(min-width:640px){.demo-text-short{display:none}.demo-text-long{display:inline}}.demo-role{flex:0 1 auto;min-width:0}.demo-role select{width:auto;max-width:100%;min-height:1.9rem;padding:.1rem 1.4rem .1rem .4rem;border-radius:5px;border:1px solid rgba(255,255,255,.4);background:#ffffff24;color:#fff;font-size:.78rem}.demo-role select option{color:#1a2733}.demo-exit{flex:none;min-height:1.9rem;padding:.1rem .6rem;border-radius:5px;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;font-size:.78rem;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:root{--demo-banner-height: 0px}.demo-mode{--demo-banner-height: calc(2.1rem + env(safe-area-inset-top)) }.demo-mode body{padding-top:var(--demo-banner-height)}.demo-mode .app-shell,.demo-mode .center-screen{min-height:calc(100dvh - var(--demo-banner-height))}.demo-mode .app-header{top:var(--demo-banner-height)}pre{white-space:pre-wrap;word-break:break-word;background:#eef1f4;padding:.75rem;border-radius:8px;font-size:.85rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}