:root{--font-sans: "Segoe UI", "Segoe UI Variable", "Inter", sans-serif;--color-primary: #1499d6;--color-primary-hover: #1087bf;--color-primary-active: #0c6e9c;--color-access-panel: #5b9dd5;--color-access-panel-dark: #4f8dc2;--color-access-panel-light: #67a6db;--color-account-panel: #a9c65b;--color-account-panel-dark: #9db94e;--color-account-panel-light: #b5d16b;--color-page-bg: #f2f2f2;--color-card-bg: #ffffff;--color-sidebar-bg: #dddddd;--color-border: #d8d8d8;--color-divider: #e7e7e7;--color-text-primary: #4a4a4a;--color-text-secondary: #6d6d6d;--color-text-muted: #9a9a9a;--color-text-inverse: #ffffff;--color-success: #5cb85c;--color-warning: #f0ad4e;--color-danger: #d9534f;--color-info: #1499d6;--color-archive: #999999;--bg-base: var(--color-page-bg);--bg-accent: var(--color-page-bg);--surface: var(--color-card-bg);--surface-strong: var(--color-card-bg);--surface-muted: #f7f7f7;--surface-tint: #eef8fd;--border-soft: var(--color-border);--border-strong: #b9c8d5;--text-main: var(--color-text-primary);--text-soft: var(--color-text-secondary);--text-faint: var(--color-text-muted);--primary: var(--color-primary);--primary-strong: var(--color-primary-active);--primary-soft: #e5f6fd;--accent: var(--color-account-panel-dark);--accent-soft: #f0f6dd;--success-soft: #edf8ed;--success-text: var(--color-success);--warning-soft: #fff6e8;--warning-text: var(--color-warning);--danger-soft: #fdf0ef;--danger-text: var(--color-danger);--shadow-soft: 0 4px 16px rgba(0, 0, 0, .12);--shadow-card: 0 1px 4px rgba(0, 0, 0, .16);--radius-xl: 4px;--radius-lg: 4px;--radius-md: 4px;--radius-sm: 3px}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;background:var(--bg-accent);color:var(--text-main);font-family:var(--font-sans);line-height:1.5}button{border:1px solid var(--color-border);background:#f8f8f8;color:var(--color-text-primary)}input,select,textarea{border:1px solid #cfcfcf;background:#fff;color:var(--color-text-primary);box-shadow:inset 0 1px 2px #00000014}button,input,select,textarea{font:inherit;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,transform .18s ease}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:none;box-shadow:0 0 0 3px #1499d638}a{color:inherit;text-decoration:none}.material-symbols,.material-symbol{font-family:Material Symbols Outlined,sans-serif;font-weight:400;font-style:normal;font-size:1.5rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24}.btn-primary,.primary-button,.primary-btn,button.primary,button[type=submit]{border:1px solid var(--color-primary-active);background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover,.primary-button:hover,.primary-btn:hover,button.primary:hover,button[type=submit]:hover{background:var(--color-primary-hover)}.btn-primary:active,.primary-button:active,.primary-btn:active,button.primary:active,button[type=submit]:active{background:var(--color-primary-active)}.btn-secondary,.secondary-button,.secondary-btn{border:1px solid var(--color-border);background:#fff;color:var(--color-primary)}.btn-danger,.danger-button,.danger-btn{border-color:#c94d49;background:var(--color-danger);color:var(--color-text-inverse)}.panel-access{background:linear-gradient(135deg,var(--color-access-panel-dark),var(--color-access-panel-light));color:var(--color-text-inverse)}.panel-accounts{background:linear-gradient(135deg,var(--color-account-panel-dark),var(--color-account-panel-light));color:var(--color-text-inverse)}.status-approved,.tone-success{color:var(--color-success)}.status-pending,.tone-warning{color:var(--color-warning)}.status-rejected,.tone-danger{color:var(--color-danger)}.status-archived,.tone-muted{color:var(--color-archive)}button,a,input,select,textarea{touch-action:manipulation}@media (max-width: 768px){html{font-size:15px}}