:root{--bg:#f4f7ff;--surface:#ffffff;--ink:#0b1730;--ink-soft:#55628a;--ink-faint:#8e97b8;--blue:#1849d6;--blue-deep:#0d2e8f;--blue-bright:#3a6bff;--blue-soft:#e8eefc;--blue-line:#d3ddf7;--amber:#dc9231;--amber-soft:#fbf1e0;--amber-line:#f0dcb4;--teal:#17936f;--teal-soft:#e2f5ee;--teal-line:#bfe6d6;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--font-arabic:"IBM Plex Sans Arabic","Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--shadow-card:0 1px 2px rgba(11,23,48,0.04),0 8px 24px -12px rgba(24,73,214,0.18);--shadow-card-lg:0 2px 8px rgba(11,23,48,0.06),0 16px 40px -16px rgba(24,73,214,0.24)}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light}body{font-family:var(--font-arabic);background:radial-gradient(circle at 12% 8%,rgba(58,107,255,.1),transparent 42%),radial-gradient(circle at 88% 92%,rgba(23,147,111,.07),transparent 45%),var(--bg);color:var(--ink);min-height:100vh;line-height:1.55;-webkit-font-smoothing:antialiased}.circuit-backdrop{position:fixed;inset:0;z-index:-1;opacity:.5;background-image:linear-gradient(var(--blue-line) 1px,transparent 1px),linear-gradient(90deg,var(--blue-line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0,black 0,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0,black 0,transparent 75%)}.mono{font-family:var(--font-mono);letter-spacing:.01em;direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}button{font-family:inherit;cursor:pointer}a{color:inherit}::selection{background:var(--blue-soft);color:var(--blue-deep)}:focus-visible{outline:2px solid var(--blue-bright);outline-offset:3px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.timeline-wrap{display:flex;flex-direction:column;gap:20px}.trace-track{justify-content:space-between;padding:4px 2px}.trace-node-wrap,.trace-track{display:flex;align-items:flex-start}.trace-node-wrap{flex:1 1}.trace-node-wrap:first-child{flex:0 0 auto}.trace-segment{flex:1 1;height:3px;border-radius:2px;background:var(--blue-line);margin-top:13px;margin-inline:2px;position:relative;overflow:hidden}.trace-segment-live{background:var(--blue)}.trace-segment-live:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:trace-current-flow 2.6s ease-in-out infinite}@keyframes trace-current-flow{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.trace-node-col{flex-direction:column;gap:8px;min-width:56px}.trace-node,.trace-node-col{display:flex;align-items:center}.trace-node{width:28px;height:28px;border-radius:50%;background:var(--surface);border:2.5px solid var(--blue-line);justify-content:center;transition:border-color .3s,background .3s;flex-shrink:0}.trace-node-done{background:var(--blue);border-color:var(--blue)}.trace-node-current{border-color:var(--blue);box-shadow:0 0 0 5px var(--blue-soft)}.trace-node-current:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--blue)}.trace-label{font-size:12.5px;color:var(--ink-faint);text-align:center;font-weight:500;line-height:1.3}.trace-label-current{color:var(--blue-deep);font-weight:700}.not-repairable-banner{display:flex;align-items:center;gap:10px;background:#fdf0ee;border:1px solid #f3cec7;color:#a3402e;padding:14px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500}.not-repairable-dot{width:8px;height:8px;border-radius:50%;background:#c1503a;flex-shrink:0}.history-disclosure{border-top:1px dashed var(--blue-line);padding-top:14px}.history-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--blue);font-size:13px;font-weight:600;padding:0}.history-list{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:10px}.history-item{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;-webkit-padding-start:16px;padding-inline-start:16px;position:relative}.history-item:before{content:"";position:absolute;right:0;top:6px;width:5px;height:5px;border-radius:50%;background:var(--blue-line)}.history-status{color:var(--ink-soft)}.history-time{color:var(--ink-faint);font-size:12px}.page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px 60px}@media (min-width:640px){.page{padding-top:64px}}.ticket{width:100%;max-width:440px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card-lg);overflow:hidden;animation:ticket-rise .5s cubic-bezier(.16,1,.3,1)}@keyframes ticket-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.ticket-header{background:linear-gradient(135deg,var(--blue-deep),var(--blue));color:white;padding:22px 24px;justify-content:space-between}.ticket-brand,.ticket-header{display:flex;align-items:center}.ticket-brand{gap:9px;font-weight:700;font-size:15px}.ticket-number-block{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.ticket-number-label{font-size:10.5px;opacity:.75}.ticket-number{font-size:14px;font-weight:600;letter-spacing:.02em}.ticket-perforation{height:14px;background-image:radial-gradient(circle at 50% 0,transparent 7px,var(--surface) 7.5px);background-size:22px 14px;background-repeat:repeat-x;background-position:top;margin-top:-1px}.ticket-body{padding:8px 24px 24px;display:flex;flex-direction:column;gap:26px}.device-line{display:flex;align-items:flex-start;gap:12px}.device-name{font-weight:700;font-size:15px}.device-problem{color:var(--ink-soft);font-size:13px;margin-top:2px}.section-stack{display:flex;flex-direction:column;gap:14px}.ticket-footer{text-align:center;font-size:11.5px;color:var(--ink-faint);padding:16px 24px 22px}.state-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:40px 28px;max-width:380px;width:100%;text-align:center;color:var(--ink-soft);font-size:14px}.state-title{font-weight:700;color:var(--ink);font-size:16px;margin-bottom:8px}.loading-pulse{display:inline-block;width:34px;height:34px;border-radius:50%;border:3px solid var(--blue-soft);border-top-color:var(--blue);animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(1turn)}}.receipt{background:var(--blue-soft);border-radius:var(--radius-md);padding:18px 20px;display:flex;flex-direction:column;gap:10px}.receipt-row{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;color:var(--ink-soft)}.receipt-amount{font-weight:600;color:var(--ink);font-size:14px}.receipt-paid{color:var(--teal)}.receipt-divider{height:1px;background:var(--blue-line);margin:2px 0}.receipt-row-final{font-weight:700;font-size:14.5px;color:var(--ink)}.receipt-remaining{color:var(--amber);font-size:16px}.paid-badge{color:var(--teal);background:var(--teal-soft);border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.approval-card{background:var(--amber-soft);border:1px solid var(--amber-line);border-radius:var(--radius-md);padding:18px 20px}.approval-header{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px;color:var(--amber);margin-bottom:10px}.approval-flag{width:7px;height:7px;border-radius:50%;background:var(--amber);flex-shrink:0}.approval-desc{font-size:14px;color:var(--ink);margin-bottom:4px}.approval-price{font-size:19px;font-weight:700;color:var(--ink);margin-bottom:14px}.approval-actions{display:flex;gap:10px}.btn{flex:1 1;border:none;border-radius:var(--radius-sm);padding:11px 16px;font-size:14px;font-weight:700;font-family:inherit;transition:transform .15s,opacity .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-approve{background:var(--blue);color:white}.btn-reject{background:white;color:var(--ink-soft);border:1px solid var(--blue-line)}.approval-confirm{display:flex;flex-direction:column;gap:8px}.approval-confirm-label{font-size:12.5px;color:var(--ink-soft)}.approval-confirm-row{display:flex;gap:10px}.approval-input{width:84px;text-align:center;font-size:16px;padding:10px;border-radius:var(--radius-sm);border:1.5px solid var(--blue-line);letter-spacing:.15em}.approval-error{color:#a3402e;font-size:12.5px;margin-top:8px}.review-card{background:var(--blue-soft);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:14px}.review-title{font-weight:700;font-size:14.5px;text-align:center}.review-stars{display:flex;justify-content:center;gap:4px}.review-star-btn{background:none;border:none;padding:2px;line-height:0;transition:transform .15s}.review-star-btn:hover{transform:scale(1.15)}.review-textarea{font-family:inherit;font-size:13.5px;padding:12px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--blue-line);resize:vertical;background:white}.review-submit{width:100%}.review-thanks{background:var(--teal-soft);border:1px solid var(--teal-line);border-radius:var(--radius-md);padding:22px;text-align:center;font-weight:600;color:#0f6e53;font-size:14px;position:relative;overflow:hidden}.review-thanks-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(23,147,111,.15),transparent 70%)}