:root{--color-bg:#0c0c0f;--color-surface:#141418;--color-surface-2:#1a1a22;--color-border:#1e1e26;--color-border-light:#2a2a36;--color-crimson:#c0392b;--color-crimson-soft:#e74c3c;--color-crimson-dim:#c0392b26;--color-crimson-glow:#c0392b4d;--color-gold:#c9a84c;--color-gold-soft:#e0bb6a;--color-gold-dim:#c9a84c26;--color-text-primary:#f0ede8;--color-text-secondary:#b8b5af;--color-text-muted:#7a7a8c;--color-text-faint:#4a4a5a;--color-success:#2e7d55;--color-success-soft:#3cb371;--color-warning:#c07a20;--color-warning-soft:#e0921b;--color-error:#c0392b;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-xl:0 16px 64px #000000b3;--shadow-crimson:0 0 24px #c0392b33;--shadow-gold:0 0 24px #c9a84c33;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);min-height:100vh;font-size:16px;line-height:1.6}img,video,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}.font-serif{font-family:var(--font-serif)}.font-sans{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--color-text-primary);font-weight:600;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4.5rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2.25rem)}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{color:var(--color-text-secondary);line-height:1.7}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}::selection{background:var(--color-crimson-dim);color:var(--color-text-primary)}.glass{-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:#141418cc}.glass-light{-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);background:#1a1a2299}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);font-family:var(--font-sans);letter-spacing:.02em;transition:all var(--transition-base);white-space:nowrap;padding:12px 24px;font-size:.9rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn:hover:before{background:#ffffff0a}.btn:active:before{background:#ffffff14}.btn-primary{background:var(--color-crimson);color:#fff;box-shadow:0 4px 16px #c0392b59}.btn-primary:hover{background:var(--color-crimson-soft);transform:translateY(-1px);box-shadow:0 4px 24px #c0392b80}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-surface-2);color:var(--color-text-primary);border:1px solid var(--color-border-light)}.btn-secondary:hover{border-color:var(--color-crimson);color:var(--color-text-primary);transform:translateY(-1px)}.btn-ghost{color:var(--color-text-secondary);border:1px solid #0000}.btn-ghost:hover{border-color:var(--color-border-light);color:var(--color-text-primary)}.btn-gold{background:linear-gradient(135deg, var(--color-gold), var(--color-gold-soft));color:#0c0c0f;font-weight:600;box-shadow:0 4px 16px #c9a84c4d}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 4px 24px #c9a84c73}.btn-sm{padding:8px 16px;font-size:.825rem}.btn-lg{padding:16px 36px;font-size:1rem}.btn-icon{border-radius:var(--radius-md);padding:10px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-label{color:var(--color-text-secondary);letter-spacing:.03em;text-transform:uppercase;font-size:.825rem;font-weight:500}.input{background:var(--color-surface-2);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);width:100%;color:var(--color-text-primary);transition:all var(--transition-base);outline:none;padding:12px 16px;font-size:.95rem}.input::placeholder{color:var(--color-text-faint)}.input:focus{border-color:var(--color-crimson);box-shadow:0 0 0 3px var(--color-crimson-dim)}.input:hover:not(:focus){border-color:var(--color-border-light)}.textarea{resize:vertical;min-height:120px}.input-error{border-color:var(--color-error)!important}.input-error-msg{color:var(--color-error);margin-top:4px;font-size:.8rem}.badge{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-locked{color:var(--color-gold);background:#c9a84c1f;border:1px solid #c9a84c4d}.badge-delivered{color:var(--color-success-soft);background:#2e7d5526;border:1px solid #2e7d554d}.badge-draft{color:var(--color-text-muted);background:#7a7a8c26;border:1px solid #7a7a8c4d}.badge-platform{color:var(--color-crimson-soft);border:1px solid var(--color-crimson-dim);background:#c0392b1f}.badge-external{color:var(--color-gold-soft);border:1px solid var(--color-gold-dim);background:#c9a84c1a}.badge-pending{color:var(--color-warning-soft);background:#c07d201f;border:1px solid #c07d204d}.badge-confirmed{color:var(--color-success-soft);background:#2e7d5526;border:1px solid #2e7d554d}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--color-crimson);box-shadow:var(--shadow-lg), var(--shadow-crimson);transform:translateY(-2px)}.divider{background:var(--color-border);width:100%;height:1px}.divider-text{align-items:center;gap:var(--space-3);color:var(--color-text-muted);letter-spacing:.05em;font-size:.8rem;display:flex}.divider-text:before,.divider-text:after{content:"";background:var(--color-border);flex:1;height:1px}.avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-crimson-dim), var(--color-gold-dim));border:2px solid var(--color-border-light);font-family:var(--font-serif);color:var(--color-text-primary);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.avatar-sm{width:32px;height:32px;font-size:.8rem}.avatar-md{width:40px;height:40px;font-size:1rem}.avatar-lg{width:56px;height:56px;font-size:1.3rem}.avatar-xl{width:80px;height:80px;font-size:1.8rem}.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}.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-2{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #c0392b4d}50%{box-shadow:0 0 20px #c0392b99}}@keyframes candle-flicker{0%,to{opacity:1;transform:scaleY(1)scaleX(1)}25%{opacity:.9;transform:scaleY(.97)scaleX(1.02)}50%{opacity:.95;transform:scaleY(1.02)scaleX(.98)}75%{opacity:.88;transform:scaleY(.99)scaleX(1.01)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-slow) both}.animate-fade-in-scale{animation:fadeInScale var(--transition-slow) both}.animate-float{animation:4s ease-in-out infinite float}.animate-flicker{animation:3s ease-in-out infinite candle-flicker}.animate-spin{animation:1s linear infinite spin}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-surface-2) 50%, var(--color-surface) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.scroll-area{scrollbar-width:thin;scrollbar-color:var(--color-border-light) transparent;overflow-y:auto}.status-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.status-dot-green{background:var(--color-success-soft)}.status-dot-red{background:var(--color-crimson-soft)}.status-dot-yellow{background:var(--color-warning-soft)}.status-dot-gray{background:var(--color-text-faint)}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.progress-bar-track{background:var(--color-surface-2);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--color-crimson), var(--color-crimson-soft));border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.progress-bar-fill-gold{background:linear-gradient(90deg, var(--color-gold), var(--color-gold-soft))}html,body{overflow-x:hidden}@media (max-width:768px){.container{padding:0 var(--space-4)}.grid-2,.grid-3{grid-template-columns:1fr}h1{font-size:2rem}h2{font-size:1.6rem}.btn{min-height:44px}.btn-sm{min-height:36px}.input{min-height:44px}.toast-container{bottom:auto;top:calc(56px + var(--space-3));right:var(--space-4);left:var(--space-4);align-items:center}}@media (max-width:480px){h1{font-size:1.75rem}.btn-lg{padding:14px 24px}}