*{font-family:Roobert,sans-serif}.text-display{font-size:28px;font-weight:700;line-height:1.2;letter-spacing:-.02em}.text-h1{font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.01em}.text-h2{font-size:16px;font-weight:500;line-height:1.4;letter-spacing:-.005em}.text-body-large{font-size:16px}.text-body,.text-body-large{font-weight:400;line-height:1.5}.text-body{font-size:14px}.text-small{font-size:12px;font-weight:400;line-height:1.4}.text-micro{font-size:10px;font-weight:500;line-height:1.3;text-transform:uppercase;letter-spacing:.05em}@media (min-width:768px){.text-display{font-size:36px;line-height:1.1}.text-h1{font-size:24px;line-height:1.25}.text-h2{line-height:1.35}.text-body-large,.text-h2{font-size:18px}.text-body{font-size:16px}.text-small{font-size:14px}.text-micro{font-size:11px}}:root{--color-primary:#6c5ce7;--color-primary-hover:#5a4bd1;--color-primary-light:#f0eeff;--color-primary-dark:#4834c9;--color-success:#00d084;--color-success-hover:#00b372;--color-success-light:#e6fff7;--color-success-dark:#00a866;--color-warning:#ffb020;--color-warning-hover:#e69a00;--color-warning-light:#fff4e6;--color-warning-dark:#cc8a00;--color-danger:#ff4757;--color-danger-hover:#e63946;--color-danger-light:#ffe6e8;--color-danger-dark:#cc2936;--color-info:#3742fa;--color-info-hover:#2f38e8;--color-info-light:#e7e8ff;--color-info-dark:#252ecc;--color-surface:#fff;--color-surface-secondary:#f8fafc;--color-surface-tertiary:#f1f5f9;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-border-strong:#d1d5db;--color-text-primary:#2e354e;--color-text-secondary:#6e7490;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-hover-overlay:rgba(108,92,231,.04);--color-active-overlay:rgba(108,92,231,.08);--color-focus-ring:rgba(108,92,231,.3);--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.space-1{--space:4px}.space-2{--space:8px}.space-3{--space:12px}.space-4{--space:16px}.space-5{--space:20px}.space-6{--space:24px}.space-8{--space:32px}.space-10{--space:40px}.space-12{--space:48px}.space-16{--space:64px}.space-20{--space:80px}.space-24{--space:96px}.container-mobile{padding-left:16px;padding-right:16px}.container-desktop{padding-left:24px;padding-right:24px}@media (min-width:768px){.container-mobile{padding-left:24px;padding-right:24px}.container-desktop{padding-left:32px;padding-right:32px}}.hierarchy-primary{color:var(--color-text-primary);font-weight:600}.hierarchy-secondary{color:var(--color-text-secondary);font-weight:500}.hierarchy-tertiary{color:var(--color-text-tertiary);font-weight:400}.card-primary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-sm);transition:all .2s ease}.card-primary:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.card-secondary{background:var(--color-surface-secondary);border:1px solid var(--color-border-light);border-radius:8px;transition:all .2s ease}.card-highlight{background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:12px;position:relative;overflow:hidden}.card-highlight:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-success))}.button-primary{background:var(--color-primary);color:var(--color-text-inverse);border:none;font-weight:500;transition:all .2s ease;box-shadow:var(--shadow-sm)}.button-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.button-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);font-weight:500;transition:all .2s ease}.button-secondary:hover{background:var(--color-surface-secondary);border-color:var(--color-border-strong)}.button-ghost{background:transparent;color:var(--color-text-secondary);border:none;font-weight:500;transition:all .2s ease}.button-ghost:hover{background:var(--color-hover-overlay);color:var(--color-text-primary)}.interactive-element{transition:all .2s ease;cursor:pointer}.interactive-element:hover{background:var(--color-hover-overlay)}.interactive-element:active{background:var(--color-active-overlay);transform:scale(.98)}.interactive-element:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.progress-primary{background:var(--color-primary)}.progress-success{background:var(--color-success)}.progress-warning{background:var(--color-warning)}.progress-track{background:var(--color-surface-tertiary)}.status-active{color:var(--color-success);background:var(--color-success-light)}.status-pending{color:var(--color-warning);background:var(--color-warning-light)}.status-inactive{color:var(--color-text-tertiary);background:var(--color-surface-tertiary)}.status-danger{color:var(--color-danger);background:var(--color-danger-light)}.section-spacing{margin-bottom:24px}@media (min-width:768px){.section-spacing{margin-bottom:32px}}.content-spacing{margin-bottom:16px}@media (min-width:768px){.content-spacing{margin-bottom:20px}}.animate-scale-in{animation:scaleIn .2s ease-out}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--color-border:#000;--color-text-secondary:#000;--shadow-sm:0 2px 4px 0 rgba(0,0,0,.3);--shadow-md:0 4px 8px 0 rgba(0,0,0,.3)}}.focus-ring{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:4px}.loading-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-danger{background-color:var(--color-danger)}.bg-surface{background-color:var(--color-surface)}.bg-surface-secondary{background-color:var(--color-surface-secondary)}.border-primary{border-color:var(--color-border)}.border-strong{border-color:var(--color-border-strong)}.border-light{border-color:var(--color-border-light)}