:root{--color-primary:#172b4d;--color-secondary:#3d3b3c;--color-tertiary:#7f7979;--color-quaternary:#c1bdb3;--color-background:#f1fafc;--color-success:#2ecc71;--color-warning:#f1c40f;--color-danger:#e74c3c;--color-info:#3498db;--color-white:#fff;--font-family-base:"Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);background-color:var(--color-background);color:var(--color-secondary);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:none;justify-content:center;align-items:center;font-weight:600;transition:opacity .2s;display:inline-flex}.btn:active{opacity:.8}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white)}.btn-danger{background-color:var(--color-danger);color:var(--color-white)}.card{background-color:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:0 2px 4px #0000000d}.spinner{border:4px solid #172b4d1a;border-left-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.loading-container{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-menu-btn{cursor:pointer;padding:var(--spacing-xs);color:var(--color-primary);background:0 0;border:none;display:none}.nav-links{gap:var(--spacing-sm);display:flex}.header-actions{align-items:center;gap:var(--spacing-md);display:flex}.user-name{font-size:.9rem}.notifications-dropdown{width:300px;max-width:calc(100vw - 2rem)}@media (max-width:768px){.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.nav-links{z-index:200;background-color:#00000080;padding:0;display:none;position:fixed;inset:0}.nav-links.open{display:block}.nav-links-inner{gap:var(--spacing-xs);width:260px;height:100%;padding:var(--spacing-lg) var(--spacing-md);background-color:#fff;flex-direction:column;animation:.2s ease-out slideIn;display:flex;overflow-y:auto;box-shadow:2px 0 12px #00000026}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.nav-links-inner .btn{padding:var(--spacing-sm) var(--spacing-md);justify-content:flex-start;width:100%;min-height:44px;font-size:1rem}.nav-close-btn{cursor:pointer;padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--color-tertiary);background:0 0;border:none;justify-content:flex-end;align-items:center;display:flex}.container{padding:0 var(--spacing-sm)}.user-name{display:none}.btn{min-width:44px;min-height:44px}input,select,textarea{min-height:44px;font-size:16px!important}.card{padding:var(--spacing-sm)}.notifications-dropdown{max-height:60vh;top:auto!important;right:var(--spacing-sm)!important;left:var(--spacing-sm)!important;width:auto!important;position:fixed!important}}@media (max-width:480px){h1{font-size:1.4rem}h2{font-size:1.15rem}h3{font-size:1rem}.container{padding:0 var(--spacing-xs)}.card{border-radius:var(--radius-sm)}.btn{font-size:.85rem}}
#root{text-align:left;max-width:1280px;margin:0 auto}