.modalOverlay{-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal,500);background:#000000bf;justify-content:center;align-items:center;padding:1rem;animation:.2s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{border-radius:var(--radius-xl,1.5rem);background:linear-gradient(#161622 0%,#0f0f14 100%);border:1px solid #ffffff1a;flex-direction:column;width:100%;max-width:560px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideIn;display:flex;overflow:hidden;box-shadow:0 0 0 1px #ffffff0d,0 20px 60px #0009}.modal.modalSmall{max-width:400px}.modal.modalMedium{max-width:560px}.modal.modalLarge{max-width:720px}.modal.modalXLarge{max-width:900px}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modalHeader{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modalHeader h2,.modalTitle{color:var(--ink,#e8ecf5);align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;display:flex}.modalClose{width:32px;height:32px;color:var(--ink-muted,#8892a6);cursor:pointer;border-radius:var(--radius-sm,6px);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.modalClose:hover{color:var(--ink,#e8ecf5);background:#ffffff14}.modalBody{flex-direction:column;flex:1;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.modalBody::-webkit-scrollbar{width:6px}.modalBody::-webkit-scrollbar-track{background:0 0}.modalBody::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.modalBody::-webkit-scrollbar-thumb:hover{background:#fff3}.modalFooter{border-top:1px solid #ffffff14;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.colorPicker{flex-wrap:wrap;gap:.5rem;display:flex}.colorOption{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;padding:0;transition:all .2s}.colorOption:hover{transform:scale(1.15)}.colorOption.selected,.colorOption[data-selected=true]{border-color:var(--ink,#e8ecf5);box-shadow:0 0 0 2px #0f0f14,0 0 0 4px}.modal .formGroup{flex-direction:column;gap:.5rem;display:flex}.modal .formGroup label{color:var(--ink,#e8ecf5);align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;display:flex}.modal .formGroup input,.modal .formGroup textarea,.modal .formGroup select{border-radius:var(--radius-md,12px);color:var(--ink,#e8ecf5);background:#ffffff0d;border:1px solid #ffffff1a;padding:.75rem;font-size:.875rem;transition:all .2s}.modal .formGroup input:focus,.modal .formGroup textarea:focus,.modal .formGroup select:focus{border-color:var(--accent-1,#4de1c1);outline:none;box-shadow:0 0 0 3px #4de1c126}.modal .alertError,.modal .alertSuccess{border-radius:var(--radius-md,12px);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.modal .alertError{color:#f44336;background:#f443361a;border:1px solid #f4433633}.modal .alertSuccess{color:#4caf50;background:#4caf501a;border:1px solid #4caf5033}[data-theme=light] .modal{background:linear-gradient(#fff 0%,#f8f9fc 100%);border-color:#0000001a;box-shadow:0 0 0 1px #0000000d,0 20px 60px #00000026}[data-theme=light] .modalHeader{border-bottom-color:#00000014}[data-theme=light] .modalFooter{border-top-color:#00000014}[data-theme=light] .modalHeader h2,[data-theme=light] .modalTitle{color:var(--ink,#0c111b)}[data-theme=light] .modalClose{color:var(--ink-muted,#6b7a90)}[data-theme=light] .modalClose:hover{color:var(--ink,#0c111b);background:#0000000d}[data-theme=light] .modal .formGroup input,[data-theme=light] .modal .formGroup textarea,[data-theme=light] .modal .formGroup select{color:var(--ink,#0c111b);background:#fff;border-color:#0000001a}[data-theme=light] .colorOption.selected,[data-theme=light] .colorOption[data-selected=true]{box-shadow:0 0 0 2px #fff,0 0 0 4px}@media (max-width:640px){.modal{border-radius:0;max-width:100%;max-height:100vh;margin:0}.modalOverlay{padding:0}.modalHeader,.modalBody,.modalFooter{padding-left:1rem;padding-right:1rem}}
*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0f16;--bg-2:#111624;--bg-card:#ffffff05;--bg-card-hover:#ffffff0d;--bg-secondary:#ffffff0d;--bg-tertiary:#ffffff14;--border-color:#ffffff1a;--glass-bg:#0f0f14d9;--glass-border:#ffffff14;--ink:#e8ecf5;--ink-dim:#c6cddd;--ink-muted:#8892a6;--text-primary:#e8ecf5;--text-secondary:#c6cddd;--text-tertiary:#8892a6;--bg-light:#f6f8fc;--ink-light:#0c111b;--ink-light-dim:#3a4458;--accent-1:#4de1c1;--accent-2:#6aa8ff;--accent-3:#ff7a59;--accent-4:#9d7bff;--accent-success:#4caf50;--accent-warning:#ffc107;--accent-error:#f44336;--brand-green:#6bad3c;--brand-green-dark:#5a9c34;--accent-primary:#4de1c1;--accent-secondary:#3bc5a7;--gradient-primary:linear-gradient(135deg,#4de1c1,#6aa8ff);--gradient-secondary:linear-gradient(135deg,#ff7a59,#9d7bff);--gradient-accent:var(--gradient-primary);--gradient-success:linear-gradient(135deg,#4de1c1,#45a049);--font-family-heading:"museo",serif;--font-family-body:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--fz-xs:clamp(12px,.8vw + 8px,13px);--fz-sm:clamp(13px,.9vw + 9px,14px);--fz-base:clamp(14px,1vw + 10px,16px);--fz-md:clamp(16px,1vw + 12px,18px);--fz-lg:clamp(18px,1.2vw + 12px,22px);--fz-xl:clamp(22px,1.6vw + 12px,30px);--fz-2xl:clamp(30px,2.2vw + 12px,46px);--fz-3xl:clamp(48px,3.6vw + 12px,86px);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--pad:clamp(14px,2.2vw,40px);--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0d111a14;--shadow-md:0 4px 15px #0d111a1f;--shadow-lg:0 10px 30px #0d111a40;--shadow-xl:0 20px 50px #0d111a59;--shadow-glow:0 0 40px #4de1c126;--transition-fast:.12s ease;--transition-base:.32s ease;--transition-slow:.6s ease;--transition-bounce:.32s cubic-bezier(.4,0,.2,1);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--touch-target-min:44px;--header-height:56px;--bottom-nav-height:64px;--emerald-green:#34d399;--emerald-green-glass:#34d39926;--emerald-outline:#34d3994d;--cyan-blue:#22d3ee;--cyan-blue-glass:#22d3ee26;--cyan-outline:#22d3ee4d;--purple-haze:#a78bfa;--purple-haze-glass:#a78bfa26;--purple-outline:#a78bfa4d;--silver-gradient:#e2e8f0;--silver-gradient-glass:#e2e8f026;--silver-outline:#e2e8f04d;--gold-shimmer:#fbbf24;--gold-shimmer-glass:#fbbf2433;--gold-outline:#fbbf2466}html{scroll-behavior:smooth;background:var(--bg);height:100%;font-size:16px}body{font-family:var(--font-family-body);font-size:var(--fz-base);background:radial-gradient(ellipse 1400px 900px at 80% -10%,#141926 0%,#0d111a 35%,var(--bg)70%)fixed;color:var(--ink);min-height:100dvh;line-height:1.6;overflow-x:hidden}@media (max-width:576px){html{height:100%;min-height:100dvh;overflow-x:clip}body{min-height:100dvh;padding-bottom:calc(80px + env(safe-area-inset-bottom,20px));overscroll-behavior:none;overscroll-behavior-y:none;overflow-x:clip}body:after{content:"";background:var(--bg);z-index:-2;pointer-events:none;height:100px;position:fixed;bottom:0;left:0;right:0;transform:translate(0,0)}}body:before{content:"";pointer-events:none;z-index:-1;transition:opacity var(--transition-base);background:radial-gradient(1000px 600px at 100% 0,#6aa8ff1f,#0000 60%),radial-gradient(900px 540px at 10% 90%,#4de1c11a,#0000 60%);position:fixed;inset:0}[data-theme=light]{--bg:#f9fafc;--bg-2:#f1f4f9;--bg-card:#1a1f2e05;--bg-card-hover:#1a1f2e0a;--bg-secondary:#1a1f2e08;--bg-tertiary:#1a1f2e0f;--border-color:#1a1f2e14;--glass-bg:#fffffffa;--glass-border:#1a1f2e0f;--ink:#1a1f2e;--ink-dim:#454d5e;--ink-muted:#7c8698;--text-primary:#1a1f2e;--text-secondary:#454d5e;--text-tertiary:#7c8698;--shadow-sm:0 2px 10px #1a1f2e0d;--shadow-md:0 8px 24px #1a1f2e14;--shadow-lg:0 16px 48px #1a1f2e1a;--shadow-xl:0 24px 64px #1a1f2e1f}[data-theme=light] body{color:var(--ink);background:radial-gradient(1100px 760px at 80% -10%,#e8edf5 0%,#f6f8fc 60%) fixed}[data-theme=light] body:before{background:radial-gradient(1000px 600px at 100% 0,#6aa8ff14,#0000 60%),radial-gradient(900px 540px at 10% 90%,#4de1c10f,#0000 60%)}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:var(--ink)}[data-theme=light] p{color:var(--ink-dim)}[data-theme=light] a{color:var(--accent-2)}[data-theme=light] a:hover{color:#4a8ee8}[data-theme=light] a[class*=btnPrimary],[data-theme=light] a[class*=btn-primary],[data-theme=light] .btn-primary{color:#1a1f2e!important}[data-theme=light] .card{background:#fff;border-color:#00000014;box-shadow:0 2px 8px #0000000a}[data-theme=light] .card:hover{background:#fff;border-color:#0000001f;box-shadow:0 8px 24px #0000001a}[data-theme=light] .btn-secondary{color:var(--ink);background:#0000000a;border-color:#0000001a}[data-theme=light] .btn-secondary:hover{background:#00000014;border-color:#00000026}[data-theme=light] .btn-ghost{color:var(--ink)}[data-theme=light] .btn-ghost:hover{background:#0000000a}[data-theme=light] .form-input,[data-theme=light] .form-textarea,[data-theme=light] .form-select{color:var(--ink);background:#fff;border-color:#0000001a}[data-theme=light] .form-input:focus,[data-theme=light] .form-textarea:focus,[data-theme=light] .form-select:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px #6aa8ff26}[data-theme=light] .form-input::placeholder,[data-theme=light] .form-textarea::placeholder{color:var(--ink-muted)}[data-theme=light] .glass{background:linear-gradient(#ffffffe6,#fffc),#fffc;border-color:#00000014}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--ink);font-weight:700;line-height:1.2}h1{font-size:var(--fz-3xl)}h2{font-size:var(--fz-2xl)}h3{font-size:var(--fz-xl)}h4{font-size:var(--fz-lg)}h5{font-size:var(--fz-md)}h6{font-size:var(--fz-base)}p{margin-bottom:var(--space-md);color:var(--ink-dim)}a{color:var(--accent-2);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-1)}.container{width:100%;max-width:1400px;padding:0 var(--pad);margin:0 auto}.glass{-webkit-backdrop-filter:blur(10px)saturate(120%);background:linear-gradient(#ffffff0f,#ffffff05),#ffffff05;border:1px solid #ffffff1a}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--fz-sm);cursor:pointer;transition:all var(--transition-bounce);border:none;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--gradient-primary);color:#1a1f2e;box-shadow:var(--shadow-md);font-weight:700}.btn-secondary-brand{background:var(--gradient-secondary);color:#fff;box-shadow:var(--shadow-md)}.btn-secondary{color:var(--ink);background:#ffffff1a;border:1px solid #ffffff26}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff40}.btn-success{background:var(--gradient-success);color:#fff}.btn-danger{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.btn-ghost{color:var(--ink);padding:var(--space-sm)var(--space-md);background:0 0}.btn-ghost:hover{background:#ffffff0d}.btn-icon{border-radius:var(--radius-full);width:40px;height:40px;padding:0}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-bounce);border:1px solid #ffffff14}.card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-lg);border-color:#ffffff26;transform:translateY(-4px)}.card-header{margin-bottom:var(--space-md)}.card-title{font-family:var(--font-family-heading);font-size:var(--fz-lg);color:var(--ink);font-weight:700}.card-description{font-size:var(--fz-sm);color:var(--ink-dim)}.form-group{margin-bottom:var(--space-lg)}.form-label{margin-bottom:var(--space-sm);font-weight:600;font-size:var(--fz-sm);color:var(--ink);display:block}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-md);border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--fz-base);color:var(--ink);transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent-1);outline:none;box-shadow:0 0 0 3px #4de1c126}.form-input::placeholder,.form-textarea::placeholder{color:var(--ink-muted)}input,select,textarea,button,input:focus,select:focus,textarea:focus{font-size:16px}@media (max-width:768px){input,select,textarea{min-height:44px;font-size:16px!important}button{min-width:44px;min-height:44px}}.badge{padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-full);font-size:var(--fz-xs);text-transform:uppercase;letter-spacing:.5px;align-items:center;font-weight:600;display:inline-flex}.badge-success{color:#4caf50;background:#4caf5033;border:1px solid #4caf504d}.badge-warning{color:#ffc107;background:#ffc10733;border:1px solid #ffc1074d}.badge-error{color:#f44336;background:#f4433633;border:1px solid #f443364d}.badge-info{color:var(--accent-2);background:#6aa8ff33;border:1px solid #6aa8ff4d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer-gold{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes badge-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.animate-fade-in{animation:fadeIn var(--transition-base)ease}.animate-slide-up{animation:slideUp var(--transition-base)ease}@media (max-width:1200px){.container{max-width:1000px}}@media (max-width:992px){.container{max-width:720px}}@media (max-width:768px){:root{--pad:16px}.container{max-width:100%}body{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}@media (max-width:576px){:root{--pad:12px}}*{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent}[data-theme=light] *{scrollbar-color:#00000026 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#ffffff47}::-webkit-scrollbar-thumb:active{background:#4de1c166}::-webkit-scrollbar-corner{background:0 0}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000026}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#00000047}[data-theme=light] ::-webkit-scrollbar-thumb:active{background:#6aa8ff80}@media print{body{color:#000;background:#fff}.no-print{display:none!important}}
