@import"https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Cairo:wght@400;500;600;700&display=swap";:root{--bg-primary: oklch(99% 0 0);--text-primary: oklch(20% 0 0);--text-secondary: oklch(40% 0 0);--text-muted: oklch(50% 0 0);--text-heading: oklch(15% 0 0);--bg-secondary: oklch(98% 0 0);--bg-elevated: oklch(96% 0 0);--bg-hover: oklch(94% 0 0);--border-light: oklch(92% 0 0);--border-medium: oklch(88% 0 0);--border-focus: oklch(45% 0 0);--color-download: oklch(45% .15 145);--color-download-hover: oklch(40% .16 145);--color-download-bg: oklch(98% .03 145);--color-download-border: oklch(80% .08 145);--color-download-text: oklch(35% .12 145);--color-email: oklch(50% .15 240);--color-email-hover: oklch(45% .17 240);--color-reset: oklch(60% .15 65);--color-reset-hover: oklch(55% .17 65);--color-error: oklch(50% .15 25);--color-error-bg: oklch(98% .05 25);--color-info: oklch(50% .15 240);--color-info-hover: oklch(45% .18 240);--color-warning-bg: oklch(98% .03 45);--color-warning-bg2: oklch(97% .04 35);--color-info-box-bg: oklch(98% .02 220);--color-info-box-bg2: oklch(97% .03 200);--color-success-bg: oklch(98% .03 145);--color-success-bg2: oklch(97% .04 155);--overlay-bg: rgba(0, 0, 0, .6);--modal-bg: var(--bg-primary);--font-sans: "Noto Naskh Arabic", sans-serif;--font-heading: "Almarai", sans-serif}:root.dark,[data-theme=dark]{--bg-primary: oklch(0% 0 0);--text-primary: oklch(82% 0 0);--text-secondary: oklch(75% 0 0);--text-muted: oklch(65% 0 0);--text-heading: oklch(92% 0 0);--bg-secondary: oklch(5% 0 0);--bg-elevated: oklch(8% 0 0);--bg-hover: oklch(10% 0 0);--border-light: oklch(15% 0 0);--border-medium: oklch(25% 0 0);--border-focus: oklch(70% 0 0);--color-download: oklch(70% .15 145);--color-download-hover: oklch(75% .16 145);--color-download-bg: oklch(15% .04 145);--color-download-border: oklch(30% .1 145);--color-download-text: oklch(85% .08 145);--color-email: oklch(70% .15 240);--color-email-hover: oklch(75% .16 240);--color-reset: oklch(75% .15 65);--color-reset-hover: oklch(80% .16 65);--color-error: oklch(70% .15 25);--color-error-bg: oklch(15% .06 25);--color-info: oklch(70% .15 240);--color-info-hover: oklch(75% .16 240);--color-warning-bg: oklch(15% .04 55);--color-warning-bg2: oklch(12% .05 45);--color-info-box-bg: oklch(15% .03 230);--color-info-box-bg2: oklch(12% .04 220);--color-success-bg: oklch(15% .04 155);--color-success-bg2: oklch(12% .05 145);--overlay-bg: rgba(0, 0, 0, .9);--modal-bg: oklch(5% 0 0)}.app-container{display:grid;grid-template-columns:360px 1fr;height:100vh;background:var(--bg-primary);color:var(--text-primary)}.sidebar{background:var(--bg-secondary);border-left:1px solid var(--border-light);padding:16px;display:flex;flex-direction:column;gap:10px;height:100vh;overflow-y:auto;position:relative;z-index:1}.sidebar-header-mobile{display:none;align-items:center;justify-content:space-between;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid var(--border-light);flex:0 0 auto}.sidebar-mobile-title{font-family:var(--font-heading);font-weight:800;font-size:1em;color:var(--text-heading)}.sidebar-close-btn{background:none;border:none;color:var(--text-muted);font-size:1.6em;cursor:pointer;padding:4px 10px;border-radius:6px;line-height:1;transition:all .2s ease}.sidebar-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-overlay{display:none;position:fixed;inset:0;background:var(--overlay-bg);z-index:998}.sidebar-overlay.active{display:block}.mobile-sidebar-toggle{display:none;position:fixed;bottom:24px;right:24px;z-index:997;width:56px;height:56px;border-radius:50%;background:var(--color-download);color:#fff;border:none;cursor:pointer;box-shadow:var(--shadow-large);font-size:1.4em;align-items:center;justify-content:center;transition:all .3s ease}.mobile-sidebar-toggle:hover{transform:scale(1.08);background:var(--color-download-hover)}.mobile-sidebar-toggle:active{transform:scale(.95)}.mobile-sidebar-toggle.hidden{opacity:0;pointer-events:none;transform:scale(.8)}.mobile-sidebar-toggle .toggle-icon{line-height:1}.mobile-sidebar-toggle .toggle-badge{position:absolute;top:-4px;left:-4px;background:var(--color-error);color:#fff;font-size:.7em;font-weight:700;min-width:22px;height:22px;border-radius:11px;display:flex;align-items:center;justify-content:center;padding:0 6px;font-family:var(--font-heading)}.help-section,.btn,.btn-add,.btn-remove,.checkbox-item,.radio-item,.team-display,.team-card,.team-tag .remove{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.help-section{display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;padding:8px 12px;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--border-light);flex:0 0 auto;outline:none;color:var(--text-primary)}.help-section:hover{background:var(--bg-primary);border-color:var(--color-info)}.help-section:focus-visible{box-shadow:var(--shadow-focus)}.help-btn{width:24px;height:24px;border-radius:50%;border:2px solid var(--color-info);background:var(--bg-primary);color:var(--color-info);font-weight:700;font-size:.9em;display:flex;align-items:center;justify-content:center;flex-shrink:0}.help-text{font-size:.9em;font-weight:600;color:var(--text-secondary);font-family:var(--font-heading)}.help-section:hover .help-text{color:var(--color-info)}.sidebar-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;position:sticky;bottom:0;background:linear-gradient(to top,var(--bg-secondary) 70%,transparent);padding-top:10px;padding-bottom:4px}.btn{font-family:var(--font-heading);padding:11px 16px;border:1px solid transparent;color:#fff;font-weight:600;font-size:.85em;border-radius:10px;cursor:pointer;transition:all .3s ease;width:100%}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-download{background:var(--color-download);border-color:var(--color-download)}.btn-download:hover{background:var(--color-download-hover)}.btn-email{background:var(--color-email);border-color:var(--color-email)}.btn-email:hover{background:var(--color-email-hover)}.btn-reset{background:var(--color-reset);border-color:var(--color-reset)}.btn-reset:hover{background:var(--color-reset-hover)}.btn-cancel{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-medium)}.btn-cancel:hover{background:var(--bg-hover)}.main-content{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-primary)}.top-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);padding:20px 40px}.top-bar h2{font-size:1.4em;font-weight:700;color:var(--text-heading);font-family:var(--font-heading)}.work-area{flex:1;overflow-y:auto;padding:40px}.form-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:30px;max-width:1200px;box-shadow:var(--shadow-base)}.field-group{margin-bottom:20px;position:relative}.field-group:last-child{margin-bottom:0}label{display:block;font-size:.95em;font-weight:600;margin-bottom:8px;color:var(--text-heading);font-family:var(--font-heading)}.field-hint{font-size:.85em;color:var(--text-muted);font-weight:400;margin-top:6px;line-height:1.5}input[type=url],input[type=text]{width:100%;padding:12px 16px;border:1px solid var(--border-medium);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;font-size:.95em;font-family:var(--font-sans);transition:all .3s ease}input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}input.error{border-color:var(--color-error);border-width:2px;background:var(--color-error-bg)}.error-message{color:var(--color-error);font-size:.8em;margin-top:6px;font-weight:500;display:none}.team-display{padding:12px 16px;border:1px solid var(--border-medium);background:var(--bg-primary);border-radius:8px;min-height:48px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;flex-wrap:wrap;outline:none;color:var(--text-primary)}.team-display:hover{border-color:var(--border-focus)}.team-display:focus-visible{box-shadow:var(--shadow-focus)}.team-display.empty{color:var(--text-muted)}.team-display.error{border-color:var(--color-error);border-width:2px;background:var(--color-error-bg)}.team-display.active-field{border-color:var(--color-error);border-width:2px;box-shadow:0 0 0 3px #a8363426;animation:pulse-border 2s infinite}@keyframes pulse-border{0%,to{box-shadow:0 0 0 3px #a8363426}50%{box-shadow:0 0 0 5px #a8363440}}.team-tag{background:var(--bg-elevated);padding:6px 12px;border-radius:6px;font-size:.9em;font-weight:500;display:inline-flex;align-items:center;gap:8px;color:var(--text-primary)}.team-tag .remove{cursor:pointer;font-weight:800;color:var(--color-error);padding:0 2px}.checkbox-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.checkbox-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border-light);border-radius:8px;cursor:pointer;transition:all .3s ease;background:var(--bg-primary);outline:none;color:var(--text-primary)}.checkbox-item:hover{border-color:var(--border-medium);background:var(--bg-hover)}.checkbox-item:focus-visible{box-shadow:var(--shadow-focus)}.checkbox-item.selected{border-color:var(--border-focus);background:var(--bg-elevated)}.checkbox-item input{margin:0;cursor:pointer;accent-color:var(--color-download)}.checkbox-item label{margin:0;cursor:pointer;font-weight:500;font-size:.9em;font-family:var(--font-heading);color:var(--text-primary)}.radio-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.radio-group{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.radio-item{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid var(--border-light);border-radius:8px;cursor:pointer;transition:all .3s ease;background:var(--bg-primary);min-width:140px;outline:none;color:var(--text-primary)}.radio-item:hover{border-color:var(--border-medium);background:var(--bg-hover)}.radio-item:focus-visible{box-shadow:var(--shadow-focus)}.radio-item.selected{border-color:var(--border-focus);background:var(--bg-elevated)}.radio-item input{margin:0;cursor:pointer;accent-color:var(--color-download)}.radio-item label{margin:0;cursor:pointer;font-weight:500;font-size:.9em;white-space:nowrap;font-family:var(--font-heading);color:var(--text-primary)}.localizations-list{display:flex;flex-direction:column;gap:20px}.localization-item{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:12px;padding:24px;position:relative;box-shadow:var(--shadow-base)}.localization-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.localization-number{font-weight:700;color:var(--text-muted);font-size:.9em;font-family:var(--font-heading)}.btn-remove{background:none;border:none;color:var(--color-error);cursor:pointer;font-size:1.5em;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .3s ease}.btn-remove:hover{background:var(--color-error-bg)}.btn-add{width:100%;padding:16px;border:2px dashed var(--border-medium);background:var(--bg-primary);color:var(--text-muted);font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;margin-top:20px;font-family:var(--font-heading)}.btn-add:hover{border-color:var(--border-focus);color:var(--text-primary);background:var(--bg-hover)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg);z-index:1000;align-items:center;justify-content:center;padding:20px}.modal.active{display:flex}.modal-content{background:var(--modal-bg);border-radius:16px;width:100%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-large);border:1px solid var(--border-light)}.modal-header{padding:24px 30px;border-bottom:1px solid var(--border-light)}.modal-header h3{font-size:1.4em;font-weight:700;color:var(--text-heading);font-family:var(--font-heading)}.modal-header p{font-size:.9em;color:var(--text-muted);margin-top:6px}.modal-body{padding:30px;overflow-y:auto;flex:1}.modal-footer{padding:20px 30px;border-top:1px solid var(--border-light);display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.team-card{padding:16px 12px;border:2px solid var(--border-light);border-radius:12px;cursor:pointer;transition:all .3s ease;background:var(--bg-secondary);text-align:center;font-weight:500;font-size:.9em;font-family:var(--font-heading);display:flex;flex-direction:column;align-items:center;gap:10px;outline:none;color:var(--text-primary)}.team-card:hover{border-color:var(--border-medium);background:var(--bg-hover);transform:translateY(-4px);box-shadow:var(--shadow-medium)}.team-card:focus-visible{box-shadow:var(--shadow-focus),var(--shadow-medium)}.team-card.selected{border-color:var(--color-download);background:var(--color-download-bg);font-weight:700;box-shadow:var(--shadow-medium)}.team-card.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.team-logo{width:48px;height:48px;object-fit:contain;border-radius:8px}.team-name{font-size:.85em;line-height:1.3;color:var(--text-heading)}.sidebar-summary{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:12px;padding:12px;box-shadow:var(--shadow-base);flex:0 0 auto}.summary-head{margin-bottom:8px}.summary-title{font-family:var(--font-heading);font-weight:800;color:var(--text-heading);font-size:.92em}.summary-subtitle{margin-top:3px;color:var(--text-muted);font-size:.8em;font-weight:600;font-family:var(--font-heading)}.summary-divider{height:1px;background:var(--border-light);margin:10px 0}.summary-section{display:flex;flex-direction:column;gap:8px}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.84em}.summary-row .k{color:var(--text-secondary);font-weight:700;font-family:var(--font-heading)}.summary-row .v{color:var(--text-primary);font-weight:700;text-align:left;direction:ltr}.summary-row .v.mono{font-family:Courier New,monospace;font-weight:700}.summary-list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto;padding-left:2px;padding-right:2px}.summary-loc{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;padding:10px}.summary-loc-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.summary-loc-title{font-family:var(--font-heading);font-weight:800;font-size:.84em;color:var(--text-primary)}.summary-loc-state{font-family:var(--font-heading);font-weight:800;font-size:.76em;padding:5px 10px;border-radius:999px;border:1px solid var(--border-light);background:var(--bg-elevated);color:var(--text-secondary)}.summary-loc-state.ok{border-color:var(--color-download-border);background:var(--color-download-bg);color:var(--color-download-text)}.summary-loc-state.pending{border-color:var(--border-medium);background:var(--bg-elevated)}.summary-mini{display:flex;flex-direction:column;gap:6px;font-size:.8em}.mini-row{display:flex;justify-content:space-between;gap:10px}.mini-row .k{color:var(--text-muted);font-weight:700;font-family:var(--font-heading)}.mini-row .v{color:var(--text-primary);font-weight:700;text-align:left;direction:ltr}.summary-empty{color:var(--text-muted);font-weight:700;font-size:.86em;font-family:var(--font-heading);padding:6px 2px}.instructions-content{line-height:2;color:var(--text-primary)}.instructions-content .welcome-header{text-align:center;font-size:2.5em;margin-bottom:12px}.instructions-content .welcome-title{text-align:center;font-size:1.6em;font-weight:800;color:var(--text-heading);margin-bottom:8px;font-family:var(--font-heading)}.instructions-content .welcome-subtitle{text-align:center;font-size:1.05em;color:var(--text-secondary);margin-bottom:30px;line-height:1.7}.instructions-content h4{font-size:1.2em;color:var(--text-heading);margin:28px 0 14px;font-weight:700;display:flex;align-items:center;gap:10px;font-family:var(--font-heading)}.instructions-content p{margin-bottom:16px;color:var(--text-primary);font-size:1.02em}.instructions-content ul{margin:18px 0;padding-right:28px}.instructions-content li{margin-bottom:14px;color:var(--text-primary);font-size:1.01em;line-height:1.8}.instructions-content strong{color:var(--text-heading);font-weight:700}.instructions-content code{background:var(--bg-elevated);padding:2px 8px;border-radius:4px;font-size:.9em;color:var(--text-primary);border:1px solid var(--border-light)}.instructions-content .highlight{background:linear-gradient(135deg,var(--color-info-box-bg) 0%,var(--color-info-box-bg2) 100%);padding:20px 24px;border-radius:12px;border-right:4px solid var(--color-info);margin:24px 0;box-shadow:var(--shadow-base)}.instructions-content .warning{background:linear-gradient(135deg,var(--color-warning-bg) 0%,var(--color-warning-bg2) 100%);padding:20px 24px;border-radius:12px;border-right:4px solid var(--color-error);margin:24px 0;box-shadow:var(--shadow-base)}.instructions-content .info-box{background:linear-gradient(135deg,var(--color-success-bg) 0%,var(--color-success-bg2) 100%);padding:20px 24px;border-radius:12px;border-right:4px solid var(--color-download);margin:24px 0;box-shadow:var(--shadow-base)}.instructions-content a{color:var(--color-info);text-decoration:none;font-weight:600;transition:all .3s ease}.instructions-content a:hover{color:var(--color-info-hover);text-decoration:underline}.instructions-content .link-icon{display:inline-block;margin-left:4px}.instructions-content .emoji-large{font-size:1.3em;margin-left:6px}.scroll-indicator{text-align:center;color:var(--text-muted);font-size:.9em;font-weight:600;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.steps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.step-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow-base)}.step-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.step-badge{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-family:var(--font-heading);color:var(--text-heading);background:var(--bg-elevated);border:1px solid var(--border-light);flex-shrink:0}.step-title{font-weight:800;font-family:var(--font-heading);color:var(--text-heading)}.step-desc{color:var(--text-secondary);font-size:.98em;line-height:1.7}@media (max-width: 1400px){.checkbox-grid{grid-template-columns:repeat(3,1fr)}.team-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width: 1200px){.app-container{grid-template-columns:1fr}.sidebar{position:fixed;top:0;right:0;bottom:0;width:340px;max-width:85vw;z-index:999;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-large);height:100vh;height:100dvh}.sidebar.open{transform:translate(0)}.sidebar-header-mobile,.mobile-sidebar-toggle{display:flex}.checkbox-grid{grid-template-columns:repeat(2,1fr)}.radio-row,.steps-grid{grid-template-columns:1fr}.work-area{padding:24px 16px}.form-section{padding:20px 16px}.top-bar{padding:16px 20px}}@media (max-width: 640px){.sidebar{width:100%;max-width:100vw}.checkbox-grid{grid-template-columns:repeat(2,1fr);gap:6px}.checkbox-item{padding:8px 10px;font-size:.82em;gap:4px}.checkbox-item label{font-size:.8em}.radio-group{flex-direction:column;gap:6px}.radio-item{min-width:unset;padding:10px 12px;font-size:.85em}.radio-row{gap:12px}.modal{padding:8px}.modal-content{max-height:92vh;border-radius:12px}.modal-header{padding:16px 20px}.modal-header h3{font-size:1.1em}.modal-body{padding:16px}.modal-footer{padding:12px 16px;flex-direction:column}.modal-footer .btn{width:100%}.team-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.team-card{padding:12px 8px;gap:6px}.team-logo{width:36px;height:36px}.team-name{font-size:.78em}.localization-item{padding:16px 12px}.work-area{padding:16px 8px}.form-section{padding:16px 12px}.top-bar{padding:14px 16px}.top-bar h2{font-size:1.15em}.mobile-sidebar-toggle{width:48px;height:48px;bottom:16px;right:16px;font-size:1.2em}.instructions-content .welcome-title{font-size:1.2em}.instructions-content .welcome-subtitle{font-size:.9em}.instructions-content h4{font-size:1em}.step-card{padding:10px 12px}.step-desc{font-size:.85em}}@media (max-width: 380px){.checkbox-grid{grid-template-columns:1fr}}