@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--color-primary: #7C3AED;--color-primary-dark: #5B21B6;--color-primary-mid: #6D28D9;--color-primary-light: #8B5CF6;--color-primary-subtle: #EDE9FE;--color-primary-xsubtle:#F5F3FF;--color-crimson: #7C3AED;--color-crimson-dark: #5B21B6;--color-crimson-light: #8B5CF6;--color-maroon: #6D28D9;--color-royal: #7C3AED;--color-gold: #7C3AED;--color-gold-light: #8B5CF6;--color-gold-dark: #5B21B6;--color-border-gold: rgba(124, 58, 237, .25);--color-bg-page: #F5F3FF;--color-bg-card: #FFFFFF;--color-bg-card-hover: #FDFCFF;--color-bg-input: #FFFFFF;--color-bg-alt: #EDE9FE;--color-bg-subtle: rgba(124, 58, 237, .04);--color-bg-purple-tint: rgba(124, 58, 237, .06);--color-text-primary: #1E1B4B;--color-text-secondary: #3730A3;--color-text-muted: #6B7280;--color-text-light: #FFFFFF;--color-border: #E5E7EB;--color-border-light: #F3F4F6;--color-border-purple: rgba(124, 58, 237, .2);--color-success: #059669;--color-success-bg: rgba(5, 150, 105, .08);--color-success-border: rgba(5, 150, 105, .25);--color-warning: #D97706;--color-warning-bg: rgba(217, 119, 6, .08);--color-warning-border: rgba(217, 119, 6, .25);--color-error: #DC2626;--color-error-bg: rgba(220, 38, 38, .06);--color-error-border: rgba(220, 38, 38, .22);--color-info: #2563EB;--color-info-bg: rgba(37, 99, 235, .07);--color-info-border: rgba(37, 99, 235, .2);--color-purple: #7C3AED;--color-purple-bg: rgba(124, 58, 237, .08);--color-purple-border: rgba(124, 58, 237, .22);--gradient-royal: linear-gradient(135deg, #2E1065 0%, #4C1D95 45%, #6D28D9 100%);--gradient-hero: linear-gradient(135deg, #FAFAFE 0%, #F5F3FF 55%, #EDE9FE 100%);--gradient-button: linear-gradient(135deg, #5B21B6 0%, #7C3AED 60%, #8B5CF6 100%);--gradient-gold: linear-gradient(90deg, #5B21B6 0%, #7C3AED 50%, #8B5CF6 100%);--gradient-card: none;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 2px 6px rgba(0,0,0,.04);--shadow-card: 0 1px 3px rgba(0,0,0,.04), 0 4px 14px rgba(0,0,0,.06);--shadow-card-lg: 0 4px 8px rgba(0,0,0,.05), 0 12px 32px rgba(124,58,237,.1);--shadow-gold: 0 4px 20px rgba(124, 58, 237, .28);--shadow-gold-lg: 0 8px 32px rgba(124, 58, 237, .32);--shadow-inset: inset 0 1px 4px rgba(0, 0, 0, .05);--shadow-focus: 0 0 0 3px rgba(124, 58, 237, .18);--shadow-navbar: 0 1px 0 #E5E7EB, 0 2px 12px rgba(0, 0, 0, .06);--font-heading: "Outfit", "Inter", "Segoe UI", sans-serif;--font-body: "Inter", "Segoe UI", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--navbar-height: 68px;--sidebar-width: 240px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .35s cubic-bezier(.34, 1.56, .64, 1)}body{background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.btn-danger,.bg-danger{background-color:#dc2626!important;border-color:#b91c1c!important}.btn-danger:hover{background-color:#b91c1c!important}.btn-outline-danger{color:#dc2626!important;border-color:#dc2626!important}.btn-outline-danger:hover{background-color:#dc2626!important;color:#fff!important}.text-danger{color:#dc2626!important}.border-danger{border-color:#dc2626!important}.card-royal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);color:var(--color-text-primary);transition:box-shadow var(--transition-normal),border-color var(--transition-normal),transform var(--transition-normal)}.card-royal:hover{box-shadow:var(--shadow-card-lg);border-color:var(--color-border-purple)}.card-royal .card-header{background:var(--gradient-royal);color:#fff;border-bottom:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md) var(--radius-md) 0 0;font-family:var(--font-heading)}.btn-gold{display:inline-flex;align-items:center;justify-content:center;background:var(--gradient-button);color:#fff;font-family:var(--font-body);font-weight:600;font-size:.9rem;letter-spacing:.02em;border:none;border-radius:var(--radius-pill);padding:.62rem 1.8rem;cursor:pointer;box-shadow:0 2px 8px #7c3aed38;transition:transform var(--transition-bounce),box-shadow var(--transition-normal),background var(--transition-fast);-webkit-user-select:none;user-select:none}.btn-gold:hover{background:linear-gradient(135deg,#5b21b6,#6d28d9);box-shadow:var(--shadow-gold);transform:translateY(-2px);color:#fff}.btn-gold:active{transform:translateY(0);box-shadow:0 1px 4px #7c3aed33}.btn-gold:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important;pointer-events:none}.btn-crimson{display:inline-flex;align-items:center;justify-content:center;background:var(--gradient-button);color:#fff;font-weight:600;border:none;border-radius:var(--radius-pill);padding:.62rem 1.8rem;cursor:pointer;box-shadow:0 2px 8px #7c3aed38;transition:transform var(--transition-bounce),box-shadow var(--transition-normal)}.btn-crimson:hover{background:linear-gradient(135deg,#5b21b6,#6d28d9);box-shadow:var(--shadow-gold);transform:translateY(-2px);color:#fff}.btn-outline-gold{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--color-primary);font-family:var(--font-body);font-weight:600;font-size:.9rem;border:1.5px solid var(--color-primary);border-radius:var(--radius-pill);padding:.58rem 1.7rem;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-normal),transform var(--transition-bounce);-webkit-user-select:none;user-select:none}.btn-outline-gold:hover{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-gold);transform:translateY(-2px)}.btn-outline-gold:active{transform:translateY(0)}.btn-outline-gold:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.form-control-royal,.form-select-royal{background:var(--color-bg-input)!important;border:1.5px solid var(--color-border)!important;color:var(--color-text-primary)!important;border-radius:var(--radius-sm)!important;padding:.65rem .95rem;font-size:.9rem;font-family:var(--font-body);line-height:1.5;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-control-royal::placeholder{color:var(--color-text-muted);opacity:.65}.form-control-royal:focus,.form-select-royal:focus{border-color:var(--color-primary)!important;box-shadow:var(--shadow-focus)!important;outline:none}.form-select-royal option{background:#fff;color:var(--color-text-primary)}.form-label-royal{color:var(--color-text-muted);font-size:.85rem;font-weight:500;margin-bottom:.4rem;display:block;letter-spacing:.01em}.section-heading-gold{font-family:var(--font-heading);color:var(--color-text-primary);font-weight:700;letter-spacing:-.01em}.section-heading-royal{font-family:var(--font-heading);color:var(--color-text-primary);font-weight:700}.text-gold,.text-crimson{color:var(--color-primary)!important}.text-royal-muted{color:var(--color-text-muted)!important}.fw-semibold{font-weight:600!important}.badge-pending{display:inline-flex;align-items:center;background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border);border-radius:var(--radius-pill);padding:.22rem .7rem;font-size:.75rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge-confirmed{display:inline-flex;align-items:center;background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-border);border-radius:var(--radius-pill);padding:.22rem .7rem;font-size:.75rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge-in-progress{display:inline-flex;align-items:center;background:var(--color-purple-bg);color:var(--color-purple);border:1px solid var(--color-purple-border);border-radius:var(--radius-pill);padding:.22rem .7rem;font-size:.75rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge-completed,.badge-delivered{display:inline-flex;align-items:center;background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border);border-radius:var(--radius-pill);padding:.22rem .7rem;font-size:.75rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge-revision{display:inline-flex;align-items:center;background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border);border-radius:var(--radius-pill);padding:.22rem .7rem;font-size:.75rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge-cancelled{display:inline-flex;align-items:center;background:#6b728014;color:#6b7280;border:1px solid rgba(107,114,128,.2);border-radius:var(--radius-pill);padding:.22rem .7rem;font-size:.75rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.section-royal{background:#fff;padding:5rem 0;color:var(--color-text-primary)}.section-royal-alt{background:var(--color-bg-alt);padding:5rem 0;color:var(--color-text-primary)}.divider-gold{border:none;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);margin:2rem 0;opacity:.3;border-radius:1px}.auth-page{min-height:100vh;background:var(--gradient-hero);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 24px #7c3aed1a,0 1px 4px #0000000d;padding:2.5rem 2rem;width:100%;max-width:480px;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.auth-card-header{text-align:center;margin-bottom:2rem}.auth-card-header h2{font-family:var(--font-heading);color:var(--color-primary);font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.auth-card-header p{color:var(--color-text-muted);font-size:.9rem}.alert-royal-error{display:flex;align-items:flex-start;gap:.5rem;background:var(--color-error-bg);border:1px solid var(--color-error-border);color:#b91c1c;border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.88rem;animation:fadeIn .2s ease}.alert-royal-success{display:flex;align-items:flex-start;gap:.5rem;background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success);border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.88rem}.alert-royal-info{display:flex;align-items:flex-start;gap:.5rem;background:var(--color-info-bg);border:1px solid var(--color-info-border);color:var(--color-info);border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.88rem}.spinner-royal{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wizard-step-dot{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;border:2px solid var(--color-border);background:#fff;color:var(--color-text-muted);transition:all var(--transition-normal)}.wizard-step-dot.active{background:var(--color-primary);border-color:var(--color-primary-dark);color:#fff;box-shadow:0 2px 10px #7c3aed4d;transform:scale(1.08)}.wizard-step-dot.done{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.wizard-step-line{flex:1;height:2px;background:var(--color-border);border-radius:1px;transition:background var(--transition-normal)}.wizard-step-line.done{background:var(--color-primary)}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-border) 100%);border-radius:1px}.timeline-item{position:relative;padding-bottom:1.5rem}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-1.7rem;top:4px;width:14px;height:14px;border-radius:50%;background:var(--color-border);border:2px solid #FFFFFF;box-shadow:0 0 0 2px var(--color-border);transition:all var(--transition-normal)}.timeline-dot.latest{background:var(--color-primary);box-shadow:0 0 0 3px #7c3aed33;border-color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:576px){.auth-card{padding:1.75rem 1.25rem}.section-royal,.section-royal-alt{padding:3rem 0}}.custom-navbar{background:#fff;padding:0 2rem;height:var(--navbar-height);box-shadow:var(--shadow-navbar);border-bottom:1px solid #E5E7EB;transition:box-shadow var(--transition-normal)}.logo{height:42px;object-fit:contain}.nav-links{gap:.15rem}.nav-item-link{color:#4b5563;font-size:.92rem;font-weight:500;text-decoration:none;padding:.42rem .85rem;border-radius:var(--radius-pill);position:relative;transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.nav-item-link:hover{color:var(--color-primary);background:#7c3aed12}.nav-item-link.active{color:var(--color-primary);background:#7c3aed1a;font-weight:600}.nav-actions{display:flex;align-items:center;gap:.6rem}.btn-primary{background:var(--gradient-button);color:#fff;border:none;padding:.44rem 1.3rem;border-radius:var(--radius-pill);font-weight:600;font-size:.88rem;cursor:pointer;box-shadow:0 2px 8px #7c3aed38;transition:transform var(--transition-bounce),box-shadow var(--transition-normal),background var(--transition-fast)}.btn-primary:hover{background:linear-gradient(135deg,#5b21b6,#6d28d9);box-shadow:0 6px 20px #7c3aed4d;transform:translateY(-1px);color:#fff}.btn-primary:active{transform:translateY(0)}.btn-outline{background:transparent;border:1.5px solid var(--color-primary);color:var(--color-primary);padding:.4rem 1.1rem;border-radius:var(--radius-pill);font-size:.88rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-bounce)}.btn-outline:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-1px)}.btn-outline:active{transform:translateY(0)}.navbar-toggler{color:#4b5563;font-size:1.2rem;transition:color var(--transition-fast),transform var(--transition-fast)}.navbar-toggler:hover{color:var(--color-primary);transform:scale(1.1)}@media(max-width:991px){.custom-navbar{padding:0 1rem}.navbar-collapse{background:#fff;border-top:1px solid #E5E7EB;padding:.5rem 0;animation:slideDown .22s cubic-bezier(.4,0,.2,1)}.nav-links{flex-direction:column;gap:.1rem;padding:.5rem 0}.nav-item-link{display:block;padding:.55rem 1rem;border-radius:var(--radius-sm)}.nav-actions{flex-direction:column;align-items:stretch;padding:.75rem 0 1rem;gap:.5rem}.btn-primary,.btn-outline{text-align:center;width:100%}}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}::selection{background:#7c3aed26;color:#1e1b4b}:focus-visible{outline:2px solid rgba(124,58,237,.55);outline-offset:2px;border-radius:4px}button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}a{transition:color .15s ease,opacity .15s ease}#root{animation:pageFadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}button,[role=button],input,textarea,select{touch-action:manipulation}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}