:root{--ink:#10233f;--muted:#65748b;--line:#dfe7f2;--blue:#2563eb;--cyan:#20c8d7;--purple:#7157ed;--green:#10b981;--red:#e25565;--bg:#f5f8fc;--white:#fff;--shadow:0 24px 70px rgba(16,35,63,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none;color:inherit}.hidden{display:none!important}
/* Login */
.portal-login{min-height:100vh;background:#f5f7fb}.portal-shell{min-height:100vh;display:grid;grid-template-columns:1.12fr .88fr;background:#fff}.portal-art{position:relative;overflow:hidden;padding:52px 8vw;background:linear-gradient(135deg,#081f46 0%,#123a67 52%,#6a4fe8 100%);color:#fff}.portal-art:before,.portal-art:after{content:"";position:absolute;border-radius:999px;filter:blur(1px);pointer-events:none}.portal-art:before{width:500px;height:500px;right:-180px;top:-130px;background:radial-gradient(circle,rgba(54,232,224,.25),transparent 68%)}.portal-art:after{width:540px;height:540px;left:-260px;bottom:-260px;background:radial-gradient(circle,rgba(113,87,237,.28),transparent 68%)}.portal-brand{position:relative;z-index:2;display:inline-flex;align-items:center;gap:12px;font-weight:900;font-size:1.08rem;letter-spacing:-.2px}.brand-mark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#1be3d3,#58a6ff);color:#072045;font-weight:950;box-shadow:0 10px 30px rgba(27,227,211,.25)}.art-copy{position:relative;z-index:2;max-width:600px;margin:82px 0 40px}.eyebrow,.mini-label{font-weight:850;letter-spacing:1.8px;font-size:.68rem}.eyebrow{color:#7cf7f1}.eyebrow i{display:inline-block;width:8px;height:8px;background:#46e4d9;border-radius:50%;margin-right:7px}.art-copy h1{font-size:clamp(3rem,5vw,5.4rem);line-height:.98;letter-spacing:-4px;margin:18px 0}.art-copy h1 span{color:#72eef3}.art-copy p{font-size:1.05rem;line-height:1.8;color:rgba(255,255,255,.78);max-width:560px}.art-board{position:relative;z-index:2;width:min(620px,100%);padding:20px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.09);backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 35px 80px rgba(0,0,0,.22)}.art-window-top{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.78);font-size:.7rem}.art-window-top span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.45)}.art-window-top b{margin-left:auto;font-weight:700}.art-order-row{display:flex;align-items:center;gap:14px;margin:24px 0 13px}.art-order-row .art-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(76,241,229,.18);color:#7cf7f1;font-size:1.3rem}.art-order-row b{display:block}.art-order-row small{display:block;color:rgba(255,255,255,.62);margin-top:3px}.art-order-row strong{margin-left:auto;font-size:1.25rem}.art-progress{height:9px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden}.art-progress span{display:block;width:72%;height:100%;border-radius:99px;background:linear-gradient(90deg,#4de4de,#71a5ff)}.art-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.art-steps div{display:flex;align-items:center;gap:8px;font-size:.75rem;color:rgba(255,255,255,.55)}.art-steps b{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#fff;font-size:.68rem}.art-steps .done b{background:rgba(16,185,129,.22);color:#7ff2cc}.art-steps .live{color:#fff}.art-steps .live b{background:rgba(113,87,237,.35);color:#fff}.art-float{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:16px;background:rgba(255,255,255,.94);color:var(--ink);box-shadow:0 20px 40px rgba(0,0,0,.18);animation:float 5s ease-in-out infinite}.art-float b{display:block;font-size:.76rem}.art-float small{display:block;color:#738198;font-size:.64rem;margin-top:3px}.art-float .bubble-icon{width:34px;height:34px;border-radius:10px;background:#e9fbf5;color:#0b9b6e;display:grid;place-items:center;font-weight:900}.art-float .bubble-icon.purple{background:#efeaff;color:#7157ed}.f1{right:7%;top:37%}.f2{right:14%;bottom:12%;animation-delay:-2s}.portal-form-area{display:grid;place-items:center;padding:40px 7vw;background:#fff}.portal-form-card{width:min(500px,100%)}.mobile-brand{display:none}.form-heading .mini-label{color:#6d56e6}.form-heading h2{font-size:2.5rem;letter-spacing:-1.8px;margin:10px 0 8px}.form-heading p{color:var(--muted);line-height:1.7;margin:0 0 25px}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;padding:5px;background:#f0f3f8;border:1px solid #e0e7f1;border-radius:14px;margin-bottom:22px}.mode-tab{border:0;background:transparent;padding:12px;border-radius:10px;font:inherit;font-weight:800;color:#718097;cursor:pointer}.mode-tab.active{background:#fff;color:#1b3252;box-shadow:0 5px 16px rgba(16,35,63,.08)}.portal-error{display:flex;gap:10px;align-items:flex-start;background:#fff3f4;border:1px solid #ffd4d8;color:#b32637;border-radius:13px;padding:13px 14px;margin-bottom:18px;font-size:.85rem}.portal-error span{width:21px;height:21px;border-radius:50%;background:#e25565;color:#fff;display:grid;place-items:center;font-size:.72rem;font-weight:900;flex:none}.portal-form{display:grid;gap:14px}.field-group{display:grid;gap:14px}.field-group label{display:grid;gap:7px;font-size:.8rem;font-weight:850;color:#32445f}.field-group input{width:100%;border:1px solid #d8e0eb;border-radius:13px;padding:14px 15px;font:inherit;color:#10233f;background:#fff;outline:none;transition:.2s}.field-group input:focus{border-color:#87a9ee;box-shadow:0 0 0 4px rgba(37,99,235,.08)}.portal-submit{border:0;border-radius:14px;padding:15px 18px;background:linear-gradient(135deg,#1a67f2,#7459ee);color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 15px 35px rgba(37,99,235,.18);margin-top:5px;display:flex;justify-content:center;gap:10px}.portal-submit:hover{transform:translateY(-1px)}.admin-submit{background:linear-gradient(135deg,#5e4be8,#2789ed)}.help-line{margin:0;text-align:center;color:#78879a;font-size:.76rem;line-height:1.6}.help-line a{color:#1a67f2;font-weight:850}.trust-row{margin-top:26px;padding-top:18px;border-top:1px solid #edf1f6;color:#8b97a8;font-size:.68rem;display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
/* Customer */
.customer-page{background:#f4f7fb}.customer-top{background:#fff;border-bottom:1px solid #e5eaf2;position:sticky;top:0;z-index:20}.customer-top-inner{max-width:1220px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between}.customer-brand{display:flex;align-items:center;gap:11px;font-weight:900}.customer-nav{display:flex;align-items:center;gap:22px;font-size:.84rem;font-weight:750;color:#62718a}.customer-nav a:hover{color:#1c63e9}.customer-main{max-width:1220px;margin:auto;padding:55px 24px 80px}.customer-welcome{display:flex;justify-content:space-between;gap:30px;align-items:end}.customer-welcome .mini-label{color:#6d56e6}.customer-welcome h1{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-2.7px;margin:9px 0 12px}.customer-welcome p{color:#6c7a90;max-width:720px;line-height:1.75;margin:0}.order-chip{background:#fff;border:1px solid #dfe6ef;border-radius:18px;padding:15px 18px;min-width:180px;box-shadow:0 12px 34px rgba(16,35,63,.06)}.order-chip small{display:block;color:#8c97a8;font-size:.63rem;font-weight:900;letter-spacing:1.3px}.order-chip strong{display:block;color:#235fe5;font-size:1.22rem;letter-spacing:.7px;margin-top:5px}.customer-alert{margin-top:30px;display:flex;gap:14px;align-items:flex-start;border-radius:18px;padding:18px 20px;border:1px solid}.customer-alert .alert-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-weight:900;font-size:1.05rem;flex:none}.customer-alert strong{display:block}.customer-alert p{margin:4px 0 0;color:#66748a;line-height:1.6;font-size:.84rem}.customer-alert a{color:#1c63e9;font-weight:850}.customer-alert.success{background:#effbf6;border-color:#caeee1}.success .alert-icon{background:#d9f7ea;color:#0d9b6d}.customer-alert.failed,.customer-alert.cancelled{background:#fff4f5;border-color:#f3d3d7}.failed .alert-icon,.cancelled .alert-icon{background:#ffe1e5;color:#c52e45}.customer-alert.pending{background:#fff9ea;border-color:#f1e3bc}.pending .alert-icon{background:#fff0c8;color:#b77900}.customer-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:22px;margin-top:22px}.customer-card{background:#fff;border:1px solid #e1e7f0;border-radius:22px;box-shadow:0 16px 50px rgba(16,35,63,.07)}.timeline-card{padding:28px}.card-head{display:flex;justify-content:space-between;align-items:start}.card-head h2{margin:8px 0 0;font-size:1.45rem;letter-spacing:-.7px}.card-head .mini-label,.order-card .mini-label{color:#6c7a90}.progress-number{font-size:1.35rem;color:#235fe5}.progress-track{height:9px;background:#edf1f6;border-radius:99px;margin:20px 0 26px;overflow:hidden}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#2a7af3,#7259ee);border-radius:99px;transition:width .4s}.timeline{position:relative;padding-left:12px}.timeline:before{content:"";position:absolute;left:25px;top:10px;bottom:10px;width:2px;background:#e7edf4}.timeline-item{position:relative;display:grid;grid-template-columns:36px 1fr;gap:16px;padding:0 0 23px}.timeline-dot{position:relative;z-index:1;width:28px;height:28px;border-radius:10px;background:#eef2f7;color:#8692a3;display:grid;place-items:center;font-size:.68rem;font-weight:900}.timeline-item.done .timeline-dot{background:#e4f8f0;color:#0b9e6f}.timeline-item.live .timeline-dot{background:#e6edff;color:#235fe5;box-shadow:0 0 0 6px #edf2ff}.timeline-item strong{font-size:.92rem}.timeline-item p{margin:4px 0 0;color:#7a879b;font-size:.78rem;line-height:1.6}.customer-side{display:grid;gap:22px}.order-card{padding:26px}.order-card h2{font-size:1.25rem;line-height:1.35;margin:9px 0 20px}.order-card dl{display:grid;gap:0;margin:0}.order-card dl>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid #edf1f5}.order-card dt{color:#8792a3;font-size:.76rem}.order-card dd{margin:0;font-size:.78rem;font-weight:800;text-align:right}.inline-status{padding:5px 8px;border-radius:999px;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.6px}.inline-status.ok{background:#e4f9f0;color:#0b9e6f}.inline-status.bad{background:#fff0f1;color:#c52e45}.support-card{padding:24px}.support-icon{width:44px;height:44px;border-radius:13px;background:#edf3ff;color:#235fe5;display:grid;place-items:center;font-weight:900}.support-card h3{font-size:1.2rem;margin:14px 0 6px}.support-card p{color:#758299;line-height:1.65;font-size:.82rem;margin:0}.support-btn{display:block;text-align:center;margin-top:17px;border-radius:12px;padding:13px;background:#112848;color:#fff;font-weight:850;font-size:.8rem}.customer-footer{max-width:1220px;margin:auto;padding:0 24px 35px;display:flex;justify-content:space-between;gap:20px;color:#8b96a7;font-size:.72rem}
/* Admin dashboard */
.admin-top{position:sticky;top:0;z-index:20;background:#0b1425;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.admin-top>div{max-width:1280px;margin:auto;padding:17px 26px;display:flex;justify-content:space-between;align-items:center}.admin-top b{font-size:1.02rem}.admin-top span{color:#8493ab;margin-left:8px}.admin-top a{color:#c8d3e5;text-decoration:underline}.admin-main{max-width:1280px;margin:auto;padding:56px 26px 90px;background:linear-gradient(180deg,#081426 0,#0b1730 24%,#0b1425 100%);min-height:calc(100vh - 60px);color:#f6f8ff}.admin-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.admin-head .eyebrow{color:#2de1fc}.admin-head h1{font-size:clamp(2.3rem,5vw,4.4rem);letter-spacing:-3px;line-height:1;margin:10px 0}.admin-head p{color:#9ab0ca;max-width:750px}.admin-head .view{padding:12px 16px;border-radius:13px;background:linear-gradient(135deg,#2de1fc,#6a5bef);color:#071124;font-weight:900}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:34px}.stats>div{background:#0f203c;border:1px solid #1c3960;border-radius:18px;padding:20px}.stats small{display:block;color:#8ba5c5;font-weight:800;letter-spacing:1.4px;font-size:.63rem}.stats strong{display:block;font-size:2.3rem;margin:9px 0 5px}.stats span{color:#89a1bd;font-size:.73rem}.panel{margin-top:22px;background:#0d1c34;border:1px solid #193453;border-radius:20px;overflow:hidden}.panel-head{padding:20px 22px;display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #193453}.panel-head h2{margin:0 0 5px}.panel-head span{color:#8ca3bf;font-size:.76rem}.pill{border:1px solid #26496f;padding:7px 10px;border-radius:99px}.table-wrap{overflow:auto}.admin-main table{width:100%;border-collapse:collapse;min-width:980px}.admin-main th{padding:12px 16px;color:#7894b7;font-size:.62rem;text-align:left;letter-spacing:1.3px;text-transform:uppercase}.admin-main td{padding:15px 16px;border-top:1px solid #172f4e;font-size:.76rem;color:#d8e4f4;vertical-align:top}.admin-main td b{display:block}.admin-main td small{display:block;color:#7f97b5;margin-top:5px}.admin-main .phone{color:#2de1fc}.status{display:inline-flex;padding:6px 9px;border-radius:99px;font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.6px}.status.ok{background:#0a3b35;color:#49e9ca}.status.bad{background:#46212b;color:#ff8f9d}.status-form{display:flex;gap:6px;align-items:center}.status-form select{background:#0b172a;color:#dce8f5;border:1px solid #244361;border-radius:10px;padding:9px;font:inherit}.status-form button{border:0;border-radius:10px;padding:9px 12px;background:linear-gradient(135deg,#2de1fc,#5d59e8);font-weight:900;cursor:pointer}.empty{text-align:center;color:#8ba2bd!important;padding:36px!important}.requirement{white-space:normal;max-width:420px}.panel+.panel{margin-top:22px}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(max-width:980px){.portal-shell{grid-template-columns:1fr}.portal-art{min-height:620px;padding:38px 7vw}.portal-form-area{padding:50px 7vw}.customer-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.portal-art{min-height:540px}.art-copy{margin:55px 0 30px}.art-copy h1{font-size:3rem;letter-spacing:-2px}.art-float{display:none}.art-steps{grid-template-columns:repeat(2,1fr)}.mobile-brand{display:flex;align-items:center;gap:10px;font-weight:900;margin-bottom:30px}.customer-top-inner{padding:14px 18px}.customer-nav{gap:11px;font-size:.72rem}.customer-main{padding:38px 18px 60px}.customer-welcome{display:block}.order-chip{margin-top:18px}.customer-grid{gap:16px}.timeline-card,.order-card,.support-card{padding:20px}.customer-footer{padding:0 18px 25px}.admin-top>div,.admin-main{padding-left:18px;padding-right:18px}.admin-head{display:block}.admin-head .view{display:inline-block;margin-top:18px}.stats{grid-template-columns:1fr 1fr}.portal-form-area{padding:35px 22px}.form-heading h2{font-size:2rem}}