@font-face{font-family:system;src:local(Tahoma)}:root{--bg:#101513;--panel:#191f1c;--line:#303a34;--muted:#8b9b90;--text:#e8efe9;--green:#b5ecc2;--darkgreen:#214f37;--yellow:#f1d594}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif;font-size:13px;line-height:1.8}button,input,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.5}input,textarea{width:100%;border:1px solid #3b463e;border-radius:9px;padding:12px 13px;background:#131915;color:var(--text);outline:none;transition:border .2s}input:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #b5ecc211}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#68776d}h1,h2,h3,p{margin:0}h1{font-size:32px;letter-spacing:-1.2px;font-weight:600;line-height:1.6}h2{font-size:18px;font-weight:500;margin-top:2px}h3{font-size:13px;font-weight:500}small{display:block;color:var(--muted);font-size:11px}label{display:block;margin-bottom:16px;color:#c8d3ca}label input,label textarea,label .phone,label .amount{margin-top:7px}.hidden{display:none!important}.sidebar{width:226px;position:fixed;right:0;top:0;bottom:0;background:#141a16;border-left:1px solid var(--line);padding:35px 22px}.brand{display:flex;align-items:center;gap:12px;font-size:24px}.brand-icon{display:grid;place-items:center;background:var(--green);color:#203c29;width:43px;height:43px;font-family:Georgia,serif;font-size:38px;font-style:italic;border-radius:12px;line-height:1}.brand small{font-size:10px;letter-spacing:.3px}.nav-title{color:#667b6b;font-size:10px;margin:55px 12px 15px}.nav{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:8px}.nav.active{background:#26372b;color:var(--green)}.nav-count{margin-right:auto;background:#3b5141;padding:0 7px;border-radius:5px;font-size:11px}.side-bottom{position:absolute;bottom:28px;font-size:11px;color:#b2c1b5}.side-bottom small{font-size:9px;margin-right:15px;margin-top:5px;direction:ltr}.pulse{display:inline-block;height:6px;width:6px;border-radius:100%;background:var(--green);margin-left:7px;box-shadow:0 0 0 4px #b5ecc20d}main{margin-right:226px;padding:0 42px;max-width:1800px}header{height:91px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.breadcrumb{color:var(--muted);font-size:11px}.breadcrumb span{padding:0 12px;color:#536557}.header-actions{display:flex;gap:18px;align-items:center}.avatar{width:30px;height:30px;display:grid;place-items:center;border:1px solid #657668;background:#354238;border-radius:100%;font-family:Georgia}.badge{display:inline-block;padding:4px 10px;background:#2b352e;border-radius:6px;color:#afc2b3;font-size:10px;white-space:nowrap}.badge.ok{background:#263d2d;color:var(--green)}.badge.warn{background:#443b25;color:var(--yellow)}.intro{display:flex;justify-content:space-between;align-items:center;margin:38px 0 29px}.eyebrow{font:9px Arial,sans-serif;letter-spacing:2px;color:#90b39a;direction:ltr;text-align:right;margin-bottom:9px}.muted{color:var(--muted);font-size:12px}.intro .muted{margin-top:8px}.date-tag{direction:ltr;font:12px Arial,sans-serif;text-align:left;color:#c5d5c9;border-right:2px solid #405946;padding-right:20px}.date-tag span{display:block;font:11px Tahoma;margin-top:8px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:26px}.stats article{border:1px solid var(--line);border-radius:12px;padding:20px 24px;position:relative;background:linear-gradient(130deg,#202b23,#171e19)}.stats article>span{font-size:11px;color:#b0c0b4}.stats strong{display:block;font-size:32px;line-height:1.6;font-weight:500}.stats small{font-size:10px}.green{color:#9acaab!important}.main-grid{display:grid;grid-template-columns:minmax(330px,.95fr) minmax(350px,1.05fr);gap:23px;align-items:stretch}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:25px}.section-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:22px}.section-title .eyebrow{font-size:8px;margin-bottom:6px}.round-icon{display:grid;place-items:center;border:1px solid #4e6654;color:var(--green);height:32px;width:32px;border-radius:100%;font-size:21px}.form-section{display:flex;gap:10px;align-items:center;margin:24px 0 17px}.step-index{color:#738d7b;font:11px Arial;border:1px solid #3d5043;border-radius:5px;padding:2px 5px}.hint{color:#7d9183;font-size:10px;margin:-6px 0 19px}.optional{font-size:9px;color:#829088;margin-right:6px}.two-cols{display:grid;grid-template-columns:1.15fr 1fr;gap:12px}.phone,.amount{display:flex;align-items:center;direction:ltr;position:relative}.phone span,.amount span{position:absolute;color:#8da492;font:12px Arial;left:12px}.phone input{padding-left:46px;margin:0}.amount input{padding-right:48px;margin:0}.amount span{left:auto;right:12px}.plan-strip{background:#233329;border:1px solid #344e3c;padding:13px;border-radius:9px;display:flex;gap:10px;align-items:center;margin:9px 0 20px;direction:ltr;font:11px Arial}.plan-strip small{font:9px Tahoma;direction:rtl;margin-top:6px}.mini-mark{color:var(--green);font-size:23px}.fawry{font:bold italic 12px Arial;color:#154a81;background:#f6d357;border-radius:3px;padding:3px 6px;margin-left:auto}.primary{width:100%;padding:12px 16px;background:var(--green);border-radius:9px;color:#183321;font-weight:600;display:flex;align-items:center;justify-content:space-between;transition:background .2s}.primary:hover{background:#cdf6d7}.primary span{font:19px Arial}.center{text-align:center}.primary+.hint{margin:11px 0 0}.quiet{background:transparent;color:#b4c9ba;font-size:11px;padding:6px}.quiet:hover{color:#e7ffee}.error{color:#f2a7a0;font-size:11px;margin-top:12px}.empty{text-align:center;padding:65px 12px;color:var(--muted)}.empty-orbit{height:87px;width:87px;border:1px solid #46614e;border-radius:24px;display:grid;place-items:center;margin:0 auto 26px;background:radial-gradient(#304537,#1b251e);font-size:38px;color:#b0d5b9;transform:rotate(-6deg)}.empty h3{color:#c8d5cc;font-size:14px;margin-bottom:10px}.empty p{font-size:11px;max-width:240px;margin:auto}.empty-path{display:flex;align-items:center;justify-content:center;gap:15px;font-size:10px;margin-top:38px}.empty-path span{border:1px solid #3b4c40;padding:6px 12px;border-radius:6px}.empty-path b{font-weight:400}.job-identity{padding-bottom:22px;direction:ltr;text-align:right;overflow-wrap:anywhere}.job-identity strong{font:13px Arial}.job-identity small{margin-top:5px}.timeline{margin:3px 0 20px}.timeline-item{position:relative;display:flex;align-items:center;gap:12px;padding:0 0 21px;color:#778d7e}.timeline-item:before{content:'';position:absolute;right:12px;top:24px;bottom:0;width:1px;background:#3b4d41}.timeline-item:last-child:before{display:none}.timeline-item i{font:11px Arial;display:grid;place-items:center;height:25px;width:25px;border:1px solid #3f5145;border-radius:100%;font-style:normal;z-index:1;background:var(--panel)}.timeline-item.done{color:#b7d6c0}.timeline-item.done i{background:#294835;color:var(--green);border-color:#3b6548}.timeline-item.current{color:var(--text)}.timeline-item.current i{border-color:var(--green);color:var(--green);box-shadow:0 0 0 4px #b5ecc20b}.notice{font-size:11px;line-height:2;padding:12px 14px;background:#222d25;border-radius:8px;border:1px solid #3a4c3f;color:#b9cfbf}.job-actions{display:flex;align-items:center;gap:10px;margin-top:14px}.job-actions .primary{font-size:11px;width:auto;flex:1}.invoice{margin-top:22px;padding:20px;border:1px dashed #6e9d78;border-radius:10px;background:#21372a;text-align:center}.invoice-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--green)}.invoice-top .fawry{margin:0}.invoice>strong{display:block;font:32px monospace;letter-spacing:2px;color:#d6f6df;margin:24px 0 12px}.copy{background:#365e43;color:#d4f7df;border:1px solid #527e5f;border-radius:6px;padding:5px 18px;font-size:10px}.invoice-meta{display:flex;justify-content:space-between;text-align:right;padding-top:20px;margin-top:18px;border-top:1px dashed #52745b}.invoice-meta small{font-size:9px}.invoice-meta b{font-size:11px;font-weight:400;direction:ltr;display:block;margin-top:4px}.invoice>a{font-size:10px;color:#add6b9;display:inline-block;margin-top:18px}.history{margin-top:24px}.history .section-title{margin-bottom:8px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:right}th{font-weight:400;color:#788f7f;font-size:10px;padding:13px 9px}td{padding:15px 9px;border-top:1px solid #2b3930;font-size:11px}td.email{direction:ltr;text-align:right;font-family:Arial}td.code{font-family:monospace;font-size:13px;color:var(--green)}td .quiet{font-size:10px}.history .center{padding:25px}footer{padding:25px 0 32px;display:flex;justify-content:space-between;font:9px Arial;letter-spacing:2px;color:#698170}footer span{font:9px Tahoma;letter-spacing:0}.login-wrap{max-width:410px;margin:90px auto}.login-wrap .muted{margin:12px 0 28px}.login-card{padding:26px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.login-wrap .eyebrow{font-size:9px}@media(min-width:1500px){main{padding:0 65px}.main-grid{gap:28px}.card{padding:30px}}@media(max-width:1100px){.sidebar{width:185px;padding:30px 16px}main{margin-right:185px;padding:0 24px}.main-grid{grid-template-columns:1fr}.detail-card{min-height:380px}.intro{gap:15px}.date-tag{display:none}.empty{padding:32px 12px}}@media(max-width:680px){.sidebar{position:static;width:auto;height:73px;padding:14px 20px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);border-left:0}.brand{font-size:20px}.brand-icon{height:36px;width:36px;font-size:30px}.sidebar .nav-title,.sidebar .nav,.side-bottom{display:none}main{margin:0;padding:0 17px}header{height:65px}.intro{margin:27px 0 22px}h1{font-size:25px}.intro .muted{font-size:11px}.stats{gap:8px;margin-bottom:18px}.stats article{padding:12px}.stats strong{font-size:25px}.stats article>span{font-size:9px}.stats small{font-size:8px}.card{padding:19px;border-radius:11px}.two-cols{gap:9px}.header-actions{gap:10px}.badge{font-size:9px}.main-grid{gap:18px}.history{margin-top:18px}.login-wrap{margin:45px auto}.invoice>strong{font-size:28px}footer span{max-width:180px;line-height:1.8}input,textarea{font-size:13px}}

.portal{margin:0 auto;max-width:1100px;padding:0 24px}.portal header{gap:16px}.portal .card{margin:20px 0}.portal h2,.portal h3{margin-bottom:14px}.portal select{width:100%;padding:12px;background:#131915;color:#e8efe9;border:1px solid #3b463e;border-radius:9px;margin:7px 0 16px;font:inherit}.portal input[type=checkbox]{width:auto;margin:0 12px}.portal form{margin-top:18px}.portal code{overflow-wrap:anywhere;display:block}.portal .order{max-width:900px}.portal .order .primary{margin:12px 0}.portal summary{cursor:pointer}.portal #feedback:empty{display:none}.portal .brand small{letter-spacing:0}

.auth-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;min-height:calc(100vh - 180px);padding:48px 0}.auth-story h1{font-size:64px;line-height:1.35;letter-spacing:-2px}.auth-story p{font-size:15px;color:#a6b9ac;max-width:350px;margin-top:20px}.auth-story .eyebrow{letter-spacing:3px;font-size:11px}.auth-panel{background:#19231e;border:1px solid #344c3d;border-radius:24px;padding:38px;box-shadow:0 20px 80px #0003}.auth-panel h2{font-size:26px;margin:26px 0 8px}.auth-panel form{margin-top:26px}.auth-panel input{padding:15px;font-size:15px}.auth-tabs{display:flex;padding:5px;background:#101914;border-radius:12px;gap:5px}.auth-tabs button{flex:1;border-radius:9px;padding:12px;background:transparent;color:#8fa496;font:inherit}.auth-tabs .selected{background:#b5ecc2;color:#193a24;font-weight:bold}.auth-note{font-size:11px;color:#91a79a;text-align:center;margin-top:25px}.password-wrap{display:flex;position:relative;margin-top:7px}.password-wrap input{margin:0;padding-left:65px}.password-wrap button{position:absolute;left:8px;top:10px;background:transparent;color:#b5ecc2;padding:8px}.story-steps{display:flex;gap:16px;color:#a8c4b2;font-size:11px;margin-top:25px}.record-art{width:200px;height:200px;border-radius:50%;margin:32px 0;background:repeating-radial-gradient(circle,#1d2c23 0 3px,#142019 4px 6px);border:1px solid #42654e;display:grid;place-items:center;box-shadow:15px 20px 60px #0004}.record-art span{display:grid;place-items:center;border-radius:50%;background:#b5ecc2;color:#183321;width:75px;height:75px;font:italic 48px Georgia}.portal #auth.hidden{display:none}.portal .primary{justify-content:center;gap:10px}.portal .card{border-radius:18px}.portal .order{max-width:none}dialog{background:#16211b;color:#ecf4ee;border:1px solid #476450;border-radius:18px;width:min(1080px,96vw);max-height:95vh;padding:24px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.browser-head{display:flex;justify-content:space-between;gap:20px}.browser-origin{direction:ltr;text-align:center;color:#b5ecc2;font:12px monospace;margin:10px}.remote-stage{background:#0c120e;border-radius:10px;overflow:hidden;min-height:100px}.remote-stage img{width:100%;height:auto;display:block;cursor:pointer}.browser-keys{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.browser-keys button{background:#314c3a;border-radius:8px;color:#e3f3e8;padding:10px}#browserStatus{margin:16px 0;color:#b8d5c2}#remoteTextForm{display:flex;align-items:end;gap:12px}#remoteTextForm label{flex:1;margin:0}#remoteTextForm button{width:auto}.portal input:focus-visible,.portal button:focus-visible{outline:2px solid #c4f6d2;outline-offset:3px}@media(max-width:800px){.auth-layout{grid-template-columns:1fr;gap:24px;padding:28px 0}.auth-story h1{font-size:38px}.record-art,.story-steps{display:none}.auth-panel{padding:25px}.auth-story p{margin-top:12px}.auth-layout{min-height:auto}#remoteTextForm{display:block}#remoteTextForm button{width:100%;margin-top:10px}.browser-head h2{font-size:18px}}
