:root{--ink:#142138;--navy:#111b42;--violet:#6d4aff;--cyan:#13b8d7;--lime:#7bdb74;--paper:#f5f7fc;--card:#fff;--muted:#72809a;--line:#e5e9f2;--red:#e45066}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tajawal,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:12px;padding:.72rem 1.08rem;background:linear-gradient(120deg,var(--violet),#8958ff);color:#fff;font-weight:800;box-shadow:0 8px 18px #6d4aff30;transition:.2s}button:hover{transform:translateY(-2px)}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{background:linear-gradient(180deg,#101940,#17275a);color:#dce5ff;padding:1.65rem 1rem}.brand{font-family:'DM Sans';font-size:1.25rem;font-weight:700;margin:0 0 2.7rem;padding:.25rem .7rem;border-right:3px solid var(--lime)}.brand small{display:block;font-family:Tajawal;font-size:.7rem;opacity:.65;margin-top:.45rem}.nav{width:100%;text-align:right;background:transparent;color:inherit;padding:.78rem .85rem;margin:.1rem 0;box-shadow:none;font-weight:500}.nav:hover,.nav.active{background:#ffffff16;box-shadow:none}.nav.active{border-right:3px solid var(--lime);color:#fff;font-weight:800}.content{padding:2.1rem;max-width:1550px;width:100%;margin:auto}.top{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1.8rem}.top h1{margin:0;font-size:1.8rem}.muted{color:var(--muted);font-size:.88rem}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.badge{background:#e7fbf6;color:#087f74;border-radius:20px;padding:.34rem .7rem;font-size:.78rem;font-weight:800}.secondary{background:#fff;color:#40506b;border:1px solid var(--line);box-shadow:none}.grid{display:grid;grid-template-columns:repeat(4,minmax(155px,1fr));gap:1rem}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px #2738600b}.card{padding:1.15rem;position:relative;overflow:hidden}.card:after{content:'';position:absolute;width:70px;height:70px;border-radius:50%;left:-30px;bottom:-36px;background:#6d4aff13}.card strong{display:block;margin-top:.55rem;font:700 1.32rem 'DM Sans';direction:ltr;text-align:right}.ok{color:#15976f}.neg{color:var(--red)}.panel{padding:1.15rem;margin-top:1rem}.scroll{overflow:auto}.toolbar{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.toolbar input,.toolbar select,.form input,.form select,.form textarea{border:1px solid #d9e0ec;border-radius:10px;padding:.72rem;background:#fff;color:var(--ink);outline:none}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:right;padding:.78rem;border-bottom:1px solid var(--line);white-space:nowrap}th{color:#66758d;background:#f8f9fd}.badge.cancelled{background:#fff0f2;color:var(--red)}.form{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.form label{display:grid;gap:.35rem;font-size:.87rem;font-weight:800}.form .wide{grid-column:span 3}.notice{padding:1rem;border-radius:12px;background:#fff9e9;border-right:4px solid #f3c658;margin:1rem 0}.danger{background:linear-gradient(120deg,#ee6070,#ce3851)}
.login-screen{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}.login-visual{position:relative;overflow:hidden;padding:3rem 7vw;background:radial-gradient(circle at 14% 85%,#32cfe055,transparent 24rem),radial-gradient(circle at 85% 10%,#8e68ff8c,transparent 23rem),linear-gradient(145deg,#111a43,#253b88);color:#fff}.orb{position:absolute;border-radius:50%;border:1px solid #ffffff27}.orb.one{width:430px;height:430px;top:-160px;left:-120px}.orb.two{width:310px;height:310px;bottom:-120px;right:-80px}.login-brand{display:flex;gap:.8rem;align-items:center;position:relative}.logo-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#81e775,#17bccd);color:#16234b;font:800 1.45rem 'DM Sans'}.login-brand strong{display:block;font:700 1.05rem 'DM Sans'}.login-brand span{font-size:.76rem;opacity:.7}.login-copy{position:relative;margin-top:20vh;max-width:520px}.eyebrow{color:var(--cyan);font:700 .72rem 'DM Sans';letter-spacing:1.5px}.login-copy h1{font-size:clamp(2rem,4vw,4rem);line-height:1.2;margin:.7rem 0 1rem}.login-copy p{font-size:1.08rem;opacity:.78;line-height:1.8}.trust{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:2rem;font-size:.8rem;color:#dce8ff}.login-form-wrap{display:grid;place-items:center;padding:2rem}.login-card{width:min(430px,100%);padding:2.4rem;border:1px solid var(--line);border-radius:24px;box-shadow:0 22px 55px #29375b17}.login-card h2{font-size:1.75rem;margin:.5rem 0}.login-card p{color:var(--muted);font-size:.9rem;margin-bottom:1.7rem}.login-card label{display:grid;gap:.4rem;font-size:.85rem;font-weight:800;margin:.9rem 0}.login-card input{border:1px solid #d9e0ec;border-radius:11px;padding:.8rem;outline:none}.login-card button{width:100%;margin:1rem 0}.login-card small{display:block;color:var(--muted);text-align:center;font-size:.75rem}.login-error{color:#c33048;background:#fff0f2;border-radius:9px;padding:.65rem;font-size:.82rem}
@media(min-width:801px) and (max-width:1120px){.shell{grid-template-columns:210px 1fr}.content{padding:1.3rem}.grid{grid-template-columns:repeat(2,1fr)}.form{grid-template-columns:repeat(2,1fr)}.form .wide{grid-column:span 2}}@media(max-width:800px){.shell{grid-template-columns:1fr}.side{padding:.65rem;position:sticky;top:0;z-index:5}.brand{font-size:1rem;margin:0 0 .5rem}.brand small{display:none}.navs{display:flex;overflow:auto;gap:.2rem}.nav{width:auto;white-space:nowrap;font-size:.8rem;padding:.52rem}.nav.active{border-right:0;border-bottom:2px solid var(--lime)}.content{padding:1rem}.top{align-items:flex-start}.top h1{font-size:1.35rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.card{padding:.85rem}.card strong{font-size:1rem;white-space:nowrap}.panel{padding:.8rem}.form{grid-template-columns:1fr}.form .wide{grid-column:auto}.login-screen{grid-template-columns:1fr}.login-visual{min-height:300px;padding:1.5rem}.login-copy{margin-top:3.5rem}.login-copy h1{font-size:2rem}.login-copy p,.trust{display:none}.login-form-wrap{padding:1.1rem}.login-card{box-shadow:none;padding:1.3rem;border:0}.toolbar input{min-width:0;flex:1 1 170px}}@media(max-width:390px){.grid{grid-template-columns:1fr}}
.entry-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.entry-head h2{margin:.2rem 0}.entry-head p{margin:0;color:var(--muted);font-size:.85rem}.number-preview{padding:.85rem 1rem;border-radius:14px;background:linear-gradient(135deg,#ecf0ff,#f5f2ff);min-width:235px}.number-preview span{display:block;font-size:.72rem;color:var(--muted)}.number-preview strong{display:block;font:700 .93rem 'DM Sans';direction:ltr;margin-top:.25rem}.entry-panel{margin-top:0}.entry-actions{display:flex;justify-content:flex-start}
@media(max-width:800px){body{overflow-x:hidden}.content{padding:14px 12px 32px}.top{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 14px}.top .row{width:100%;justify-content:space-between}.top h1{font-size:1.26rem}.muted{font-size:.76rem}.side{padding:8px 8px 6px}.brand{padding:0 8px}.navs{margin:0 -8px;padding:0 8px;scroll-snap-type:x proximity}.nav{scroll-snap-align:start;padding:8px 10px;font-size:.74rem}.grid{grid-template-columns:1fr 1fr;gap:9px}.card{min-width:0;padding:12px;border-radius:14px}.card strong{font-size:.88rem;overflow:hidden;text-overflow:ellipsis}.panel{border-radius:14px;padding:12px;margin-top:10px}.panel.scroll{margin-left:-12px;margin-right:-12px;border-radius:0;border-left:0;border-right:0;padding:0 12px}.panel.scroll table{font-size:.72rem}.toolbar{display:grid;grid-template-columns:1fr auto}.toolbar input{width:100%;min-width:0}.toolbar select{grid-column:1/2}.toolbar button{grid-column:2;grid-row:1/3;align-self:stretch}.entry-head{align-items:stretch;flex-direction:column}.entry-head h2{font-size:1.35rem}.number-preview{min-width:0;width:100%}.form{gap:12px}.form label{font-size:.82rem}.form input,.form select,.form textarea{font-size:16px;padding:12px}.entry-actions button{width:100%;padding:14px}.notice{font-size:.78rem;line-height:1.7}.settings-grid{gap:10px}.engineer-hero{padding:14px}.engineer-hero button{width:100%}}
html[data-theme="dark"]{--ink:#edf3ff;--paper:#10162c;--card:#18213c;--muted:#aab6d0;--line:#2b3859}html[data-theme="dark"] body{background:radial-gradient(circle at 90% 2%,#1d3455 0,transparent 28rem),var(--paper)}html[data-theme="dark"] .panel,html[data-theme="dark"] .card,html[data-theme="dark"] .login-card{background:var(--card);box-shadow:0 10px 28px #00000023}html[data-theme="dark"] .secondary{background:#253253;color:#e8efff;border-color:#354565}html[data-theme="dark"] th{background:#202b4a;color:#c8d4f0}html[data-theme="dark"] td{border-color:#2b3859}html[data-theme="dark"] .toolbar input,html[data-theme="dark"] .toolbar select,html[data-theme="dark"] .form input,html[data-theme="dark"] .form select,html[data-theme="dark"] .form textarea{background:#111a31;color:#eff4ff;border-color:#3c4b6c}.engineer-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.settings-grid .panel{margin:0}@media(max-width:650px){.settings-grid{grid-template-columns:1fr}.engineer-hero{align-items:flex-start;flex-direction:column}}