: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:#ffffff;--font-family-base:"Inter",system-ui,Avenir,Helvetica,Arial,sans-serif;--spacing-xs:0.25rem;--spacing-sm:0.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);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:none;font-weight:600;transition:opacity .2s}.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 rgba(0,0,0,.05)}.spinner{width:40px;height:40px;border:4px solid rgba(23,43,77,.1);border-left:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--color-primary)}.nav-links{display:flex;gap:var(--spacing-sm)}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.user-name{font-size:.9rem}.notifications-dropdown{width:300px;max-width:calc(100vw - 2rem)}@media (max-width:768px){.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.nav-links{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:200;padding:0}.nav-links.open{display:block}.nav-links-inner{display:flex;flex-direction:column;gap:var(--spacing-xs);background-color:white;width:260px;height:100%;padding:var(--spacing-lg) var(--spacing-md);overflow-y:auto;box-shadow:2px 0 12px rgba(0,0,0,.15);animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.nav-links-inner .btn{justify-content:flex-start;padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;width:100%;min-height:44px}.nav-close-btn{display:flex;align-items:center;justify-content:flex-end;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--color-tertiary)}.container{padding:0 var(--spacing-sm)}.user-name{display:none}.btn{min-height:44px;min-width:44px}input,select,textarea{font-size:16px!important;min-height:44px}.card{padding:var(--spacing-sm)}.notifications-dropdown{position:fixed!important;top:auto!important;right:var(--spacing-sm)!important;left:var(--spacing-sm)!important;width:auto!important;max-height:60vh}}@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{max-width:1280px;margin:0 auto;text-align:left}