:root{color-scheme:light dark;--color-bg: #ffffff;--color-surface: #f6f7f8;--color-surface-2: #eceef1;--color-border: #e2e4e8;--color-text: #16181d;--color-text-muted: #6b7280;--color-primary: #1d5fbf;--color-primary-hover: #164a94;--color-primary-contrast: #ffffff;--color-danger: #c0392b;--color-danger-bg: #fdecea;--color-warning: #92650a;--color-warning-bg: #fdf3d9;--color-success: #1f8a3d;--color-success-bg: #e7f6ec;--radius-sm: 6px;--radius: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font-sm: .85rem;--font-base: 1rem;--font-lg: 1.15rem;--font-xl: 1.5rem;--font-xxl: 1.9rem;--header-h: 56px;--tabnav-h: 64px;--max-width: 760px;--tap-min: 44px}@media (prefers-color-scheme: dark){:root{--color-bg: #111317;--color-surface: #1a1d21;--color-surface-2: #23262b;--color-border: #2d3138;--color-text: #eef0f2;--color-text-muted: #9aa1ab;--color-primary: #5b9dff;--color-primary-hover: #7cb0ff;--color-primary-contrast: #0a1220;--color-danger: #ff6f61;--color-danger-bg: #3a1c19;--color-warning: #e0b93b;--color-warning-bg: #362c0d;--color-success: #57cc7d;--color-success-bg: #123321}}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:inherit;line-height:1.2;margin:0 0 var(--space-3)}h1{font-size:var(--font-xl)}h2{font-size:var(--font-lg);margin-top:var(--space-5)}p{margin:0 0 var(--space-3);line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:var(--font-base);min-height:var(--tap-min);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}button:hover{background:var(--color-surface-2)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast);font-weight:600}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-danger-outline{color:var(--color-danger);border-color:var(--color-danger);background:transparent}input,select,textarea{font-family:inherit;font-size:var(--font-base);min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);width:100%}textarea{min-height:80px}label{display:block;font-size:var(--font-sm);font-weight:600;color:var(--color-text-muted);margin-top:var(--space-4)}label:first-child{margin-top:0}label>input,label>select,label>textarea{margin-top:var(--space-1)}.field{margin-top:var(--space-4)}.field:first-child{margin-top:0}.card{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4)}a.card{color:var(--color-text);text-decoration:none}a.card:hover{background:var(--color-surface-2);text-decoration:none}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.grid-cards{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width: 640px){.grid-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:var(--font-sm);font-weight:700;white-space:nowrap}.badge-pending{background:var(--color-warning-bg);color:var(--color-warning)}.badge-approved{background:var(--color-success-bg);color:var(--color-success)}.badge-rejected{background:var(--color-danger-bg);color:var(--color-danger)}.banner{border-radius:var(--radius-sm);padding:var(--space-3);margin-bottom:var(--space-4);font-size:var(--font-sm)}.banner-error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger)}.banner-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}.banner-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.muted{color:var(--color-text-muted)}.text-sm{font-size:var(--font-sm)}.page{max-width:var(--max-width);margin:0 auto;padding:var(--space-5) var(--space-4) calc(var(--tabnav-h) + var(--space-5))}@media (min-width: 768px){.page{padding-bottom:var(--space-6)}}.app-header{position:sticky;top:0;z-index:10;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-4);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.app-header .brand{font-weight:800;font-size:var(--font-lg)}.app-header .user{font-size:var(--font-sm);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}.tab-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;background:var(--color-bg);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom,0)}.tab-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-2) 0;min-height:var(--tabnav-h);font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-decoration:none}.tab-nav a.active{color:var(--color-primary)}.tab-nav svg{width:22px;height:22px}@media (min-width: 768px){.tab-nav{position:static;border-top:none;border-bottom:1px solid var(--color-border);justify-content:flex-start;gap:var(--space-5);padding:0 var(--space-4)}.tab-nav a{flex:none;flex-direction:row;min-height:auto;font-size:var(--font-base);padding:var(--space-3) 0}.tab-nav svg{width:18px;height:18px}}table{width:100%;border-collapse:collapse;font-size:var(--font-sm)}