:root{color:#222;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f6f8;font-family:Arial,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#f4f6f8;min-height:100vh}a{color:inherit}.app-shell{color:#222;background:#f4f6f8;min-height:100vh}.auth-shell,.public-shell{background:#f4f6f8}.auth-shell{place-items:center;padding:24px;display:grid}.hero-card,.page-card,.content-panel,.sidebar,.topbar{background:#fff;border:1px solid #00000014;border-radius:6px;box-shadow:0 2px 5px #0000001f}.topbar,.sidebar{color:#fff;background:#1b5e20}.hero-card,.page-card,.content-panel{padding:24px}.auth-card{width:min(420px,100%)}.stack-form{flex-direction:column;gap:12px;margin-top:20px;display:flex}.page-head,.topbar,.page-actions,.topbar-actions,.sidebar-nav,.row-actions{gap:12px;display:flex}.page-head,.topbar{justify-content:space-between;align-items:center;margin-bottom:18px}.page-actions,.topbar-actions,.row-actions,.sidebar-nav{flex-wrap:wrap}.page-actions input,.topbar input,.stack-form input,.modal-body input{min-width:220px}.sidebar{flex-direction:column;gap:20px;width:280px;padding:24px;display:flex}.admin-shell{background:#f4f6f8;grid-template-columns:280px minmax(0,1fr);gap:24px;padding:20px;display:grid}.content-panel{min-width:0}.nav-item,.ghost-link,.secondary-button,.danger-button,button{font:inherit;cursor:pointer;border:none;border-radius:4px;font-weight:600;text-decoration:none}.nav-item,.ghost-link,.secondary-button{color:#fff;background:#0d6efd;padding:10px 14px}.nav-item.active{color:#fff;background:#198754}.danger-button{color:#fff;background:#dc3545;padding:10px 14px}.danger-button.small,.secondary-button{padding:8px 12px}button{color:#fff;background:#0d6efd;padding:10px 14px}button:disabled{opacity:.75;cursor:progress}input{box-sizing:border-box;color:#222;background:#fff;border:1px solid #cfd4da;border-radius:4px;outline:none;width:100%;padding:12px}input:focus{border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd26}.eyebrow{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#1b5e20;border-radius:4px;padding:6px 12px;font-size:12px;display:inline-flex}.form-error,.inline-alert,.toast p,.page-card p,.hero-card p,.topbar p,.sidebar p{color:#555}.inline-alert{background:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:14px;padding:12px 14px}.inline-alert.error{color:#dc3545;border-color:#dc3545}.table-wrap{overflow:auto}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #ddd;padding:10px}th{color:#222}.empty-row{text-align:center;color:#666}.modal-overlay{z-index:50;background:#00000073;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{color:#222;background:#fff;border:1px solid #ddd;border-radius:6px;width:min(100%,680px);padding:22px;box-shadow:0 8px 24px #0000002e}.modal-header,.modal-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-body{margin:18px 0}.icon-button{color:#222;background:#f4f6f8;border-radius:50%;width:38px;height:38px;padding:0;font-size:1.4rem}.toast-viewport{z-index:60;gap:10px;width:min(360px,100vw - 32px);display:grid;position:fixed;bottom:16px;right:16px}.toast{background:#fff;border:1px solid #ddd;border-radius:6px;justify-content:space-between;gap:12px;padding:14px 16px;display:flex;box-shadow:0 8px 20px #00000026}.toast-success{border-color:#198754}.toast-error{border-color:#dc3545}.toast-info{border-color:#0d6efd}.toast p{margin-top:4px;font-size:.92rem}.toast-close{color:#222;background:0 0;border-radius:50%;width:28px;height:28px;padding:0;font-size:1.2rem}.public-grid{gap:12px;display:grid}.public-row-card{background:#fff;border:1px solid #ddd;border-radius:6px;grid-template-columns:1.5fr 1fr .7fr;gap:12px;padding:16px;display:grid}.narrow-card{max-width:560px}.boot-screen{color:#222;background:#f4f6f8;place-items:center;min-height:100vh;display:grid}@media (width<=1100px){.admin-shell{grid-template-columns:1fr}.sidebar{width:100%}}@media (width<=720px){.auth-shell,.admin-shell{padding:16px}.hero-card,.page-card,.content-panel,.sidebar,.topbar{border-radius:6px;padding:18px}.page-head,.topbar,.modal-header,.modal-footer{flex-direction:column;align-items:stretch}.page-actions input,.topbar input,.stack-form input,.modal-body input{min-width:0}.public-row-card{grid-template-columns:1fr}}