:root{--color-primary: #1565C0;--color-primary-dark: #0D47A1;--color-primary-light: #1E88E5;--color-accent: #FFC107;--color-accent-dark: #F9A825;--color-bg: #F0F4F9;--color-surface: #FFFFFF;--color-surface-alt: #E8EEF7;--color-border: #C5D3E8;--color-text: #1A2B4A;--color-text-muted: #5A6E8C;--color-text-on-primary:#FFFFFF;--shadow-sm: 0 1px 3px rgba(21,101,192,.12);--shadow-md: 0 4px 12px rgba(21,101,192,.15);font-family:Segoe UI,system-ui,-apple-system,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--color-bg);color:var(--color-text)}#root{min-height:100vh;display:flex;flex-direction:column}h1{font-size:1.6rem;font-weight:700;color:var(--color-primary-dark);margin:0 0 1rem}h2{font-size:1.2rem;font-weight:600;color:var(--color-primary)}a{color:var(--color-primary-light);text-decoration:none}a:hover{color:var(--color-primary-dark);text-decoration:underline}button{display:inline-flex;align-items:center;gap:.35em;border-radius:6px;border:none;padding:.45em 1em;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .18s,box-shadow .18s,transform .1s;background-color:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-sm)}button:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-md)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed}button.btn-accent{background-color:var(--color-accent);color:var(--color-text)}button.btn-accent:hover:not(:disabled){background-color:var(--color-accent-dark)}button.btn-danger{background-color:#d32f2f;color:#fff}button.btn-danger:hover:not(:disabled){background-color:#b71c1c}button.btn-secondary{background-color:var(--color-surface-alt);color:var(--color-primary);border:1px solid var(--color-border);box-shadow:none}button.btn-secondary:hover:not(:disabled){background-color:var(--color-border)}input,select,textarea{font-family:inherit;font-size:.875rem;padding:.42em .65em;border:1px solid var(--color-border);border-radius:5px;background:var(--color-surface);color:var(--color-text);transition:border-color .18s,box-shadow .18s;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary-light);box-shadow:0 0 0 3px #1e88e52e}input[type=checkbox]{width:auto;accent-color:var(--color-primary);cursor:pointer}input[type=search]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235A6E8C' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.65rem center;padding-left:2.2rem}table{border-collapse:collapse;width:100%;font-size:.875rem;background:var(--color-surface);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm)}thead tr{background:var(--color-primary);color:var(--color-text-on-primary)}th{padding:.65rem .8rem;text-align:left;font-weight:600;font-size:.82rem;letter-spacing:.02em;white-space:nowrap}td{padding:.5rem .8rem;border-bottom:1px solid var(--color-surface-alt);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background-color:var(--color-surface-alt)}form{background:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:8px!important;box-shadow:var(--shadow-sm)!important}.app-header{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);color:var(--color-text-on-primary);box-shadow:0 2px 10px #0d47a166;position:sticky;top:0;z-index:100}.app-header-inner{max-width:1600px;margin:0 auto;padding:0 1.5rem;height:58px;display:flex;align-items:center;gap:.75rem}.app-logo{height:36px;width:36px;object-fit:contain;border-radius:8px;flex-shrink:0;box-shadow:0 1px 4px #0000004d}.app-brand{font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:-.02em;white-space:nowrap;margin-right:.5rem}.app-brand span{color:var(--color-accent)}.app-divider{width:1px;height:22px;background:#ffffff40;margin:0 .5rem}.app-nav{display:flex;align-items:center;gap:.15rem}.app-nav a{color:#ffffffb8;text-decoration:none;padding:.4rem .85rem;border-radius:6px;font-size:.9rem;font-weight:500;transition:background .18s,color .18s}.app-nav a:hover{background:#ffffff24;color:#fff;text-decoration:none}.app-nav a.active{background:var(--color-accent);color:var(--color-text)!important;font-weight:700}.app-main{max-width:1600px;margin:0 auto;padding:1.5rem;flex:1}