:root{--n:#123B56;--t:#087F78;--o:#F6A623;--s:#516873;--bg:#F5F8FA;--l:#D9E5E8;--m:#6E7F87;--d:#B83A3A;--g:#26714C}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,"Segoe UI",sans-serif;background:var(--bg);color:#173443}button,input,select,textarea{font:inherit}.layout{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.side{background:#fff;border-right:1px solid var(--l);padding:20px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{padding:4px 2px 18px;border-bottom:1px solid var(--l)}.logo img{width:190px;max-width:100%;display:block}.label{margin:18px 6px 8px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--m)}nav{display:grid;gap:6px}nav button{border:0;background:transparent;text-align:left;padding:12px;border-radius:10px;color:var(--s);font-weight:750;cursor:pointer}nav button:hover,nav button.on{background:var(--n);color:#fff}.help{margin-top:auto;background:var(--n);color:#fff;padding:15px;border-radius:15px;font-size:13px}.help strong,.help a{display:block;margin-top:6px}.help a{color:#fff;text-decoration:none;font-weight:800}.top{height:78px;background:#fff;border-bottom:1px solid var(--l);padding:0 28px;display:flex;align-items:center;position:sticky;top:0;z-index:5}.top small{display:block;color:var(--m);font-size:12px;font-weight:700}.top strong{display:block;color:var(--n);font-size:18px;margin-top:2px}.main{max-width:1200px;margin:auto;padding:28px}.hero{display:grid;grid-template-columns:1.45fr .75fr;gap:18px}.box,.card,.stat,.service{background:#fff;border:1px solid var(--l);border-radius:18px;padding:20px}.hero .box{padding:32px;background:linear-gradient(135deg,#fff,#eef8f7)}.hero h1{color:var(--n);font-size:36px;line-height:1.12;margin:8px 0 12px}.muted{color:var(--m);line-height:1.55}.member{background:var(--n);color:#fff;border-radius:20px;padding:25px}.member .price{font-size:30px;font-weight:900;margin:8px 0}.kick{color:var(--t);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.btn{border:0;border-radius:10px;padding:11px 15px;font-weight:800;cursor:pointer}.primary{background:var(--t);color:#fff}.navy{background:var(--n);color:#fff}.secondary{background:#fff;color:var(--n);border:1px solid var(--l)}.wide{width:100%}.section{margin:24px 0 10px}.section h2,.card h2,.card h3{color:var(--n);margin:5px 0 10px}.services,.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service strong,.service small{display:block}.service small{color:var(--m);margin-top:5px}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.step{background:#fff;border:1px solid var(--l);border-radius:14px;padding:16px}.step b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--n);color:#fff}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px}.head h1{color:var(--n);margin:4px 0}.field{margin-bottom:13px}.field label{display:block;font-size:12px;font-weight:800;color:var(--s);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:10px 11px;border:1px solid #C9D7DC;border-radius:9px;background:#fff}.field textarea{min-height:95px;resize:vertical}.login{max-width:520px;margin:36px auto}.loginLogo{text-align:center;margin-bottom:14px}.loginLogo img{width:270px;max-width:100%}.msg{margin-top:9px;font-size:13px}.bad{color:var(--d)}.good{color:var(--g)}.item{border:1px solid var(--l);border-radius:12px;padding:13px;margin-top:10px;background:#fcfdfd}.ih{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.ih h4{margin:0;color:var(--n)}.meta{color:var(--m);font-size:12px;margin-top:5px}.badge{background:#eaf5f4;color:var(--t);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;text-transform:capitalize}.desc{margin-top:9px;padding:10px;background:#f2f8f7;border-left:3px solid var(--t);border-radius:8px}.stat b{display:block;color:var(--n);font-size:26px}.stat span{font-size:11px;color:var(--m)}.click{cursor:pointer}.click:hover{border-color:#9fcac7}.hint{color:var(--t);font-size:11px;font-weight:800;margin-top:7px}.detail{margin-top:16px}.detailgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.detailgrid div{background:#f8fbfb;border:1px solid var(--l);border-radius:10px;padding:11px}.detailgrid small,.detailgrid strong{display:block}.detailgrid small{font-size:10px;color:var(--m);text-transform:uppercase}.reply{margin-top:14px;padding:15px;background:#f8fbfb;border:1px solid var(--l);border-radius:12px}.timeline{margin-top:12px;padding-top:10px;border-top:1px solid var(--l)}.timeline div{padding:6px 0}.footer{text-align:center;color:var(--m);font-size:12px;padding:24px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:15px}.tab{border:1px solid var(--l);background:#fff;color:var(--n);border-radius:12px;padding:13px;text-align:left;cursor:pointer}.tab.on{border-color:var(--t);background:#eef8f7}@media(max-width:900px){.layout{grid-template-columns:1fr}.side{display:none}.hero,.grid{grid-template-columns:1fr}.services,.grid4{grid-template-columns:repeat(2,1fr)}.top{position:static}}@media(max-width:600px){.main{padding:14px}.services,.grid4,.workflow,.detailgrid,.tabs{grid-template-columns:1fr}.hero h1{font-size:29px}.head{display:block}}.assignbox{margin-top:14px;padding:16px;background:#f8fbfb;border:1px solid var(--l);border-radius:12px}.assignbox h3{margin:5px 0 12px;color:var(--n)}.assigngrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tiny{font-size:12px;margin-bottom:0}@media(max-width:650px){.assigngrid{grid-template-columns:1fr}}.application-row{cursor:pointer}.application-detail{margin-top:16px}.activationbox{margin-top:14px;padding:16px;background:#f8fbfb;border:1px solid var(--l);border-radius:12px}.dangerbtn{background:#fff;color:var(--d);border:1px solid #e7bcbc}.dangerbtn:hover{background:#fff5f5}.tiny{font-size:11px;margin:5px 0 0}.activationbox .actions{margin-top:10px}.partner-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.partner-grid{align-items:start}.compact{padding:8px 11px;font-size:12px}.partner-job.selected{border-color:var(--t);box-shadow:0 0 0 2px rgba(8,127,120,.08)}.job-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.job-summary span{background:#f7fafb;border:1px solid var(--l);border-radius:9px;padding:8px;font-size:12px}.job-summary small{display:block;color:var(--m);font-size:10px;text-transform:uppercase;font-weight:800;margin-bottom:3px}.partner-empty{min-height:220px;display:flex;flex-direction:column;justify-content:center}.partner-detail{position:sticky;top:92px}.partner-detail-grid{margin-top:12px}.partner-actionbox{margin-top:14px;padding:15px;background:#f8fbfb;border:1px solid var(--l);border-radius:12px}.partner-action-row{display:flex;gap:9px;flex-wrap:wrap}.partner-timeline{margin-top:16px}.timeline-entry{padding:10px 0;border-bottom:1px solid var(--l)}.timeline-entry:last-child{border-bottom:0}.timeline-entry strong{color:var(--n);font-size:13px}.timeline-entry span{display:block;color:var(--m);font-size:11px;margin-top:2px}.timeline-entry p{margin:5px 0 0;line-height:1.45;font-size:13px}.partner-help{margin-top:16px;padding:13px 14px;border-radius:12px;background:#eef5f5;display:grid;gap:4px;font-size:12px}.partner-help strong{color:var(--n)}.partner-help span{color:var(--m)}.partner-help a{color:var(--t);font-weight:800;text-decoration:none}.tiny{font-size:11px}@media(max-width:900px){.partner-stats{grid-template-columns:repeat(3,1fr)}.partner-detail{position:static}}@media(max-width:600px){.partner-stats,.job-summary{grid-template-columns:1fr}.partner-action-row .btn{width:100%}}.customer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.customer-grid{align-items:start}.customer-request-form{position:sticky;top:92px}.customer-help{margin-top:16px;padding:13px 14px;border-radius:12px;background:#eef5f5;display:grid;gap:4px;font-size:12px}.customer-help strong{color:var(--n)}.customer-help span{color:var(--m)}.customer-help a{color:var(--t);font-weight:800;text-decoration:none}.customer-job{border:1px solid var(--l);border-radius:16px;padding:16px;margin-top:12px;background:#fff}.customer-job:first-child{margin-top:0}.customer-job-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.customer-job-head h3{margin:4px 0 2px;color:var(--n)}.customer-ref{font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--t);text-transform:uppercase}.customer-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:16px 0 13px;position:relative}.cstep{text-align:center;position:relative;color:#92a0a8}.cstep span{margin:auto;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e8eef1;color:#71838c;font-size:10px;font-weight:900;position:relative;z-index:2}.cstep small{display:block;font-size:9px;font-weight:800;margin-top:5px;line-height:1.2}.cstep.done span,.cstep.current span{background:var(--t);color:#fff}.cstep.done,.cstep.current{color:var(--n)}.cstep.current span{box-shadow:0 0 0 4px rgba(8,127,120,.12)}.customer-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0}.customer-meta-grid div{background:#f8fbfb;border:1px solid var(--l);border-radius:10px;padding:10px}.customer-meta-grid small,.customer-meta-grid strong{display:block}.customer-meta-grid small{font-size:9px;text-transform:uppercase;color:var(--m);font-weight:800;margin-bottom:3px}.customer-meta-grid strong{font-size:12px;color:var(--n)}.customer-latest{margin-top:12px;padding:13px;border:1px solid #badbd8;background:#f3fbfa;border-radius:12px}.customer-latest .ih{margin-top:5px;align-items:center}.customer-latest .ih small{color:var(--m);font-size:10px}.customer-latest p{margin:6px 0 0;line-height:1.5;font-size:13px}.customer-latest.waiting{border-color:var(--l);background:#f8fafb}.customer-history{margin-top:11px;border:1px solid var(--l);border-radius:11px;background:#fff}.customer-history summary{cursor:pointer;padding:11px 12px;font-size:12px;font-weight:800;color:var(--n)}.customer-history-list{padding:0 12px 8px}.customer-confirm{margin-top:12px;padding:14px;border-radius:12px;background:#fff7e6;border:1px solid #f2d99d}.customer-confirm strong{color:var(--n)}.customer-confirm p{font-size:12px;color:var(--m);line-height:1.45}.customer-confirm.confirmed{background:#edf8f1;border-color:#b7dfc6;display:flex;justify-content:space-between;gap:10px;align-items:center}.customer-confirm.confirmed strong{color:var(--g)}.customer-confirm.confirmed span{font-size:11px;color:var(--m)}.customer-cancelled{margin:12px 0;padding:12px;border-radius:11px;background:#fff3f3;border:1px solid #ecc4c4;color:var(--d);font-size:12px;line-height:1.45}.customer-empty{text-align:center;padding:35px 12px}.customer-empty h3{color:var(--n);margin-bottom:5px}@media(max-width:900px){.customer-request-form{position:static}.customer-progress{grid-template-columns:repeat(3,1fr);row-gap:12px}}@media(max-width:600px){.customer-stats,.customer-meta-grid{grid-template-columns:1fr}.customer-progress{grid-template-columns:repeat(2,1fr)}.customer-job-head{display:block}.customer-job-head .badge{display:inline-block;margin-top:8px}.customer-confirm.confirmed{display:grid}}.notification-panel{background:#fff;border:1px solid var(--l);border-radius:16px;padding:16px;margin:-4px 0 16px}.notification-panel.hidden{display:none}.notification-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.notification-head h3{margin:0;color:var(--n)}.notification-list{display:grid;gap:9px}.notification-item{border:1px solid var(--l);border-radius:11px;padding:11px;background:#fbfdfd}.notification-item.unread{border-left:4px solid var(--t);background:#f2f9f8}.notification-item strong{display:block;color:var(--n);font-size:13px}.notification-item p{margin:4px 0;color:var(--s);font-size:12px;line-height:1.45}.notification-item small{color:var(--m);font-size:10px}.notif-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--o);color:#173443;font-size:10px;font-weight:900;margin-left:5px}.notif-count.zero{background:#e8eef1;color:var(--m)}