@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);font-size:var(--font-size-base);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased}ul{list-style:none}a{text-decoration:none;color:inherit}.no-text-select{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.no-text-select input,.no-text-select textarea,.no-text-select [contenteditable=true]{-webkit-user-select:text;user-select:text}.section-desc{color:#64748b;font-size:.9rem;margin:0 0 1rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--primary-color: hsl(210, 98%, 17%);--bg-color: hsl(0, 0%, 100%);--foreground: hsl(210, 98%, 17%);--success: hsl(142, 76%, 36%);--warning: hsl(38, 92%, 50%);--destructive: hsl(0, 84.2%, 60.2%);--muted: hsl(210, 20%, 96%);--muted-text: hsl(210, 30%, 40%);--radius: .8rem;--font-main: "Inter", system-ui, -apple-system, sans-serif;--secondary-color: #2ecc71;--text-color: #2c3e50;--white: #ffffff;--error-color: #e74c3c;--font-main: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-base: 16px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--text-muted: hsl(210, 30%, 40%);--border: hsl(214, 32%, 91%);--border-color: hsl(214, 32%, 91%);--bg-light: hsl(210, 20%, 96%);--accent: hsl(258, 72%, 58%);--primary-soft: hsl(210, 98%, 17%, .09);--success-soft: hsl(142, 76%, 36%, .12);--warning-soft: hsl(38, 92%, 50%, .16);--accent-soft: hsl(258, 72%, 58%, .12);--shadow-sm: 0 1px 2px hsl(210, 40%, 20%, .05);--shadow-md: 0 4px 12px hsl(210, 40%, 20%, .08);--shadow-lg: 0 18px 40px -12px hsl(210, 40%, 20%, .25);--focus-ring: 0 0 0 3px hsl(210, 98%, 17%, .18)}.card-global,.card-interactive{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.card-interactive{cursor:pointer;transition:transform .2s,box-shadow .2s}.card-interactive:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.btn{padding:.6rem 1.2rem;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all .2s;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#01386f}.btn-outline{background-color:#fff;border-color:var(--border);color:var(--primary-color)}.btn-outline:hover{background-color:var(--bg-light);border-color:var(--primary-color)}.pagination{align-items:center;background:#fafbfc;border-top:1px solid #f1f5f9;display:flex;gap:.5rem;justify-content:center;padding:1.5rem}.pagination .pagination-btn{align-items:center;background:#fff;border-radius:6px;border:1px solid #cbd5e1;color:#475569;cursor:pointer;display:flex;font-size:1.25rem;font-weight:600;height:36px;justify-content:center;transition:all .2s;width:36px}.pagination .pagination-btn:hover:not(:disabled){background:#3b82f6;border-color:#3b82f6;color:#fff}.pagination .pagination-btn:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.4}.pagination .page-numbers{display:flex;gap:.25rem}.pagination .page-btn{background:#fff;border-radius:6px;border:1px solid #cbd5e1;color:#475569;cursor:pointer;font-size:.875rem;font-weight:600;height:36px;transition:all .2s;width:36px}.pagination .page-btn:hover:not(:disabled):not(.ellipsis){background:#f8fafc;border-color:#94a3b8}.pagination .page-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pagination .page-btn.ellipsis{background:transparent;border:none;color:#64748b;cursor:default;pointer-events:none}.pagination .pagination-info{color:#64748b;font-size:.875rem;font-weight:500;margin-left:1rem}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0f172a99;z-index:1000;padding:1rem;animation:modal-fade-in .15s ease}.modal-content{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--bg-color);border-radius:var(--radius);padding:1.5rem;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;gap:1rem}.modal-content--lg{max-width:780px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.modal-header h3{margin:0;font-size:1.25rem;color:var(--primary-color)}.modal-close{background:none;border:none;font-size:1.1rem;line-height:1;cursor:pointer;color:var(--muted-text);padding:.25rem;border-radius:4px;transition:color .2s,background-color .2s}.modal-close:hover{color:var(--text-color);background-color:var(--bg-light)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.tab-bar{display:flex;gap:.25rem;padding:.25rem;border-radius:var(--radius);background:var(--bg-light)}.tab-item{flex:1;padding:.5rem .75rem;border:none;border-radius:calc(var(--radius) - .25rem);background:transparent;color:var(--muted-text);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s}.tab-item:hover{color:var(--primary-color)}.tab-item.active{background:var(--bg-color);color:var(--primary-color);box-shadow:0 1px 3px #0f172a1f}html{background-color:var(--primary-color)}body{padding-bottom:env(safe-area-inset-bottom)}