*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#0a1f44;--secondary-color:#1e3a5f;--accent-color:#fff;--danger-color:#e74c3c;--success-color:#27ae60;--text-primary:#000;--text-secondary:#6b7280;--border-color:#e5e7eb;--background:#f9fafb;--card-background:#fff}body{background-color:var(--primary-color);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.app-header{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:0 auto;max-width:1400px}.logo-container{align-items:center;display:flex;gap:16px}.msp-name{color:#fff;font-size:20px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.1)}.logo{filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));height:64px;width:auto}.header-actions{justify-content:flex-end}.btn-logout{align-items:center;background:#fff;border:1px solid hsla(0,0%,100%,.25);border-radius:10px;color:var(--primary-color);display:inline-flex;font-size:14px;font-weight:700;justify-content:center;padding:10px 16px;text-decoration:none;transition:transform .06s ease,opacity .2s ease}.btn-logout:hover{opacity:.92}.btn-logout:active{transform:translateY(1px)}.main-nav.navbar{background-color:var(--primary-color);padding:14px 20px}.nav-btn{align-items:center;background:transparent;border:none;border-radius:25px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;padding:12px 24px;text-decoration:none;transition:all .2s ease}.nav-btn,.nav-btn:hover{color:var(--accent-color)}.nav-btn:hover{background:hsla(0,0%,100%,.1)}.nav-btn.active{background:var(--accent-color);color:var(--primary-color)}.navbar-toggler-icon{filter:invert(1)}.toast{background:var(--primary-color);border-radius:12px;bottom:-100px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;left:50%;min-width:300px;padding:16px 24px;position:fixed;text-align:center;transform:translateX(-50%);transition:bottom .3s ease;z-index:1000}.toast.show{bottom:30px}.toast.success{background:var(--success-color)}.toast.error{background:var(--danger-color)}@media (max-width:768px){.header-content{flex-direction:column;gap:16px}.msp-name{font-size:16px}}