:root{color:#102347;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fc;font-family:Inter,system-ui,sans-serif;font-weight:400;line-height:1.5}html,body,#root{width:100%;min-width:320px;min-height:100%}button,input,textarea,select{font:inherit}:root{color:#102347;background:#f5f7fc;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{margin:0}button,input{font:inherit}input{min-width:0}a{color:inherit;text-decoration:none}.kicker{color:#264f9e;text-transform:uppercase;letter-spacing:.08em;background:#edf3ff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.auth-page{background:radial-gradient(circle at top,#264f9e29,#0000 42%),linear-gradient(#f8fbff 0%,#f5f7fc 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:#fff;border:1px solid #d9e1f2;border-radius:24px;width:100%;max-width:460px;padding:28px;box-shadow:0 24px 60px #1023471f}.auth-header{text-align:center;margin-bottom:18px}.auth-header h1{margin:10px 0 8px;font-size:32px}.auth-header p,.auth-note{color:#62708a;text-align:center;margin:0 0 20px;line-height:1.6}.auth-form{gap:14px;display:grid}.auth-form label{gap:8px;font-weight:600;display:grid}.auth-form input{background:#fff;border:1px solid #cfd8ea;border-radius:14px;width:100%;padding:14px 16px}.auth-form input:focus{border-color:#264f9e;outline:none;box-shadow:0 0 0 4px #264f9e1f}.auth-form button,.sidebar-footer button,.primary-button,.secondary-button,.danger-button{cursor:pointer;border:none;border-radius:14px;margin-top:6px;padding:14px 18px;font-weight:800}.auth-form button,.sidebar-footer button,.primary-button{color:#fff;background:linear-gradient(135deg,#264f9e,#1e3f7e)}.secondary-button{color:#264f9e;background:#eef3fb}.danger-button{color:#be123c;background:#fff1f2}.auth-error,.alert.error{color:#b91c1c;background:#fff5f5;border:1px solid #fecaca;border-radius:12px;padding:12px 14px}.alert.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:12px 14px}.admin-shell{background:#f5f7fc;grid-template-columns:280px 1fr;min-height:100vh;display:grid}.mobile-topbar,.mobile-menu-backdrop,.sidebar-close{display:none}.sidebar{color:#fff;background:#102347;flex-direction:column;justify-content:space-between;padding:24px;display:flex}.sidebar-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.sidebar h2{margin:16px 0 22px}.sidebar-nav{gap:10px;display:grid}.nav-link{background:#ffffff14;border-radius:14px;padding:14px 16px;font-weight:700}.nav-link.active{background:linear-gradient(135deg,#264f9e,#1e3f7e)}.sidebar-footer{color:#dbe4ff;gap:12px;display:grid}.main-panel{padding:28px}.content{background:#fff;border:1px solid #d9e1f2;border-radius:24px;padding:24px;box-shadow:0 24px 60px #10234714}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header.compact{margin-bottom:18px}.page-header h1,.page-header h2{margin:0 0 8px}.page-header p{color:#62708a;margin:0}.users-grid{grid-template-columns:1fr;gap:20px;display:grid}.users-table-wrapper{overflow:auto}.users-table{border-collapse:collapse;width:100%}.users-table th,.users-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e9eef8;padding:14px 12px}.users-table th{color:#264f9e;text-transform:uppercase;letter-spacing:.04em;font-size:13px}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.row-actions button{border-radius:12px;margin-top:0;padding:10px 14px}.badge{border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.badge.admin{color:#166534;background:#dcfce7}.badge.common{color:#475569;background:#e2e8f0}.form-panel{align-self:start}.modal-overlay{z-index:30;background:#0f172a85;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #d9e1f2;border-radius:24px;width:100%;max-width:560px;max-height:calc(100vh - 32px);padding:22px;overflow:auto;box-shadow:0 24px 60px #10234738}.modal-card-sm{max-width:460px}.icon-button{color:#264f9e;cursor:pointer;background:#eef3fb;border:none;border-radius:12px;width:42px;height:42px;font-size:18px;font-weight:800}.checkbox-field{grid-template-columns:auto 1fr;align-items:center;gap:10px}.checkbox-field input{width:18px;height:18px;margin:0}.form-actions{flex-wrap:wrap;gap:10px;display:flex}.empty-state{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;padding:28px}@media (width<=900px){.admin-shell{grid-template-columns:1fr}.main-panel{padding:16px}.content,.auth-card{border-radius:20px;padding:20px}.page-header{flex-direction:column}}@media (width<=720px){.admin-shell{background:#eef3fb;display:block}.mobile-topbar{z-index:15;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f5f7fceb;border-bottom:1px solid #dbe5f4;align-items:center;gap:12px;padding:14px 16px;display:flex;position:sticky;top:0}.mobile-topbar-title{color:#102347;margin-top:4px;display:block}.mobile-menu-button{flex-shrink:0}.mobile-menu-backdrop{z-index:19;background:#0f172a73;display:block;position:fixed;inset:0}.sidebar{z-index:20;width:min(82vw,320px);padding:18px 16px;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 18px 40px #10234747}.sidebar.open{transform:translate(0)}.sidebar-close{justify-content:center;align-items:center;display:inline-flex}.sidebar h2{margin:12px 0 16px;font-size:28px}.sidebar-footer button{width:100%}.main-panel{padding:12px}.content{border-radius:22px;padding:18px 16px}.users-grid{gap:14px}.page-header{gap:12px;margin-bottom:18px}.page-header h1{font-size:24px}.page-header p{font-size:14px;line-height:1.5}.page-header .primary-button{width:100%}.users-table-wrapper{overflow:visible}.users-table thead{display:none}.users-table,.users-table tbody,.users-table tr,.users-table td{width:100%;display:block}.users-table tr{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #dbe5f4;border-radius:18px;margin-bottom:14px;padding:16px;box-shadow:0 12px 24px #1023470f}.users-table td{word-break:break-word;border-bottom:none;margin-bottom:12px;padding:0}.users-table td:last-child{margin-bottom:0}.users-table td:before{content:attr(data-label);color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.row-actions{flex-direction:column}.row-actions button,.primary-button,.secondary-button,.danger-button{width:100%}.form-actions{flex-direction:column}.user-form input{min-height:50px}.modal-overlay{align-items:end;padding:0}.modal-card{border-bottom-right-radius:0;border-bottom-left-radius:0;max-width:none;max-height:92vh;padding:20px 16px 24px}}