@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap";
:root{--color-brand-primary:#ba2025;--color-brand-primary-hover:#9a1a1e;--color-brand-primary-light:#ba202514;--color-brand-red:#ba2025;--color-text-primary:#231f20;--color-text-secondary:#807e7e;--color-text-inverse:#fff;--color-border-default:#cdcdd1;--color-border-light:#e8e8ea;--color-border:#cdcdd1;--color-surface-muted:#fff;--color-surface-bg:#f7f7f8;--color-surface-raised:#fff;--color-accent-gold:#b29430;--color-accent-gold-light:#b294301a;--color-success:#16a34a;--color-success-light:#16a34a14;--color-error:#dc2626;--color-error-light:#dc262614;--color-warning:#f59e0b;--color-warning-light:#f59e0b14;--font-family:"Cairo", sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-size-xs:11.2px;--font-size-sm:12px;--font-size-md:13px;--font-size-lg:14px;--font-size-xl:16px;--font-size-2xl:18px;--font-size-3xl:22px;--font-size-4xl:24px;--font-size-5xl:32px;--font-size-6xl:40px;--space-1:1px;--space-2:3px;--space-3:4px;--space-4:5px;--space-5:6px;--space-6:8px;--space-7:10px;--space-8:15px;--space-9:20px;--space-10:24px;--space-11:32px;--space-12:40px;--space-13:48px;--space-14:64px;--radius-xs:3px;--radius-sm:6px;--radius-md:10px;--radius-lg:15px;--radius-xl:20px;--radius-2xl:40px;--radius-full:50px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--shadow-xl:0 16px 48px #0000001f;--motion-micro:.16s;--motion-instant:.18s;--motion-fast:.26s;--motion-normal:.38s;--motion-reveal:.52s;--motion-hero:.8s;--motion-ease:cubic-bezier(.16, 1, .3, 1);--motion-ease-out:cubic-bezier(0, 0, .2, 1);--motion-ease-in-out:cubic-bezier(.4, 0, .2, 1);--max-width:1200px;--header-height:64px}.live-scale{--font-size-xs:16px;--font-size-sm:18px;--font-size-md:20px;--font-size-lg:24px;--font-size-xl:28px;--font-size-2xl:32px;--font-size-3xl:40px;--font-size-4xl:48px;--font-size-5xl:56px;--font-size-6xl:72px;--space-8:24px;--space-9:32px;--space-10:40px;--space-11:48px;--space-12:64px}.admin-scale{--font-size-xs:12px;--font-size-sm:13px;--font-size-md:14px;--font-size-lg:15px;--font-size-xl:16px;--font-size-2xl:18px;--font-size-3xl:22px;--font-size-4xl:26px;--font-size-5xl:32px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:var(--font-size-lg);color:var(--color-text-primary);background-color:var(--color-surface-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:var(--color-brand-primary);transition:color var(--motion-instant) var(--motion-ease);text-decoration:none}a:not(.btn):not([class*=Btn]):not([class*=btn]):hover{color:var(--color-brand-primary-hover)}a.btn,a.btn:hover,a.btn:focus,a.btn:active,a.btn:visited{text-decoration:none}img{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px;border-radius:var(--radius-xs)}.btn{justify-content:center;align-items:center;gap:var(--space-6);font-family:var(--font-family);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);border-radius:var(--radius-md);cursor:pointer;min-height:44px;transition:background-color var(--motion-instant) var(--motion-ease), color var(--motion-instant) var(--motion-ease), box-shadow var(--motion-instant) var(--motion-ease), transform var(--motion-instant) var(--motion-ease), opacity var(--motion-instant) var(--motion-ease);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.btn svg{transition:transform var(--motion-instant) var(--motion-ease);flex-shrink:0}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary,.btn-primary:visited,a.btn-primary,a.btn-primary:visited{background-color:var(--color-brand-primary);padding:12px 24px;box-shadow:0 2px 8px #ba202533;color:var(--color-text-inverse)!important}.btn-primary *,.btn-primary:hover *,.btn-primary:active *,.btn-primary:focus-visible *{color:inherit}.btn-primary:hover:not(:disabled),a.btn-primary:hover:not(:disabled){background-color:var(--color-brand-primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px #ba202559;color:var(--color-text-inverse)!important}.btn-primary:hover:not(:disabled) svg:last-child,.btn:hover:not(:disabled) svg:last-child{transform:translate(3px)}.btn-primary:active:not(:disabled),a.btn-primary:active:not(:disabled){background-color:#831519;transform:translateY(0);box-shadow:0 2px 6px #ba202540;color:var(--color-text-inverse)!important}.btn-primary:active:not(:disabled) svg:last-child,.btn:active:not(:disabled) svg:last-child{transform:translate(1px)}.btn-primary:focus-visible,a.btn-primary:focus-visible{background-color:var(--color-brand-primary);outline-offset:2px;outline:2px solid #fff;box-shadow:0 0 0 4px #ba20258c;color:var(--color-text-inverse)!important}.btn-primary:disabled,.btn-primary[disabled],.btn-primary.disabled,a.btn-primary[aria-disabled=true]{opacity:.65;cursor:not-allowed;pointer-events:none;background-color:#8a6466;color:#ffffffb3!important;box-shadow:none!important;transform:none!important}.btn-primary:disabled svg,.btn-primary[disabled] svg,.btn-primary.disabled svg,a.btn-primary[aria-disabled=true] svg{transform:none!important}.btn-secondary{color:var(--color-brand-primary);border:1.5px solid var(--color-brand-primary);background-color:#0000;padding:10px 22px}.btn-secondary:hover:not(:disabled){background-color:var(--color-brand-primary-light)}.btn-ghost{color:var(--color-text-primary);background-color:#0000;padding:10px 18px}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface-bg)}.btn-success,.btn-success:visited,a.btn-success,a.btn-success:visited{background-color:var(--color-success);padding:12px 24px;color:var(--color-text-inverse)!important}.btn-success:hover:not(:disabled),a.btn-success:hover:not(:disabled){box-shadow:var(--shadow-md);background-color:#15803d;transform:translateY(-1px);color:var(--color-text-inverse)!important}.btn-danger,.btn-danger:visited,a.btn-danger,a.btn-danger:visited{background-color:var(--color-error);padding:12px 24px;color:var(--color-text-inverse)!important}.btn-danger:hover:not(:disabled),a.btn-danger:hover:not(:disabled){opacity:.95;background-color:#b91c1c;color:var(--color-text-inverse)!important}.btn-sm{font-size:var(--font-size-sm);border-radius:var(--radius-sm);min-height:36px;padding:6px 14px}.btn-lg{font-size:var(--font-size-xl);border-radius:var(--radius-md);min-height:48px;padding:14px 32px}.btn-loading{pointer-events:none;position:relative;color:#0000!important}.btn-loading:after{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.form-group{gap:var(--space-4);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.form-label .required{color:var(--color-brand-primary);margin-left:2px}.form-input,.form-textarea,.form-select{font-family:var(--font-family);font-size:16px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);background-color:var(--color-surface-muted);border:1.5px solid var(--color-border-default);border-radius:var(--radius-md);min-height:44px;transition:all var(--motion-instant) var(--motion-ease);width:100%;padding:10px 14px}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-secondary);font-weight:var(--font-weight-regular)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-primary-light);outline:none}.form-input.error,.form-textarea.error{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-light)}.form-textarea{resize:vertical;min-height:100px}.form-error{font-size:var(--font-size-sm);color:var(--color-error);font-weight:var(--font-weight-medium)}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.form-checkbox{align-items:center;gap:var(--space-6);cursor:pointer;display:flex}.form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-brand-primary);cursor:pointer}.card{background-color:var(--color-surface-raised);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-10);box-shadow:var(--shadow-sm);transition:box-shadow var(--motion-instant) var(--motion-ease)}.card-interactive:hover{box-shadow:var(--shadow-md)}.card-accent{border-left:4px solid var(--color-brand-primary)}.card-gold-accent{border-left:4px solid var(--color-accent-gold)}.badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);align-items:center;padding:3px 10px;line-height:1.4;display:inline-flex}.badge-primary{background-color:var(--color-brand-primary);color:var(--color-text-inverse)}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-error{background-color:var(--color-error-light);color:var(--color-error)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-neutral{background-color:var(--color-surface-bg);color:var(--color-text-secondary)}.badge-accent{background-color:var(--color-brand-primary-light);color:var(--color-brand-primary);border:1px solid #ba20251f}.badge-time{background-color:var(--color-brand-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);font-size:var(--font-size-sm);padding:4px 14px}.container{max-width:var(--max-width);padding:0 var(--space-10);margin:0 auto}.section{padding:var(--space-14) 0}.page-content{min-height:calc(100vh - var(--header-height));padding-top:var(--space-12);padding-bottom:var(--space-14)}.status-dot{width:8px;height:8px;margin-right:var(--space-5);border-radius:50%;display:inline-block}.status-dot-empty{border:2px solid var(--color-text-secondary);background:0 0}.status-dot-filled{background-color:var(--color-success);border:2px solid var(--color-success)}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--color-border-light);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--font-size-md)}.table th{text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;background-color:var(--color-surface-bg);border-bottom:1px solid var(--color-border-default);padding:12px 16px}.table td{border-bottom:1px solid var(--color-border-light);vertical-align:middle;padding:12px 16px}.table tr:last-child td{border-bottom:none}.table tr:hover{background-color:var(--color-surface-bg)}.alert{align-items:flex-start;gap:var(--space-7);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:14px 18px;display:flex}.alert-success{background-color:var(--color-success-light);color:var(--color-success);border:1px solid #16a34a33}.alert-error{background-color:var(--color-error-light);color:var(--color-error);border:1px solid #dc262633}.alert-warning{background-color:var(--color-warning-light);color:#92400e;border:1px solid #f59e0b33}.alert-info{background-color:var(--color-brand-primary-light);color:var(--color-brand-primary);border:1px solid #ba202526}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes heroBlurryLoad{0%{opacity:0;filter:blur(14px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes heroBlurryFadeUp{0%{opacity:0;filter:blur(10px);transform:translateY(12px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes heroBgCinematic{0%{opacity:.7;filter:blur(16px);transform:scale(1.04)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes cursorFadeOut{0%{opacity:1}to{opacity:0}}@keyframes subtleArrowGlide{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}@keyframes crossfade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shiny{0%{background-position:-200%}to{background-position:200%}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #ba202526,0 0 60px #ba20250d}50%{box-shadow:0 0 30px #ba202540,0 0 80px #ba20251a}}@keyframes beamTravel{0%{opacity:0;transform:translateY(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100%)}}.animate-fade-in{animation:fadeIn var(--motion-fast) var(--motion-ease) forwards}.animate-fade-in-up{animation:fadeInUp var(--motion-normal) var(--motion-ease) forwards}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-shiny{background-size:200%;animation:4s linear infinite shiny}.liquid-glass{background-blend-mode:luminosity;-webkit-backdrop-filter:blur(8px);background:#ffffff05;border:none;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff14}.liquid-glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:1;background:linear-gradient(#ffffff4d 0%,#ffffff1a 20%,#fff0 40% 60%,#ffffff1a 80%,#ffffff4d 100%);padding:1.2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.reveal-hidden{opacity:0;transition:opacity var(--motion-reveal) var(--motion-ease), transform var(--motion-reveal) var(--motion-ease);will-change:opacity, transform;transform:translateY(18px)}.reveal-visible{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:50ms}.stagger-2{transition-delay:.11s}.stagger-3{transition-delay:.17s}.stagger-4{transition-delay:.23s}.stagger-5{transition-delay:.29s}.stagger-6{transition-delay:.35s}.stagger-7{transition-delay:.41s}.stagger-8{transition-delay:.47s}.page-transition-enter{animation:fadeIn var(--motion-fast) var(--motion-ease) forwards}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal-hidden{opacity:1!important;transition:none!important;transform:none!important}.reveal-visible{opacity:1!important;transform:none!important}}@media (max-width:768px){:root{--space-10:16px;--space-11:24px;--space-12:32px;--space-13:40px;--space-14:48px}.container{padding:0 16px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}