:root{--color-primary:#2f7e98;--color-primary-dark:#266d84;--color-primary-darker:#214753;--color-primary-alt:#8dd1e2;--color-secondary:#cdecf4;--color-bg:#f1f7f8;--color-bg-alt:#ecf8fb;--color-white:#fff;--color-text:#333;--color-text-muted:#828282;--color-text-light:#adadad;--color-border:#e0e0e0;--color-green:#16c172;--color-red:#eb5757;--color-orange:#dc7603;--font-title:"Montserrat", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:44px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #2f7e981a, 0 1px 4px #0000000f;--shadow-lg:0 8px 32px #2f7e9824, 0 2px 8px #00000014;--shadow-xl:0 20px 60px #2f7e982e;--transition:all .2s ease;--transition-slow:all .35s ease;--sidebar-width:240px;--header-height:64px;--touch-target:44px}@media (width<=768px){:root{--header-height:56px;--sidebar-width:272px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;line-height:1.6}img,svg,video{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--color-primary-darker);font-weight:700;line-height:1.25}.container{width:100%;max-width:1200px;padding:0 var(--space-6);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-title);border-radius:var(--radius-full);transition:var(--transition);cursor:pointer;white-space:nowrap;border:2px solid #0000;padding:.75rem 1.75rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{color:var(--color-primary);border-color:var(--color-primary);background:0 0}.btn-secondary:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-1px)}.btn-white{background:var(--color-white);color:var(--color-primary);border-color:var(--color-white)}.btn-white:hover{background:var(--color-bg-alt);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-lg{padding:1rem 2.5rem;font-size:1rem}.btn-full{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-family:var(--font-title);color:var(--color-primary-darker);letter-spacing:.02em;font-size:.85rem;font-weight:600}.form-input{border:1.5px solid var(--color-border);border-radius:var(--radius-lg);width:100%;font-size:.95rem;font-family:var(--font-body);color:var(--color-text);background:var(--color-white);transition:var(--transition);outline:none;padding:.85rem 1.1rem}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2f7e981f}.form-input::placeholder{color:var(--color-text-light)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232F7E98' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.form-error{align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);color:var(--color-red);background:#fff2f2;border:1px solid #ffcdd2;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.card{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:var(--transition-slow)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-static{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:var(--space-6)}.badge{border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase;align-items:center;padding:.3rem .85rem;font-size:.78rem;font-weight:600;display:inline-flex}.badge-primary{background:var(--color-bg-alt);color:var(--color-primary)}.badge-green{color:var(--color-green);background:#16c1721f}.badge-red{color:var(--color-red);background:#eb57571f}.stat-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm);border-left:4px solid var(--color-primary);transition:var(--transition)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-value{font-family:var(--font-title);color:var(--color-primary-darker);font-size:2rem;font-weight:800;line-height:1}.stat-card-label{color:var(--color-text-muted);margin-top:var(--space-1);font-size:.85rem;font-weight:500}.table-wrapper{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:var(--color-white);overflow-x:auto}.mq-table{border-collapse:collapse;width:100%;font-size:.9rem}.mq-table th{background:var(--color-bg);font-family:var(--font-title);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:var(--space-4) var(--space-5);text-align:left;font-size:.8rem;font-weight:600}.mq-table td{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);color:var(--color-text)}.mq-table tbody tr:hover{background:var(--color-bg)}.section-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.section-title{font-family:var(--font-title);color:var(--color-primary-darker);font-size:1.25rem;font-weight:700}.empty-state{padding:var(--space-16);text-align:center;color:var(--color-text-muted);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.empty-state-icon{background:var(--color-bg);border-radius:var(--radius-full);justify-content:center;align-items:center;width:64px;height:64px;font-size:1.8rem;display:flex}.spinner{border:3px solid var(--color-secondary);border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-up{animation:.5s forwards fadeUp}.animate-fade-in{animation:.4s forwards fadeIn}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-primary-alt);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@media (width<=768px){.hide-mobile{display:none!important}.container{padding:0 var(--space-4)}}@media (width>=769px){.hide-desktop{display:none!important}}html,body{width:100%;overflow-x:clip}body{overflow-wrap:break-word}@media (width<=768px){html{font-size:15px}.form-input,input,textarea,select{font-size:16px}.btn{min-height:var(--touch-target);padding:.7rem 1.35rem}.btn-lg{min-height:48px;padding:.9rem 1.75rem;font-size:.95rem}.card,.card-static{padding:var(--space-5);border-radius:var(--radius-xl)}.card:hover,.stat-card:hover{transform:none}.empty-state{padding:var(--space-10) var(--space-5)}.mq-table th,.mq-table td{padding:var(--space-3)}}@media (width<=400px){.btn{white-space:normal;text-align:center}}@media (hover:none){.btn:hover,.card:hover,.stat-card:hover,.btn-primary:hover,.btn-secondary:hover,.btn-white:hover{box-shadow:none;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}