*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f4f9fc;--bg-gradient: radial-gradient(1200px 600px at 0% 0%, #e6f3fb 0%, transparent 60%), radial-gradient(900px 500px at 100% 0%, #e2f7f6 0%, transparent 55%), linear-gradient(180deg, #f4f9fc 0%, #eef5f9 100%);--surface: #ffffff;--surface-hover: #eaf4fa;--surface-muted: #f3f9fc;--border: #d6e6ef;--primary: #2A93D5;--primary-hover: #125488;--primary-soft: #d7ecf8;--accent-cyan: #37CAEC;--accent-turquoise: #3DD9D6;--accent-pale: #ADD9D8;--danger: #ef6f6f;--danger-hover: #d94f4f;--success: #3DD9D6;--text: #0f3a5c;--text-muted: #5a7b94;--radius: 12px;--shadow-sm: 0 2px 8px rgba(18, 84, 136, .08);--shadow-md: 0 6px 18px rgba(18, 84, 136, .14)}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text);line-height:1.6}a{color:var(--primary);text-decoration:none}button{cursor:pointer;border:none;font-family:inherit;font-size:.875rem;padding:.5rem 1rem;border-radius:var(--radius);transition:background .15s}input{font-family:inherit;font-size:.9rem;padding:.6rem .8rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);outline:none;width:100%}input:focus{border-color:var(--primary)}table{width:100%;border-collapse:collapse}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}th{background:var(--surface-muted);color:var(--text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}tbody tr:hover{background:var(--surface-hover)}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:240px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1rem 0;box-shadow:var(--shadow-sm)}.app-main{flex:1;min-width:0;padding:2rem;overflow-x:auto;overflow-y:auto}.mobile-topbar,.sidebar-backdrop{display:none}@media(max-width:768px){.app-shell{flex-direction:column}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.mobile-topbar button{background:transparent;color:var(--text);font-size:1.4rem;padding:.25rem .5rem}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;transform:translate(-100%);transition:transform .25s ease;z-index:100}.app-sidebar.open{transform:translate(0)}.sidebar-backdrop.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:90}.app-main{padding:1rem}.responsive-row{flex-wrap:wrap;gap:.5rem}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll table{min-width:640px}}