@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap";
:root{--brand-navy-950:#07111e;--brand-navy-900:#0a1b30;--brand-navy-800:#0f2744;--brand-navy-700:#17385e;--brand-blue:#0284c7;--brand-blue-hover:#0369a1;--brand-blue-glow:#0284c759;--brand-orange:#f97316;--brand-orange-dark:#ea580c;--brand-orange-light:#fb923c;--brand-orange-glow:#f973164d;--bg-main:#060e18;--bg-card:#0c1b30bf;--bg-card-hover:#122644d9;--bg-surface:#0a1b30;--bg-surface-elevated:#0f2744;--bg-input:#0a182ce6;--border-subtle:#ffffff14;--border-card:#0284c72e;--border-highlight:#0284c773;--border-orange:#f9731673;--border-focus:#0284c7;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--accent-purple:#8b5cf6;--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm:0 4px 12px #00000059;--shadow-md:0 10px 28px #00000073;--shadow-glow-blue:0 0 25px #0284c738;--shadow-glow-orange:0 0 25px #f9731638}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);height:100vh;color:var(--text-main);font-family:var(--font-family);text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:ltr;overflow:hidden}body{background-image:radial-gradient(circle at 10% 10%,#0284c71f 0%,#0000 45%),radial-gradient(circle at 90% 20%,#f9731614 0%,#0000 40%),radial-gradient(circle at 50% 90%,#0f274499 0%,#0000 50%);background-attachment:fixed}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#060e18cc}::-webkit-scrollbar-thumb{background:#0284c740;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#0284c773}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-card);box-shadow:var(--shadow-sm);border-radius:16px;transition:all .22s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:#0284c759}.glass-panel-glow{border:1px solid var(--border-highlight);box-shadow:var(--shadow-glow-blue)}.glass-panel-orange-glow{border:1px solid var(--border-orange);box-shadow:var(--shadow-glow-orange)}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);box-shadow:0 4px 14px #0284c759}.btn-primary:hover{background:linear-gradient(135deg,#0369a1 0%,#075985 100%);transform:translateY(-1px);box-shadow:0 6px 20px #0284c773}.btn-orange{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);box-shadow:0 4px 14px #f9731659}.btn-orange:hover{background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%);transform:translateY(-1px);box-shadow:0 6px 20px #f9731673}.btn-emerald{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px #10b98159}.btn-emerald:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-subtle);background:#ffffff0f}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff2e}.btn-danger{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e4d}.btn-danger:hover{background:#f43f5e40}.badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-completed{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.badge-pending{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-cancelled{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e4d}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-muted);font-size:13px;font-weight:600}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border-card);width:100%;color:var(--text-main);border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #0284c738}.form-select option{color:#fff;background:#0a1b30}.number-ltr{font-variant-numeric:tabular-nums;direction:ltr;font-family:Plus Jakarta Sans,monospace;display:inline-block}.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#040912d1;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:linear-gradient(#0d2138 0%,#081626 100%);border:1px solid #0284c740;border-radius:20px;width:100%;max-width:650px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 25px 50px -12px #000000d9}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.period-btn{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;background:#ffffff0a;border-radius:9999px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .18s}.period-btn:hover{color:var(--text-main);background:#ffffff17}.period-btn.active{color:#38bdf8;background:linear-gradient(135deg,#0284c740 0%,#f9731626 100%);border-color:#0284c780;box-shadow:0 2px 10px #0284c733}@media print{@page{size:A4 portrait;margin:8mm 10mm}*,:before,:after{box-sizing:border-box!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}html,body{color:#0f172a!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important;background:#fff!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:visible!important}nav,aside,main,header,footer,.no-print{visibility:hidden!important;display:none!important}body>div,body>div>div{height:auto!important;min-height:0!important;display:block!important;overflow:visible!important}.modal-overlay{-webkit-backdrop-filter:none!important;width:100%!important;height:auto!important;box-shadow:none!important;z-index:1!important;background:#fff!important;margin:0!important;padding:0!important;display:block!important;position:static!important;inset:auto!important}.receipt-box{width:100%!important;max-width:190mm!important;box-shadow:none!important;color:#0f172a!important;background:#fff!important;border:none!important;border-radius:0!important;margin:0 auto!important;padding:0!important}.receipt-printable-canvas{box-sizing:border-box!important;width:100%!important;max-width:190mm!important;height:278mm!important;min-height:278mm!important;max-height:280mm!important;box-shadow:none!important;page-break-inside:avoid!important;break-inside:avoid!important;background:#fff!important;border:2px solid #0284c7!important;border-radius:8px!important;flex-direction:column!important;justify-content:space-between!important;margin:0 auto!important;padding:16px 20px!important;display:flex!important;overflow:hidden!important}}