:root{--color-primary:#0068a9;--color-primary-hover:#00557f;--color-primary-light:#e6f2f8;--color-secondary:#0f172a;--color-accent:#06b6d4;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-bg:#f8fafc;--color-surface:#fff;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-text:#0f172a;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--sidebar-bg:#0f172a;--sidebar-text:#94a3b8;--sidebar-text-active:#fff;--sidebar-hover:#1e293b;--sidebar-active:#0068a9;--sidebar-width:260px;--sidebar-collapsed-width:68px;--header-height:60px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--bp-xs:480px;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--container-max:1440px}html{-webkit-text-size-adjust:100%}img,svg,video{max-width:100%;height:auto}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-4);margin:0 auto}@media (width>=768px){.container{padding:0 var(--space-6)}}@media (width>=1024px){.container{padding:0 var(--space-8)}}.grid-auto{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.hide-mobile{display:initial}.show-mobile{display:none}@media (width<=1023px){.hide-mobile{display:none!important}.show-mobile{display:initial!important}}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (width<=767px){.table-responsive,.table-responsive thead,.table-responsive tbody,.table-responsive tr,.table-responsive td{width:100%;display:block}.table-responsive thead{display:none}.table-responsive tr{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3);box-shadow:var(--shadow-sm)}.table-responsive td{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;text-align:right;border:none;display:flex}.table-responsive td:before{content:attr(data-label);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;text-align:left;font-size:12px;font-weight:600}.table-responsive td:last-child{border-top:1px solid var(--color-border-light);padding-top:var(--space-3)}button,.btn,[role=button]{min-height:44px}input,select,textarea{font-size:16px}}.form-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=768px){.form-grid.cols-2{grid-template-columns:repeat(2,1fr)}.form-grid.cols-3{grid-template-columns:repeat(3,1fr)}.form-grid .full{grid-column:1/-1}}.form-actions{gap:var(--space-2);margin-top:var(--space-5);flex-direction:column-reverse;display:flex}.form-actions>*{width:100%}@media (width>=640px){.form-actions{flex-direction:row;justify-content:flex-end}.form-actions>*{width:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.form-card-header{border-bottom:1px solid var(--color-border);padding:24px 28px}.form-card-header h3{margin-bottom:4px;font-size:18px;font-weight:700}.form-card-body{padding:28px}.form-section{margin-bottom:28px}.section-title{border-bottom:1px solid var(--color-border-light);margin-bottom:14px;padding-bottom:10px;font-size:14px;font-weight:700}.form-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.form-grid.cols-1{grid-template-columns:1fr}.form-grid.cols-2{grid-template-columns:repeat(2,1fr)}.form-grid.cols-3{grid-template-columns:repeat(3,1fr)}.form-grid.cols-4{grid-template-columns:repeat(4,1fr)}.form-grid.cols-5{grid-template-columns:repeat(5,1fr)}.form-grid.cols-6{grid-template-columns:repeat(6,1fr)}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-full{grid-column:1/-1}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:var(--color-text-secondary);font-size:12px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);resize:vertical;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.input-disabled{cursor:not-allowed;background:var(--color-bg)!important;color:var(--color-text-muted)!important}.form-hint{color:var(--color-text-muted);font-size:11px}.info-box{border-radius:var(--radius-md);color:#1e40af;background:#eff6ff;margin-top:14px;padding:12px 16px;font-size:13px}.info-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.info-item{background:var(--color-bg);border-radius:var(--radius-md);padding:12px 14px}.info-label{color:var(--color-text-muted);text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:700;display:block}.info-value{font-size:13.5px;font-weight:600}.form-error{color:var(--color-danger);border-radius:var(--radius-sm);background:#fef2f2;margin-bottom:16px;padding:10px 14px;font-size:13px}.form-success{color:var(--color-success);border-radius:var(--radius-sm);background:#ecfdf5;margin-bottom:16px;padding:10px 14px;font-size:13px}.form-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:10px;padding-top:20px;display:flex}@media (width<=1100px){.form-grid.cols-6,.form-grid.cols-5{grid-template-columns:repeat(4,1fr)}}@media (width<=900px){.form-grid,.form-grid.cols-3,.form-grid.cols-4,.form-grid.cols-5,.form-grid.cols-6,.info-grid{grid-template-columns:repeat(2,1fr)}.col-span-3,.col-span-4{grid-column:span 2}}@media (width<=520px){.form-grid,.form-grid.cols-2,.form-grid.cols-3,.form-grid.cols-4,.form-grid.cols-5,.form-grid.cols-6,.info-grid{grid-template-columns:1fr}.col-span-2,.col-span-3,.col-span-4,.col-span-full{grid-column:span 1}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}
