*{margin:0;padding:0;box-sizing:border-box}:root{--frisia-navy-dark: #001a33;--frisia-navy: #003366;--frisia-ocean: #0066a4;--frisia-sky: #0088cc;--frisia-gradient: linear-gradient(135deg, #001a33 0%, #003366 50%, #0066a4 100%);--frisia-gradient-hover: linear-gradient(135deg, #00264d 0%, #004080 50%, #0077b6 100%);--primary: #003366;--primary-dark: #00264d;--primary-light: #0066a4;--success: #16a34a;--warning: #ea580c;--danger: #dc2626;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--gray-50);color:var(--gray-900);line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.container{max-width:1280px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;border:none;cursor:pointer;transition:all .2s;text-decoration:none;gap:.5rem}.btn-primary{background:var(--frisia-gradient);color:#fff;border:none}.btn-primary:hover{background:var(--frisia-gradient-hover)}.btn-secondary{background-color:var(--gray-200);color:var(--gray-700)}.btn-secondary:hover{background-color:var(--gray-300)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#b91c1c}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.card{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:9999px;white-space:nowrap}.badge-success{background-color:#dcfce7;color:#166534}.badge-warning{background-color:#fed7aa;color:#9a3412}.badge-danger{background-color:#fee2e2;color:#991b1b}.badge-info{background-color:#dbeafe;color:#1e40af}.badge-gray{background-color:var(--gray-200);color:var(--gray-700)}.input{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:.375rem;font-size:.875rem;transition:border-color .2s}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--gray-700)}.select{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:.375rem;font-size:.875rem;background-color:#fff;cursor:pointer}.textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:.375rem;font-size:.875rem;resize:vertical;min-height:100px;font-family:inherit}.error{color:var(--danger);font-size:.875rem;margin-top:.25rem}.loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--gray-500)}.grid{display:grid;gap:1.5rem}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}.card{padding:1rem}.card:hover{transform:none}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table{min-width:auto}.flex-mobile-wrap{flex-wrap:wrap}.hide-mobile{display:none!important}.show-mobile{display:flex!important}.desktop-nav{display:none!important}.mobile-nav-toggle{display:flex!important}}@media(max-width:640px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.btn{min-height:44px;padding:.625rem 1rem}.modal-content{width:calc(100% - 1rem)!important;max-width:none!important;margin:.5rem;max-height:calc(100vh - 1rem);overflow-y:auto}.sidebar-desktop{display:none!important}.sidebar-mobile-toggle{display:flex!important}}@media(max-width:480px){.container{padding:0 .5rem}.card{padding:.75rem;border-radius:.375rem}.btn{padding:.5rem .75rem;font-size:.8125rem;min-height:44px}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}h3{font-size:1rem!important}.dropdown-menu{width:calc(100vw - 1rem)!important;left:.5rem!important;right:.5rem!important}.page-padding{padding:.75rem!important}}.mobile-nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;color:#fff;border-radius:.375rem;transition:background-color .2s}.mobile-nav-toggle:hover{background-color:#ffffff1a}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:40;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background:linear-gradient(180deg,#001a33,#036);z-index:50;transform:translate(-100%);transition:transform .3s ease-in-out;overflow:hidden}.mobile-menu.open{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;cursor:pointer;color:#fff;border-radius:.375rem}.mobile-menu-close:hover{background-color:#ffffff1a}.mobile-menu-nav{padding:1rem 0}.mobile-menu-link{display:block;padding:.875rem 1.5rem;color:#fff;text-decoration:none;font-size:1rem;border-left:3px solid transparent;transition:background-color .2s,border-color .2s}.mobile-menu-link:hover,.mobile-menu-link.active{background-color:#ffffff1a;border-left-color:#08c}.mobile-menu-divider{height:1px;background-color:#ffffff1a;margin:.5rem 0}@media(max-width:768px){button,a,input[type=checkbox],input[type=radio],select{min-height:44px}.mobile-menu-link,.dropdown-item{min-height:48px;display:flex;align-items:center}}