:root{--font-family: "Cairo", "Outfit", system-ui, -apple-system, sans-serif;--bg-main: #0f172a;--bg-card: #1e293b;--bg-card-hover: #24344d;--bg-subpanel: #0b1120;--border-color: #334155;--border-subpanel: #1e293b;--border-glow: rgba(16, 185, 129, .3);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--accent-emerald: #10b981;--accent-emerald-bg: rgba(16, 185, 129, .15);--accent-blue: #38bdf8;--accent-blue-bg: rgba(56, 189, 248, .15);--accent-amber: #fbbf24;--accent-amber-bg: rgba(251, 191, 36, .15);--accent-rose: #f43f5e;--accent-rose-bg: rgba(244, 63, 94, .15);--accent-purple: #c084fc;--brand-red: #ef4444;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-main: #f8fafc;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--bg-subpanel: #f1f5f9;--border-color: #cbd5e1;--border-subpanel: #e2e8f0;--border-glow: rgba(5, 150, 105, .25);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #475569;--accent-emerald: #059669;--accent-emerald-bg: #ecfdf5;--accent-blue: #0284c7;--accent-blue-bg: #e0f2fe;--accent-amber: #d97706;--accent-amber-bg: #fef3c7;--accent-rose: #e11d48;--accent-rose-bg: #ffe4e6;--accent-purple: #7c3aed;--brand-red: #dc2626;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .05);--shadow-md: 0 6px 20px rgba(15, 23, 42, .08);--shadow-lg: 0 14px 32px rgba(15, 23, 42, .12)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-emerald)}.app-container{max-width:1350px;margin:0 auto;padding:0 1.25rem}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:var(--transition)}.sub-box{background:var(--bg-subpanel);border:1px solid var(--border-subpanel);border-radius:var(--radius-sm);padding:1.25rem}.glass-nav{background:var(--bg-card);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.88rem;font-weight:800;color:var(--text-secondary);margin-bottom:.45rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:.95rem;font-weight:600;transition:var(--transition);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-emerald);box-shadow:0 0 0 3px #10b98133}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;font-family:inherit;font-size:.92rem;font-weight:800;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:var(--transition);text-decoration:none}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b98159}.btn-primary:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98173}.btn-secondary{background:var(--bg-subpanel);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover)}.btn-danger{background:var(--accent-rose-bg);color:var(--accent-rose);border:1px solid rgba(244,63,94,.3)}.btn-danger:hover{background:#f43f5e40}.nav-tab-btn{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.15rem;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-secondary);font-family:inherit;font-size:.9rem;font-weight:800;cursor:pointer;transition:var(--transition)}.nav-tab-btn:hover{color:var(--text-primary);background:var(--bg-subpanel)}.nav-tab-btn.active{color:var(--accent-emerald);background:var(--accent-emerald-bg);border:1px solid rgba(16,185,129,.4)}.info-field-label{font-size:.82rem;font-weight:700;color:var(--text-muted);margin-bottom:.2rem}.info-field-value{font-size:.95rem;font-weight:800;color:var(--text-primary)}