:root{--primary-color: #d2683a;--primary-color-opacity: #d2683aa0;--primary-hover: #b5552b;--primary-tint: #fef3ee;--primary-tint-hover: #fef9f6;--primary-focus-ring: rgba(210, 104, 58, .1);--surface-dark: linear-gradient(135deg, #1e293b 0%, #2d3f55 55%, #1e293b 100%);--step-done: #198754;--step-active: var(--primary-color);--step-pending: #dee2e6;--bg-soft: #ffffff}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}body{font-family:IBM Plex Sans Arabic,sans-serif;background-color:var(--bg-soft);color:#333;display:flex;flex-direction:column;min-height:100vh}main{flex:1}.text-primary{color:var(--primary-color)!important}.bg-primary{background-color:var(--primary-color)!important}.border-primary{border-color:var(--primary-color)!important}.btn-primary{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;border-radius:0!important}.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:var(--primary-hover)!important;border-color:var(--primary-hover)!important}.btn-outline-primary{background-color:transparent!important;border-color:var(--primary-color)!important;color:var(--primary-color)!important;border-radius:0!important}.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.form-check-input{accent-color:var(--primary-color)}.form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color)}input.form-control,.form-select,.input-group span{border-radius:0;border-color:#ced4da;transition:border-color .3s,box-shadow .3s}.form-select:active{border-color:var(--primary-hover)!important}.card{border:none;border-radius:0!important;box-shadow:0 5px 15px #0000000d}.form-label{font-weight:600;color:var(--primary-color)}footer{background-color:var(--primary-color);color:#fffc;padding:2rem 0;margin-top:auto}.progress-bar{background-color:var(--primary-color)}.form-control:focus,.form-select:focus,.btn:focus,.form-check-input:focus{box-shadow:none!important;outline:none}.form-control:focus,.form-select:focus{border-color:var(--primary-color)!important}.top-header{position:relative;background:linear-gradient(135deg,#1e293b,#2d3f55 55%,#1e293b);border:none;padding:0;margin:0;box-shadow:0 4px 22px #0f172a38;overflow:hidden;z-index:1030}.top-header:before{content:"";position:absolute;top:-50px;inset-inline-start:-20px;width:220px;height:220px;background:radial-gradient(circle,rgba(210,104,58,.28) 0%,transparent 70%);pointer-events:none}.top-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),#f4a87c,var(--primary-color),transparent)}.nav-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:.7rem 0}.nav-brand{display:flex;align-items:center;gap:11px;text-decoration:none}.nav-logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary-color),#b4532b);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0;box-shadow:0 6px 16px -4px #d2683ab3;transition:.25s}.nav-brand:hover .nav-logo{transform:rotate(-6deg) scale(1.05)}.nav-brand-name{font-size:.95rem;font-weight:800;color:#fff;line-height:1.15}.nav-brand-sub{font-size:.68rem;color:#ffffff80}.nav-actions{display:flex;align-items:center;gap:.6rem}.nav-quick{display:inline-flex;align-items:center;gap:7px;background:#ffffff14;border:1px solid rgba(244,168,124,.3);color:#f4d9c8;padding:.5rem .95rem;font-size:.8rem;font-weight:600;text-decoration:none;border-radius:10px;transition:.2s}.nav-quick:hover{background:#d2683a40;border-color:#f4a87c99;color:#fff}.nav-menu-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--primary-color),#b4532b);border:none;color:#fff;padding:.55rem 1rem;font-size:.82rem;font-weight:700;border-radius:10px;cursor:pointer;transition:.2s;box-shadow:0 6px 16px -6px #d2683ad9}.nav-menu-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}@media(max-width:575.98px){.nav-brand-sub{display:none}.nav-logo{width:38px;height:38px;font-size:1.05rem}}.card-header{border-radius:0!important}.offcanvas{background-color:#fff;border-left:none!important;width:300px!important}.offcanvas-header{background-color:var(--primary-color-opacity);border:2px solid var(--primary-color);color:#fff;padding:2rem 1.5rem}.user-profile-section{padding:1.5rem;background:#f8f9fa;border-radius:15px;margin:1rem;text-align:center}.offcanvas-body .nav-link{color:#444;padding:12px 20px;margin:5px 15px;border-radius:10px;display:flex;align-items:center;gap:12px;transition:.3s}.offcanvas-body .nav-link:hover,.offcanvas-body .nav-link.active{background-color:var(--primary-tint);color:var(--primary-color)}.offcanvas-body .nav-link i{font-size:1.2rem}#mainMenu{width:300px!important;background:#fff}.oc-header{background:linear-gradient(135deg,#1e293b,#2d3f55);padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.oc-header:before{content:"";position:absolute;top:-30px;left:-30px;width:100px;height:100px;border-radius:50%;background:#d2683a26;pointer-events:none}.oc-header-brand{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.oc-logo{width:36px;height:36px;background:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;flex-shrink:0}.oc-brand-name{font-size:.85rem;font-weight:700;color:#fff;line-height:1.2}.oc-brand-sub{font-size:.68rem;color:#ffffff73}.oc-close{width:30px;height:30px;background:#ffffff1a;border:none;color:#ffffffb3;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:.2s;position:relative;z-index:1;flex-shrink:0}.oc-close:hover{background:#fff3;color:#fff}.oc-user-card{padding:1.25rem 1.5rem;background:linear-gradient(135deg,#fef3ee,#fff9f6);border-bottom:1px solid #f1e8e2;display:flex;align-items:center;gap:12px}.oc-avatar{width:46px;height:46px;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;position:relative}.oc-avatar-dot{position:absolute;bottom:1px;left:1px;width:10px;height:10px;background:#22c55e;border-radius:50%;border:2px solid #fff}.oc-user-name{font-size:.88rem;font-weight:700;color:#1e293b;margin:0}.oc-user-sub{font-size:.72rem;color:#94a3b8;margin:0}.oc-body{flex:1;overflow-y:auto;padding:.75rem 0}.oc-section-label{font-size:.65rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#94a3b8;padding:.75rem 1.5rem .3rem}.oc-link{display:flex;align-items:center;gap:10px;padding:.7rem 1.5rem;font-size:.875rem;font-weight:500;color:#374151;text-decoration:none;border-right:3px solid transparent;transition:.15s;position:relative}.oc-link:hover{background:#fef3ee;color:var(--primary-color);border-right-color:var(--primary-color)}.oc-link.active{background:#fef3ee;color:var(--primary-color);border-right-color:var(--primary-color);font-weight:700}.oc-link-icon{width:32px;height:32px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;transition:.15s}.oc-link:hover .oc-link-icon,.oc-link.active .oc-link-icon{background:#d2683a1f;color:var(--primary-color)}.oc-link-badge{margin-right:auto;background:var(--primary-color);color:#fff;font-size:.65rem;font-weight:700;padding:1px 7px;border-radius:20px}.oc-divider{height:1px;background:#f1f5f9;margin:.5rem 1.5rem}.oc-footer{padding:1rem 1.5rem;border-top:1px solid #f1f5f9;background:#fafafa}.btn-oc-logout{width:100%;padding:.6rem;background:transparent;border:1.5px solid #fee2e2;color:#ef4444;font-size:.82rem;font-weight:600;border-radius:0;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:7px}.btn-oc-logout:hover{background:#fee2e2;border-color:#fca5a5}.oc-guest-section{padding:1.5rem}.oc-guest-title{font-size:.82rem;color:#64748b;text-align:center;margin-bottom:1.25rem;line-height:1.7}.btn-oc-primary{width:100%;padding:.65rem;background:var(--primary-color);border:none;color:#fff;font-size:.875rem;font-weight:700;border-radius:0;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;margin-bottom:.6rem}.btn-oc-primary:hover{background:var(--primary-hover);color:#fff}.btn-oc-outline{width:100%;padding:.6rem;background:transparent;border:1.5px solid var(--primary-color);color:var(--primary-color);font-size:.875rem;font-weight:600;border-radius:0;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none}.btn-oc-outline:hover{background:var(--primary-color);color:#fff}.oc-license{font-size:.68rem;color:#cbd5e1;text-align:center;padding:.75rem 1.5rem}