:root{
  --ink:#151c28; --muted:#647084; --paper:#ffffff; --soft:#f3f6fb; --line:#d9e2ef;
  --blue:#1f5eff; --green:#12805c; --amber:#c77700; --red:#c2413a; --violet:#6d5dfc; --slate:#243044;
}
*{box-sizing:border-box} body{background:var(--soft); color:var(--ink); font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-shell{min-height:100vh; display:grid; grid-template-columns:280px 1fr}.sidebar{position:sticky; top:0; height:100vh; padding:24px; background:#101827; color:#fff; display:flex; flex-direction:column; gap:10px}.brand{display:flex; align-items:center; gap:12px; margin-bottom:22px}.brand span{display:grid; place-items:center; width:46px; height:46px; background:#fff; color:#101827; border-radius:12px; font-weight:900}.brand small,.user-chip small{display:block;color:#aeb9c9}.sidebar .nav-link{color:#dce6f5; border-radius:12px; padding:13px 14px; font-weight:800}.sidebar .nav-link:hover{background:#20304a;color:#fff}.user-chip{margin-top:auto; background:#20304a; padding:14px; border-radius:14px}.content{padding:30px; max-width:1500px; width:100%; margin:0 auto}.page-head{display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:24px}.compact-head{align-items:flex-start}.page-head h1{font-size:38px; font-weight:900; margin:0; letter-spacing:0}.eyebrow{text-transform:uppercase; letter-spacing:.12em; color:var(--blue); font-size:12px; font-weight:900; margin:0 0 6px}.text-muted{color:var(--muted)!important}.panel,.metric,.action-card,.engineer-card{background:var(--paper); border:1px solid var(--line); border-radius:18px; box-shadow:0 18px 45px rgba(20,32,51,.08)}.panel{padding:22px}.btn{border-radius:12px; font-weight:900}.btn-primary{background:var(--blue); border-color:var(--blue)}.btn-dark{background:#101827; border-color:#101827}.btn-success{background:var(--green); border-color:var(--green)}.form-control,.form-select{border-radius:12px; border-color:var(--line); padding:13px 14px; min-height:52px}textarea.form-control{min-height:110px}label{display:grid; gap:7px; color:#364152; font-size:13px; font-weight:900}.workspace-grid{display:grid; grid-template-columns:minmax(340px,430px) 1fr; gap:24px; align-items:start}.ticket-form{display:grid; gap:15px; position:sticky; top:24px}.field-group.two-col{display:grid; grid-template-columns:1fr 1fr; gap:12px}.form-banner{display:grid; gap:2px; padding:16px; border-radius:16px; background:#eef5ff; border:1px solid #cfe0ff; color:#173c8d}.form-banner small,.form-banner span{font-size:12px; font-weight:800; color:#41639d}.form-banner strong{font-size:24px}.account-hint{border:1px dashed #cdd8e8; background:#f8fbff; color:var(--muted); border-radius:12px; padding:12px; font-size:13px}.panel-title{display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px}.panel-title h2,.action-card h2{font-size:20px; font-weight:900; margin:0}.panel-title span{color:var(--muted); font-size:13px}.subtle-pill{border-radius:999px; background:#eef2f7; padding:7px 10px; font-weight:900}.ticket-cards{display:grid; gap:12px; max-height:74vh; overflow:auto; padding-right:4px}.ticket-card{display:grid; gap:10px; padding:16px; border:1px solid var(--line); border-radius:16px; color:inherit; text-decoration:none; background:#fbfcff}.ticket-card:hover{border-color:var(--blue); background:#f3f7ff}.ticket-card-top,.ticket-footer,.time-line{display:flex; justify-content:space-between; gap:12px; align-items:center}.ticket-card-top strong{color:#173c8d; font-size:18px}.ticket-card h3{font-size:17px; line-height:1.35; font-weight:900; margin:0}.ticket-meta{display:flex; flex-wrap:wrap; gap:8px}.ticket-meta span,.badges span{padding:7px 10px; border-radius:999px; background:#eef2f7; font-size:12px; font-weight:800}.ticket-footer{color:var(--muted); font-size:13px}.status{display:inline-flex; align-items:center; border-radius:999px; padding:7px 10px; font-size:12px; font-weight:900}.status.in_progress{background:#fff2d8;color:var(--amber)}.status.closed,.status.completed{background:#ddf8ec;color:var(--green)}.status.open,.status.new{background:#e7efff;color:var(--blue)}.dashboard-hero{display:flex; justify-content:space-between; gap:24px; align-items:flex-end; background:linear-gradient(135deg,#111827,#1f5eff); color:#fff; border-radius:22px; padding:34px; min-height:210px}.dashboard-hero h1{font-size:44px; font-weight:900}.dashboard-hero p{max-width:640px; color:#dce7ff}.summary-strip{display:grid; grid-template-columns:repeat(5,minmax(150px,1fr)); gap:14px; margin-bottom:24px}.summary-strip.overlap{grid-template-columns:repeat(4,1fr); margin-top:-36px; padding:0 18px}.metric{padding:20px; position:relative; overflow:hidden}.metric:before{content:""; position:absolute; inset:0 auto 0 0; width:6px; background:var(--blue)}.metric small{display:block; color:var(--muted); font-weight:900; text-transform:uppercase; font-size:12px}.metric strong{font-size:34px; font-weight:900}.accent-amber:before{background:var(--amber)}.accent-green:before{background:var(--green)}.accent-violet:before{background:var(--violet)}.accent-slate:before{background:var(--slate)}.engineer-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:18px}.engineer-card{padding:20px; display:grid; gap:18px}.engineer-card-head{display:flex; gap:12px; align-items:center}.avatar{display:grid; place-items:center; width:48px; height:48px; border-radius:14px; background:#eaf1ff; color:var(--blue); font-size:22px; font-weight:900}.engineer-card h2{font-size:18px; font-weight:900; margin:0}.engineer-card-head span{font-size:13px; color:var(--muted)}.rate-ring{width:132px; height:132px; border-radius:50%; margin:auto; display:grid; place-items:center; background:conic-gradient(var(--green) var(--rate), #e8edf4 0); position:relative}.rate-ring:after{content:""; position:absolute; inset:13px; background:#fff; border-radius:50%}.rate-ring strong,.rate-ring span{position:relative; z-index:1}.rate-ring strong{font-size:28px}.rate-ring span{font-size:12px; color:var(--muted); margin-top:36px; position:absolute}.engineer-stats{display:grid; grid-template-columns:1fr 1fr; gap:10px}.engineer-stats div{background:#f7f9fc; border-radius:14px; padding:12px}.engineer-stats small,.detail-grid small,.content-block small{display:block; color:var(--muted); font-size:11px; text-transform:uppercase; font-weight:900}.engineer-stats strong{font-size:22px}.card-foot{display:flex; justify-content:space-between; border-top:1px solid var(--line); padding-top:14px}.detail-layout{display:grid; grid-template-columns:1fr 360px; gap:24px; align-items:start}.detail-grid.cards{display:grid; grid-template-columns:repeat(3,1fr); gap:12px}.detail-grid.cards div{background:#f7f9fc; border-radius:14px; padding:14px}.detail-grid strong{display:block; margin-top:4px}.content-block{margin-top:22px}.content-block h2{font-size:22px; font-weight:900}.resolution{background:#edf8f2; border-left:5px solid var(--green); padding:16px; border-radius:12px; margin-top:20px}.action-card{padding:22px; position:sticky; top:24px}.live-timer{font-size:40px; font-weight:900; background:#101827; color:#fff; border-radius:18px; padding:18px; text-align:center; margin:16px 0}.done-mark{background:#ddf8ec; color:var(--green); padding:18px; border-radius:16px; font-weight:900; text-align:center; margin:14px 0}.workflow-form{display:grid; gap:12px; margin-top:14px}.time-line{border-top:1px solid var(--line); padding:14px 0}.empty{padding:22px; color:var(--muted); text-align:center}.login-page{min-height:100vh; display:grid; grid-template-columns:520px 1fr}.login-panel{background:#fff; padding:58px; display:flex; flex-direction:column; justify-content:center}.login-panel h1{font-size:46px; font-weight:900}.login-art{background:linear-gradient(135deg,#101827,#1f5eff); display:grid; place-items:center}.mini-board{width:min(520px,80%); background:rgba(255,255,255,.94); border-radius:24px; padding:30px; box-shadow:0 28px 80px rgba(0,0,0,.25); font-size:20px; font-weight:800}.mini-board div{padding:18px; border-bottom:1px solid var(--line)}.mini-board div:last-child{border:0}.dot{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:10px}.blue{background:var(--blue)}.amber{background:var(--amber)}.green{background:var(--green)}.toast-area{position:fixed;right:24px;bottom:24px;z-index:10;width:min(380px,calc(100vw - 48px));pointer-events:none}.toast-area .alert{margin:0 0 10px;pointer-events:auto}
@media(max-width:1100px){.workspace-grid,.detail-layout{grid-template-columns:1fr}.ticket-form,.action-card{position:static}.summary-strip,.summary-strip.overlap{grid-template-columns:repeat(2,1fr); margin-top:0; padding:0}.detail-grid.cards{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.content{padding:18px}.page-head,.dashboard-hero{flex-direction:column; align-items:flex-start}.field-group.two-col,.summary-strip,.summary-strip.overlap,.detail-grid.cards{grid-template-columns:1fr}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-panel{padding:28px}.page-head h1,.dashboard-hero h1{font-size:32px}}

/* Enterprise responsive refinements */
.content{max-width:1600px;padding:clamp(16px,2vw,28px)}
.page-head h1{font-size:clamp(26px,3vw,38px)}
.dashboard-hero{padding:clamp(22px,3vw,34px);min-height:auto}
.dashboard-hero h1{font-size:clamp(30px,4vw,44px)}
.metric{padding:clamp(15px,1.8vw,20px)}
.metric strong{font-size:clamp(26px,3vw,34px)}
.workspace-grid{grid-template-columns:minmax(320px,400px) minmax(0,1fr)}
.ticket-cards{max-height:none}.register-panel{min-width:0}.ticket-card{min-width:0}.ticket-card h3{overflow-wrap:anywhere}
.summary-strip{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-strip.overlap{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.engineer-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.engineer-card{min-width:0}.rate-ring{width:112px;height:112px}.rate-ring strong{font-size:24px}
.filter-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;align-items:end;margin-bottom:18px}.export-actions{display:flex;gap:8px;flex-wrap:wrap}.reports-strip{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.report-list{overflow:auto}.report-grid-head,.report-row{display:grid;grid-template-columns:120px 1.2fr 110px 1.1fr 120px 100px;gap:12px;align-items:center;min-width:820px}.report-grid-head{padding:12px 14px;background:#101827;color:#fff;border-radius:12px;font-size:12px;font-weight:900;text-transform:uppercase}.report-row{padding:14px;border-bottom:1px solid var(--line)}
.admin-login{margin:-30px;min-height:100vh}.brand.big span{background:#101827;color:#fff}.brand.big strong{font-size:22px}
@media(max-width:1200px){.app-shell{grid-template-columns:240px 1fr}.sidebar{padding:18px}.workspace-grid{grid-template-columns:1fr}.ticket-form{position:static}.detail-layout{grid-template-columns:1fr}.action-card{position:static}}
@media(max-width:820px){.app-shell{display:block}.sidebar{height:auto;position:relative}.sidebar .nav-link{display:inline-flex;margin-right:6px}.content{padding:14px}.dashboard-hero{border-radius:16px}.field-group.two-col{grid-template-columns:1fr}.engineer-stats{grid-template-columns:1fr 1fr}.admin-login{margin:-14px}.login-page{min-height:100vh}.report-grid-head{display:none}.report-row{display:grid;grid-template-columns:1fr;min-width:0;border:1px solid var(--line);border-radius:14px;margin-bottom:10px}.report-row span:before{content:attr(data-label);font-weight:900;color:var(--muted);display:block;font-size:11px;text-transform:uppercase}}
@media(max-width:520px){.summary-strip,.summary-strip.overlap{grid-template-columns:1fr}.engineer-stats,.detail-grid.cards{grid-template-columns:1fr}.ticket-meta{display:grid}.sidebar .nav-link{display:flex}.page-head{gap:12px}.export-actions .btn{flex:1}}
.engineer-stats.dense{grid-template-columns:repeat(2,minmax(0,1fr))}.engineer-stats.dense div{min-width:0}.engineer-stats.dense strong{font-size:clamp(17px,2vw,22px)}.trend-line{height:64px;display:flex;align-items:end;gap:7px;padding:10px 12px;background:#f7f9fc;border-radius:14px}.trend-line span{flex:1;min-height:12px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--blue),#7aa2ff)}
@media(max-width:420px){.engineer-stats.dense{grid-template-columns:1fr}.trend-line{height:52px}}
.status.approval_pending{background:#fff6df;color:#a15c00}.status.approval_received{background:#e7f7ef;color:#0f7a55}.form-banner.approval{background:#fff8e8;border-color:#f5d79a;color:#7a4a00}.lifecycle-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.lifecycle-strip div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 12px 32px rgba(20,32,51,.06)}.lifecycle-strip small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:900}.lifecycle-strip strong{display:block;margin-top:4px;font-size:14px}.duration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:20px}.workflow-steps{display:grid;gap:10px;margin:14px 0}.btn-outline-primary,.btn-outline-success{font-weight:900;border-radius:12px}
.status.approval_pending{background:#fff6df;color:#a15c00}.status.approval_received{background:#e7f7ef;color:#0f7a55}.form-banner.approval{background:#fff8e8;border-color:#f5d79a;color:#7a4a00}.lifecycle-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.lifecycle-strip div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 12px 32px rgba(20,32,51,.06)}.lifecycle-strip small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:900}.lifecycle-strip strong{display:block;margin-top:4px;font-size:14px}.duration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:20px}.workflow-steps{display:grid;gap:10px;margin:14px 0}.btn-outline-primary,.btn-outline-success{font-weight:900;border-radius:12px}
.report-grid-head.durations,.report-row.durations{grid-template-columns:120px 1fr 90px 1fr 120px 100px 120px 120px;min-width:980px}

/* Compact admin operations view */
.admin-head{margin-bottom:18px}.admin-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:18px}.admin-summary .metric{padding:16px}.admin-summary .metric strong{font-size:28px}.admin-panel{padding:18px}.admin-table-wrap{overflow:auto}.admin-grid{display:grid;grid-template-columns:minmax(230px,1.7fr) repeat(7,minmax(82px,.7fr)) minmax(100px,.8fr);gap:10px;align-items:center;min-width:1040px}.admin-grid-head{padding:12px 14px;background:#101827;color:#fff;border-radius:10px;font-size:11px;font-weight:900;text-transform:uppercase}.admin-row{padding:12px 14px;border-bottom:1px solid var(--line);font-size:14px}.admin-row:hover{background:#f7faff}.engineer-cell{display:flex;align-items:center;gap:10px;min-width:0}.engineer-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar.small{width:34px;height:34px;border-radius:10px;font-size:16px;flex:0 0 auto}.mini-rate{display:inline-flex;width:54px;height:8px;border-radius:999px;background:#e8edf4;margin-right:8px;vertical-align:middle;overflow:hidden}.mini-rate i{display:block;height:100%;border-radius:999px;background:var(--green)}
@media(max-width:820px){.admin-grid,.admin-row{display:grid;grid-template-columns:1fr 1fr;min-width:0}.admin-grid-head{display:none}.admin-row{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:#fff}.engineer-cell{grid-column:1/-1}.admin-row span:not(.engineer-cell):before{content:attr(data-label);display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:900}.mini-rate{width:42px}}

/* Professional UI refresh */
:root{--soft:#eef3f9;--paper:#fff;--line:#d8e1ee;--ink:#141b2a;--muted:#627089;--blue:#255cf4;--green:#0b7f5a;--amber:#b96b00;--violet:#6852f5;--slate:#1d2939}
body{background:linear-gradient(180deg,#f6f8fc 0,#eef3f9 45%,#e8eef7 100%)}
.content{max-width:1680px}.panel,.metric,.action-card{border-radius:14px;box-shadow:0 14px 36px rgba(15,23,42,.07)}
.btn{border-radius:10px;min-height:44px}.form-control,.form-select{border-radius:10px;min-height:48px;background:#fff}.form-control:focus,.form-select:focus{border-color:#93b4ff;box-shadow:0 0 0 4px rgba(37,92,244,.16)}
.workspace-grid{grid-template-columns:minmax(340px,440px) minmax(0,1fr);gap:26px;align-items:start}.ticket-form{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;padding:24px;scrollbar-gutter:stable}.ticket-form::-webkit-scrollbar,.ticket-cards::-webkit-scrollbar,.admin-table-wrap::-webkit-scrollbar,.report-list::-webkit-scrollbar{width:9px;height:9px}.ticket-form::-webkit-scrollbar-thumb,.ticket-cards::-webkit-scrollbar-thumb,.admin-table-wrap::-webkit-scrollbar-thumb,.report-list::-webkit-scrollbar-thumb{background:#c4cfdd;border-radius:999px}.ticket-form .btn-lg{min-height:56px}.register-panel{display:flex;flex-direction:column;max-height:calc(100vh - 36px);overflow:hidden}.ticket-cards{max-height:none;overflow:auto;padding-right:8px}.ticket-card{border-radius:14px;background:#fff;padding:18px;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.ticket-card:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(37,92,244,.10)}.ticket-card-top strong{font-size:18px}.ticket-footer strong{color:#46566f}.form-banner.approval{background:#f3f7ff;border-color:#ccdcff;color:#173c8d}.account-hint{background:#f7faff}
.password-field{position:relative}.password-field .form-control{padding-right:74px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:34px;border:0;border-radius:8px;background:#edf2f7;color:#334155;font-weight:900;font-size:12px;padding:0 12px}.password-toggle:hover{background:#dfe8f3}.login-panel .password-field{margin-top:0}
.login-page{background:#fff}.login-panel{box-shadow:18px 0 50px rgba(15,23,42,.06);z-index:1}.mini-board{border-radius:18px}.login-panel h1{font-size:clamp(34px,4vw,46px)}
.report-list{overflow:auto}.report-grid-head.durations,.report-row.durations{grid-template-columns:120px minmax(180px,1.2fr) 95px minmax(150px,1fr) 120px 110px 120px 120px;min-width:1060px}.report-row{background:#fff}.export-actions .btn{min-width:88px}.admin-grid-head{border-radius:10px}.admin-row{background:#fff}.admin-row:nth-child(even){background:#fbfcff}
@media(max-width:1200px){.ticket-form,.register-panel{position:static;max-height:none;overflow:visible}.ticket-cards{overflow:visible}.workspace-grid{grid-template-columns:1fr}}

/* Ops cockpit redesign - cache v20260529-ops2 */
.app-shell{grid-template-columns:260px minmax(0,1fr)}.sidebar{background:#0f172a;border-right:1px solid rgba(255,255,255,.08)}.brand span{border-radius:10px}.sidebar .nav-link{border-radius:10px}.sidebar .nav-link:hover{background:#1e293b}.user-chip{border-radius:12px;background:#1d2d46}.content{max-width:1720px;padding:28px 34px}.ops-topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;padding:24px 26px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 16px 40px rgba(15,23,42,.06)}.ops-topbar h1{font-size:34px;line-height:1.1;margin:0;font-weight:900}.topbar-actions{display:flex;gap:10px;flex-wrap:wrap}.ops-metrics{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin-bottom:18px}.metric-tile{position:relative;overflow:hidden;min-height:128px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 14px 36px rgba(15,23,42,.06)}.metric-tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#255cf4}.metric-tile.amber:before{background:#b96b00}.metric-tile.violet:before{background:#6852f5}.metric-tile.green:before{background:#0b7f5a}.metric-tile span{display:block;color:#5f6f86;text-transform:uppercase;font-size:12px;font-weight:900}.metric-tile strong{display:block;font-size:38px;line-height:1.1;margin:12px 0 4px;font-weight:900}.metric-tile small{color:#6b778c}.ops-list-panel{padding:22px;max-height:calc(100vh - 260px);overflow:hidden;display:flex;flex-direction:column}.ops-ticket-list{display:grid;gap:10px;overflow:auto;padding-right:8px}.ops-ticket-list::-webkit-scrollbar{width:9px}.ops-ticket-list::-webkit-scrollbar-thumb{background:#c4cfdd;border-radius:999px}.ops-ticket-row{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;color:inherit;text-decoration:none}.ops-ticket-row:hover{border-color:#9bb8ff;background:#f8fbff}.ops-ticket-row strong{display:block;color:#194594;font-size:16px;margin-bottom:6px}.ops-ticket-row h3{font-size:18px;line-height:1.32;margin:0 0 10px;font-weight:900}.ops-ticket-row .status{flex:0 0 auto}.ticket-form{padding-bottom:28px}.register-panel{max-height:calc(100vh - 36px)}
@media(max-width:1000px){.ops-topbar{align-items:flex-start;flex-direction:column}.ops-metrics{grid-template-columns:repeat(2,1fr)}.ops-list-panel{max-height:none}.ops-ticket-list{overflow:visible}.content{padding:18px}.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.user-chip{margin-top:10px}}
@media(max-width:560px){.ops-metrics{grid-template-columns:1fr}.ops-ticket-row{display:grid}.topbar-actions .btn{width:100%}}

/* Enterprise visual system v20260529-enterprise3 */
:root{--ink:#182230;--muted:#667085;--paper:#ffffff;--soft:#f5f7fb;--line:#d6deea;--blue:#2457c5;--green:#08745f;--amber:#a15c07;--violet:#5946c7;--slate:#263445;--focus:#8fb4ff}
body{background:#f5f7fb;color:var(--ink)}.sidebar{background:#111827}.brand span{background:#f8fafc;color:#111827}.sidebar .nav-link{color:#d4dce8}.sidebar .nav-link:hover{background:#243145}.user-chip{background:#1f2d44}.content{max-width:1680px}.panel,.metric,.action-card,.metric-tile,.ops-topbar{border-color:#d9e2ef;box-shadow:0 10px 28px rgba(16,24,40,.06)}.btn-primary{background:#2457c5;border-color:#2457c5}.btn-primary:hover{background:#1f4baa;border-color:#1f4baa}.btn-dark{background:#182230;border-color:#182230}.eyebrow{color:#2457c5;letter-spacing:.10em}.form-control,.form-select{border-radius:9px;border-color:#cfd8e6;color:#182230;background:#fff}.form-control:focus,.form-select:focus{border-color:var(--focus);box-shadow:0 0 0 4px rgba(36,87,197,.14)}label{color:#344054;font-weight:800}.ticket-form{border-radius:14px}.ticket-form .form-banner.approval{background:#eef4ff;border-color:#c7d7fe;color:#1e3a8a}.account-hint{background:#f8fafc;border-color:#d8e0eb;color:#667085}.ticket-form .btn-lg{font-size:20px;letter-spacing:0;min-height:54px}.workspace-grid{grid-template-columns:minmax(360px,460px) minmax(0,1fr)}.panel-title h2{color:#182230}.ticket-card,.ops-ticket-row{border-color:#d9e2ef;background:#fff}.ticket-card:hover,.ops-ticket-row:hover{border-color:#9eb6e8;background:#f8fbff}.ticket-card-top strong,.ops-ticket-row strong{color:#2457c5}.ticket-meta span,.badges span{background:#eef2f7;color:#344054}.status.closed,.status.completed{background:#dff7ee;color:#08745f}.status.in_progress{background:#fff4dc;color:#a15c07}.status.open,.status.new{background:#e8f0ff;color:#2457c5}.status.approval_pending{background:#fff4dc;color:#a15c07}.status.approval_received{background:#e4f7ef;color:#08745f}.ops-topbar{background:#fff;border-radius:14px}.ops-topbar h1{color:#182230}.metric-tile{border-radius:13px;background:#fff}.metric-tile strong{color:#182230}.metric-tile:before{background:#2457c5}.metric-tile.amber:before{background:#a15c07}.metric-tile.violet:before{background:#5946c7}.metric-tile.green:before{background:#08745f}.ops-list-panel{border-radius:14px}.no-assist::-webkit-contacts-auto-fill-button,.no-assist::-webkit-credentials-auto-fill-button{visibility:hidden;display:none!important;pointer-events:none;position:absolute;right:0}.filter-panel{border-radius:14px}.report-grid-head,.admin-grid-head{background:#182230;border-radius:9px}.login-art{background:#182230}.mini-board{box-shadow:0 24px 70px rgba(16,24,40,.22)}
@media(max-width:1200px){.workspace-grid{grid-template-columns:1fr}.ticket-form{max-height:none}}


/* Workflow clarity and management dashboard refinements */
.workflow-rule{display:grid;gap:4px;margin:14px 0;padding:14px;border:1px solid #c7d7fe;border-radius:12px;background:#eef4ff;color:#1e3a8a}.workflow-rule strong{font-size:15px}.workflow-rule span{font-size:13px;color:#445b87}.workflow-path{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:14px}.workflow-path span{position:relative;padding:10px 12px 10px 34px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#667085;font-size:13px;font-weight:900}.workflow-path span:before{content:"";position:absolute;left:12px;top:50%;width:10px;height:10px;border-radius:50%;background:#cbd5e1;transform:translateY(-50%)}.workflow-path span.done{border-color:#b7e4d4;background:#effaf5;color:#08745f}.workflow-path span.done:before{background:#08745f}.workflow-path span.active{border-color:#f1cf8b;background:#fff8e8;color:#a15c07}.workflow-path span.active:before{background:#a15c07}.timer-label{color:#667085;font-size:12px;font-weight:900;text-transform:uppercase}.timer-paused{padding:11px 12px;border:1px dashed #cbd5e1;border-radius:10px;background:#f8fafc;color:#475467;font-size:13px;font-weight:800;text-align:center}.management-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:-4px 0 18px}.management-strip div{padding:16px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 10px 28px rgba(16,24,40,.05)}.management-strip small{display:block;color:#667085;text-transform:uppercase;font-size:11px;font-weight:900}.management-strip strong{display:block;margin-top:4px;font-size:26px;font-weight:900;color:#182230}.management-strip span{display:block;margin-top:3px;color:#667085;font-size:12px}.admin-grid{grid-template-columns:minmax(230px,1.6fr) repeat(9,minmax(86px,.75fr));min-width:1160px}.admin-summary{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
@media(max-width:820px){.admin-grid,.admin-row{grid-template-columns:1fr 1fr;min-width:0}.management-strip{grid-template-columns:1fr}.workflow-path{grid-template-columns:1fr}}


/* Engineer progress detail cards */
.progress-explainer,.engineer-progress-panel{margin-bottom:18px}.progress-logic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.progress-logic-grid div{padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.progress-logic-grid strong{display:block;margin-bottom:5px;color:#182230}.progress-logic-grid span{display:block;color:#667085;font-size:13px}.engineer-progress-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px}.engineer-progress-card{border:1px solid var(--line);border-radius:13px;background:#fff;padding:16px;min-width:0}.engineer-progress-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.engineer-progress-head h3{margin:0;font-size:17px;font-weight:900}.engineer-progress-head span{color:#667085;font-size:12px}.progress-ticket-list{display:grid;gap:9px}.progress-ticket{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px;border:1px solid #e2e8f0;border-radius:10px;background:#fbfcff;color:inherit;text-decoration:none}.progress-ticket:hover{border-color:#9eb6e8;background:#f8fbff}.progress-ticket strong{display:block;color:#2457c5;font-size:13px;margin-bottom:4px}.progress-ticket div>span:not(.status){display:block;color:#344054;font-size:13px;line-height:1.3;overflow-wrap:anywhere}.progress-ticket-meta{display:grid;justify-items:end;gap:5px;min-width:112px}.progress-ticket-meta small{color:#667085;font-size:11px;font-weight:800}.progress-ticket-meta .status{white-space:nowrap}
@media(max-width:700px){.engineer-progress-list{grid-template-columns:1fr}.progress-ticket{grid-template-columns:1fr}.progress-ticket-meta{justify-items:start;grid-template-columns:repeat(2,max-content);align-items:center}.progress-ticket-meta .status{grid-column:1/-1}}


/* Individual engineer performance page */
.engineer-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.engineer-kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.engineer-ticket-history{overflow:hidden}.engineer-ticket-grid{display:grid;grid-template-columns:120px minmax(170px,1.1fr) 130px 90px 120px 120px minmax(220px,1.3fr);gap:12px;align-items:center;min-width:1080px}.engineer-ticket-head{padding:12px 14px;background:#182230;color:#fff;border-radius:9px;font-size:11px;font-weight:900;text-transform:uppercase}.engineer-ticket-row{padding:13px 14px;border-bottom:1px solid var(--line);background:#fff;color:inherit;text-decoration:none}.engineer-ticket-row:hover{background:#f8fbff}.engineer-ticket-row span{min-width:0}.engineer-ticket-row small{display:block;margin-top:4px;color:#667085;font-size:12px;line-height:1.25;overflow-wrap:anywhere}.engineer-ticket-row strong{color:#182230}.engineer-cell a{color:inherit;text-decoration:none}.engineer-cell a:hover strong{color:#2457c5}
@media(max-width:900px){.engineer-ticket-head{display:none}.engineer-ticket-grid,.engineer-ticket-row{display:grid;grid-template-columns:1fr;min-width:0}.engineer-ticket-row{border:1px solid var(--line);border-radius:12px;margin-bottom:10px}.engineer-ticket-row span:before{content:attr(data-label);display:block;color:#667085;font-size:10px;text-transform:uppercase;font-weight:900}.engineer-ticket-row span:first-child:before{content:"Ticket"}}


/* Customer CRF form and print output */
.crf-entry-box,.crf-panel,.crf-builder-panel{display:grid;gap:14px;border:1px solid #d9e2ef;border-radius:12px;background:#f8fafc;padding:16px}.panel-title.compact{margin-bottom:0}.crf-edit-form{display:grid;gap:13px}.crf-panel{margin-bottom:24px}.crf-action-panel{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.crf-action-panel h2,.crf-help-panel h2{font-size:20px;font-weight:900;margin:0}.crf-action-panel p{margin:4px 0 0}.crf-action-buttons,.crf-form-actions{display:flex;gap:10px;flex-wrap:wrap}.crf-create-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.crf-builder-panel{background:#fff;padding:24px}.crf-help-panel{position:sticky;top:24px;display:grid;gap:12px}.crf-help-step{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.crf-help-step strong{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#2457c5;color:#fff}.crf-help-step span{font-size:13px;color:#475467;font-weight:800}.crf-print-body{background:#eef2f7;margin:0;color:#111827;font-family:Arial,Helvetica,sans-serif}.crf-toolbar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 22px;background:#fff;border-bottom:1px solid #d9e2ef}.crf-toolbar label{display:block;font-size:12px;text-transform:uppercase;color:#667085}.crf-toolbar strong{font-size:22px}.crf-sheet{width:820px;min-height:1120px;margin:28px auto;padding:44px 52px;background:#fff;box-shadow:0 20px 60px rgba(15,23,42,.16);font-size:15px;line-height:1.35}.crf-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:4px}.crf-topline strong{font-size:18px}.crf-topline span{font-weight:700}.crf-sheet h1{font-size:22px;margin:0 0 18px;font-weight:700}.crf-table{width:100%;border-collapse:collapse;table-layout:fixed;margin-bottom:14px}.crf-table th,.crf-table td{border:1px solid #111827;padding:8px 9px;vertical-align:top;min-height:34px;word-break:break-word}.crf-table th{font-weight:700;text-align:left;background:#f3f4f6}.crf-meta td:first-child{width:28%}.amount-table th:first-child,.amount-table td:first-child{width:58px;text-align:center}.amount-table th:last-child,.amount-table td:last-child{width:150px}.amount-table tbody td{height:38px}.total-label{text-align:center;font-weight:700}.schedule-table th:first-child,.schedule-table td:first-child{width:110px}.crf-signoff td{height:42px}
@media print{body.crf-print-body{background:#fff}.crf-toolbar{display:none}.crf-sheet{width:auto;min-height:0;margin:0;padding:0;box-shadow:none;font-size:12px}.crf-sheet h1{font-size:18px}.crf-topline strong{font-size:15px}.crf-table{margin-bottom:8px}.crf-table th,.crf-table td{padding:5px 6px}.amount-table tbody td{height:28px}@page{size:A4;margin:14mm}}
@media(max-width:900px){.crf-sheet{width:calc(100% - 24px);padding:28px 20px}.crf-toolbar,.crf-action-panel{align-items:flex-start;flex-direction:column}.crf-toolbar .btn,.crf-action-buttons .btn,.crf-form-actions .btn{width:100%}.crf-create-layout{grid-template-columns:1fr}.crf-help-panel{position:static}}


/* Exact CRF customer output v20260530 */
.exact-crf-page{background:#dfe6ef;color:#000;font-family:Arial,Helvetica,sans-serif}.crf-exact-sheet{width:1310px;margin:18px auto;background:#fff;box-shadow:0 20px 70px rgba(15,23,42,.20)}.crf-exact-table{width:100%;border-collapse:collapse;table-layout:fixed;border:3px solid #000;font-family:Arial,Helvetica,sans-serif;color:#000}.crf-exact-table .c1{width:260px}.crf-exact-table .c2{width:300px}.crf-exact-table .c3{width:260px}.crf-exact-table .c4{width:160px}.crf-exact-table .c5{width:326px}.crf-exact-table td,.crf-exact-table th{border:1px solid #000;padding:2px 6px;vertical-align:top;font-size:29px;line-height:1.05;font-weight:400}.crf-exact-table th{font-weight:900;text-align:center}.crf-exact-table .header-row td{border-left:0;border-right:0;border-top:0;height:148px;vertical-align:top}.crf-exact-table .brand-cell{padding:22px 8px 0}.company-name{font-size:42px;line-height:1;font-weight:900;white-space:nowrap}.form-name{font-size:38px;line-height:1.18;font-weight:400;margin-top:8px}.logo-cell{text-align:center;padding-top:0!important;position:relative}.crimson-logo-mark{height:54px;margin:0 auto 0;position:relative;width:180px}.crimson-logo-mark span{position:absolute;border-radius:999px;display:block}.crimson-logo-mark span:nth-child(1){width:58px;height:42px;background:#f89a22;left:12px;top:8px}.crimson-logo-mark span:nth-child(2){width:66px;height:50px;background:#f26522;left:48px;top:5px}.crimson-logo-mark span:nth-child(3){width:74px;height:54px;background:#ef2f65;left:88px;top:7px}.crimson-logo-mark span:nth-child(4){width:76px;height:46px;background:#5834a5;left:126px;top:16px}.crimson-logo-text{font-size:25px;line-height:.84;color:#b72b57;font-weight:700}.crimson-logo-text b{color:#777;font-weight:700}.frontier-company{margin-top:14px;font-size:14px;color:#777;letter-spacing:.08em}.no-cell{font-size:29px!important;text-align:right!important;vertical-align:middle!important;padding-top:82px!important;white-space:nowrap}.crf-exact-table .thick-top td,.crf-exact-table .thick-top th{border-top:3px solid #000}.crf-exact-table .right-text{text-align:right}.crf-exact-table .center-text{text-align:center}.crf-exact-table .text-row td{height:70px}.crf-exact-table .tall td{height:72px}.crf-exact-table .taller td{height:82px}.crf-exact-table .amount-head th{font-size:30px;line-height:1}.crf-exact-table .amount-line td{height:67px;font-size:29px}.crf-exact-table .amount-line td:first-child{padding-top:18px}.crf-exact-table .blank-line td{height:34px}.crf-exact-table .total-row td{height:34px;font-size:30px}.crf-exact-table .impact-row td{height:88px;border-bottom:0;padding-top:36px}.crf-exact-table .impact-row td:last-child{border-left:1px solid #000}.crf-exact-table .impact-row-bottom td{height:30px;border-top:0}.crf-exact-table .medium-row td{height:70px}.crf-exact-table tr:last-child td{border-bottom:0}.crf-exact-table b{font-weight:900}
@media print{.exact-crf-page{background:#fff}.exact-crf-page .crf-toolbar{display:none}.crf-exact-sheet{width:100%;margin:0;box-shadow:none}.crf-exact-table{border-width:2px}.crf-exact-table td,.crf-exact-table th{font-size:20px;padding:1px 4px}.company-name{font-size:34px}.form-name{font-size:32px}.no-cell{font-size:23px!important;padding-top:72px!important}.crimson-logo-mark{transform:scale(.78);transform-origin:top center;height:46px}.crimson-logo-text{font-size:20px}.frontier-company{font-size:11px;margin-top:8px}.crf-exact-table .header-row td{height:124px}.crf-exact-table .text-row td{height:55px}.crf-exact-table .tall td{height:58px}.crf-exact-table .taller td{height:66px}.crf-exact-table .amount-head th{font-size:21px}.crf-exact-table .amount-line td{height:48px;font-size:20px}.crf-exact-table .blank-line td{height:25px}.crf-exact-table .total-row td{height:28px;font-size:21px}.crf-exact-table .impact-row td{height:70px;padding-top:28px}.crf-exact-table .medium-row td{height:53px}@page{size:landscape;margin:3mm}}
@media(max-width:1340px){.crf-exact-sheet{width:calc(100vw - 28px);overflow:auto}.company-name{white-space:normal}}

.ticket-card-actions{color:inherit;text-decoration:none}.ticket-action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.ticket-action-row .btn{min-height:36px;border-radius:9px;font-size:13px;padding:7px 12px}.ticket-action-row .btn-primary{color:#fff}
@media(max-width:560px){.ticket-action-row .btn{flex:1}}


/* Standalone Create CRF page */
.crf-page-head{margin-bottom:18px}.standalone-crf-form{display:grid;gap:18px;padding:24px;max-width:1240px}.crf-section{display:grid;gap:14px;padding:18px;border:1px solid #d9e2ef;border-radius:12px;background:#fff}.crf-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #e5ebf3;padding-bottom:10px}.crf-section-title h2{font-size:20px;font-weight:900;margin:0;color:#182230}.crf-section-title span{font-size:12px;font-weight:900;text-transform:uppercase;color:#667085}.crf-form-grid{display:grid;gap:14px}.crf-form-grid.four-col{grid-template-columns:repeat(4,minmax(0,1fr))}.crf-form-grid.two-col-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.standalone-crf-form label{min-width:0}.standalone-crf-form textarea.form-control{min-height:96px}.standalone-crf-form input[readonly]{background:#eef4ff;color:#1e3a8a;font-weight:900}.money-input{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center}.money-input span{display:grid;place-items:center;height:48px;border:1px solid #cfd8e6;border-right:0;border-radius:9px 0 0 9px;background:#f8fafc;font-size:20px;font-weight:900;color:#182230}.money-input .form-control{border-radius:0 9px 9px 0}.standalone-crf-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;padding-top:4px}.standalone-crf-actions .btn{min-width:190px}
@media(max-width:1100px){.crf-form-grid.four-col{grid-template-columns:repeat(2,minmax(0,1fr))}.standalone-crf-form{max-width:none}}
@media(max-width:680px){.crf-form-grid.four-col,.crf-form-grid.two-col-wide{grid-template-columns:1fr}.crf-section-title{align-items:flex-start;flex-direction:column}.standalone-crf-actions .btn{width:100%}}

.crimson-logo-img{display:block;width:205px;max-width:100%;height:auto;margin:0 auto}.logo-cell{vertical-align:top!important;text-align:center!important;padding-top:0!important}
@media print{.crimson-logo-img{width:165px}}

.crf-toolbar-actions{display:flex;gap:10px;flex-wrap:wrap}.crf-toolbar-actions .btn{min-height:40px}
@media print{.crf-toolbar-actions{display:none}}


/* Admin CRF register */
.crf-register-panel{overflow:hidden}.crf-register-wrap{overflow:auto}.crf-register-grid{display:grid;grid-template-columns:100px minmax(180px,1fr) 90px 150px minmax(260px,1.6fr) 130px 120px 170px;gap:12px;align-items:center;min-width:1180px}.crf-register-head{padding:12px 14px;background:#182230;color:#fff;border-radius:9px;font-size:11px;font-weight:900;text-transform:uppercase}.crf-register-row{padding:13px 14px;border-bottom:1px solid var(--line);background:#fff}.crf-register-row:nth-child(even){background:#fbfcff}.crf-register-row span{min-width:0;overflow-wrap:anywhere}.crf-register-row small{display:block;margin-top:3px;color:#667085;font-size:12px;line-height:1.25}.crf-row-actions{display:flex;gap:8px;flex-wrap:wrap}.status.draft{background:#eef2f7;color:#344054}.status.sent{background:#e8f0ff;color:#2457c5}.status.approved{background:#dff7ee;color:#08745f}.status.rejected{background:#fde8e8;color:#b42318}.crf-detail-layout .single-col{grid-template-columns:1fr}.crf-detail-layout .detail-grid.cards.single-col div{min-width:0}
@media(max-width:900px){.crf-register-head{display:none}.crf-register-grid,.crf-register-row{display:grid;grid-template-columns:1fr;min-width:0}.crf-register-row{border:1px solid var(--line);border-radius:12px;margin-bottom:10px}.crf-register-row span:before{content:attr(data-label);display:block;color:#667085;font-size:10px;text-transform:uppercase;font-weight:900}.crf-row-actions .btn{flex:1}}


/* Standalone CRF output toolbar buttons */
.crf-toolbar-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.crf-toolbar-actions .btn,.crf-toolbar-actions a.btn,.crf-toolbar-actions button.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:10px;border:1px solid #2457c5;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:900;line-height:1;text-decoration:none;cursor:pointer;white-space:nowrap}.crf-toolbar-actions .btn-primary{background:#2457c5;color:#fff}.crf-toolbar-actions .btn-primary:hover{background:#1f4baa;color:#fff}.crf-toolbar-actions .btn-outline-secondary{background:#fff;color:#182230;border-color:#98a2b3}.crf-toolbar-actions .btn-outline-secondary:hover{background:#f2f4f7;color:#182230}.crf-toolbar-actions .btn-dark{background:#182230;color:#fff;border-color:#182230}.crf-toolbar-actions .btn-dark:hover{background:#101828;color:#fff}
@media(max-width:700px){.crf-toolbar{align-items:flex-start;flex-direction:column}.crf-toolbar-actions{width:100%}.crf-toolbar-actions .btn{flex:1}}
@media print{.crf-toolbar-actions{display:none!important}}


.field-help{display:block;color:#667085;font-size:12px;font-weight:700;line-height:1.35;margin-top:-2px}.form-banner:not(.approval){background:#ecfdf3;border-color:#abefc6;color:#067647}.form-banner:not(.approval) small,.form-banner:not(.approval) span{color:#067647}.support-rule{background:#ecfdf3;border-color:#abefc6;color:#067647}.support-rule span{color:#327a57}.support-path span.done{border-color:#abefc6;background:#ecfdf3;color:#067647}.support-path span.done:before{background:#067647}

.auth-links{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.auth-links a{font-weight:900;color:#2457c5;text-decoration:none}.auth-links a:hover{text-decoration:underline}

/* Auth visual refresh v20260531 */
.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,34vw) minmax(0,1fr);background:#f8fafc}.login-panel{position:relative;z-index:1;justify-content:center;padding:clamp(34px,5vw,72px) clamp(28px,4vw,64px);box-shadow:18px 0 50px rgba(15,23,42,.08)}.login-panel form,.login-panel .auth-links,.login-panel .account-hint{max-width:460px}.login-panel .brand.big{margin-bottom:30px}.login-panel h1{max-width:460px;margin:0;color:#111827;font-size:clamp(38px,4vw,58px);line-height:1.02}.login-panel p.text-muted{max-width:460px;margin:18px 0 0;color:#526174!important;font-size:17px;line-height:1.55}.login-panel .form-label{color:#263244}.login-panel .form-control{border-color:#cbd5e1;min-height:58px;font-size:16px}.login-panel .btn-dark{min-height:58px;background:#111827;border-color:#111827;font-size:17px}.login-art{position:relative;isolation:isolate;display:block;min-height:100vh;overflow:hidden;background:#111827 url('/static/img/auth-operations-hero.png') center/cover no-repeat}.login-art:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(17,24,39,.18),rgba(17,24,39,.06) 42%,rgba(17,24,39,.42))}.login-art:after{content:"";position:absolute;inset:auto 0 0 0;z-index:0;height:36%;background:linear-gradient(0deg,rgba(17,24,39,.68),rgba(17,24,39,0))}.login-art .mini-board{display:none}.admin-login{margin:0}.auth-links{align-items:center;margin-top:18px!important}.auth-links a{color:#2457c5;font-size:15px}.toast-area{z-index:30}@media(max-width:980px){.login-page{grid-template-columns:1fr;min-height:100vh}.login-art{display:block;order:-1;min-height:220px;background-position:center 38%}.login-art:before{background:linear-gradient(180deg,rgba(17,24,39,.04),rgba(17,24,39,.32))}.login-panel{padding:30px 22px 40px;box-shadow:none}.login-panel h1{font-size:34px}.login-panel p.text-muted{font-size:15px}}@media(max-width:560px){.login-art{min-height:170px}.login-panel form,.login-panel .auth-links,.login-panel .account-hint{max-width:none}.auth-links{display:grid;grid-template-columns:1fr;gap:10px}}

.crf-inline-section{display:grid;gap:14px;padding:16px;border:1px solid #ccdcff;border-radius:14px;background:#f8fbff}.crf-inline-section[hidden]{display:none}.crf-inline-section .crf-section-title{margin-bottom:0}.money-input{display:flex;align-items:center}.money-input span{display:grid;place-items:center;min-height:52px;padding:0 12px;border:1px solid var(--line);border-right:0;border-radius:12px 0 0 12px;background:#f8fafc;font-weight:900}.money-input .form-control{border-radius:0 12px 12px 0}

.admin-grid{grid-template-columns:minmax(230px,1.6fr) repeat(7,minmax(82px,.65fr)) minmax(90px,.7fr) minmax(190px,1.2fr) repeat(3,minmax(100px,.8fr));min-width:1480px}.breakdown-grid{display:grid;grid-template-columns:minmax(220px,1.4fr) 100px 120px 130px;gap:12px;align-items:center;min-width:720px}.breakdown-head{padding:12px 14px;background:#182230;color:#fff;border-radius:9px;font-size:11px;font-weight:900;text-transform:uppercase}.breakdown-row{padding:13px 14px;border-bottom:1px solid var(--line);background:#fff}.engineer-breakdown-panel{overflow:auto;margin-bottom:18px}.crf-inline-section{max-height:260px;overflow:auto;scrollbar-gutter:stable}.crf-inline-section .field-group.two-col{grid-template-columns:1fr}.crf-inline-section .crf-section-title h2{font-size:20px}.crf-inline-section .form-control,.crf-inline-section .form-select{min-height:48px;padding:10px 12px}
@media(max-width:900px){.breakdown-head{display:none}.breakdown-grid,.breakdown-row{grid-template-columns:1fr;min-width:0}.breakdown-row{border:1px solid var(--line);border-radius:12px;margin-bottom:10px}}

.account-form-grid{display:grid;grid-template-columns:140px minmax(220px,1.4fr) minmax(180px,1fr) minmax(180px,1fr) 130px;gap:12px;align-items:end}.account-grid{display:grid;grid-template-columns:110px minmax(260px,1.4fr) 170px 190px 110px 180px;gap:10px;align-items:center;min-width:1120px}.account-grid-head{padding:12px 14px;background:#182230;color:#fff;border-radius:9px;font-size:11px;font-weight:900;text-transform:uppercase}.account-row{padding:12px 14px;border-bottom:1px solid var(--line);background:#fff}.account-actions{display:flex;gap:8px}.inline-check{display:flex;align-items:center;gap:8px;margin:0}.report-breakdown-panel{overflow:auto;margin-bottom:18px}.report-breakdown-grid{display:grid;grid-template-columns:minmax(220px,1.5fr) 90px 170px 80px 80px 80px 100px 120px;gap:12px;align-items:center;min-width:1050px}.monthly-summary-grid{display:grid;grid-template-columns:100px minmax(220px,1.4fr) 90px minmax(180px,1fr) 80px 120px;gap:12px;align-items:center;min-width:850px}.customer-summary-head,.monthly-summary-head{padding:12px 14px;background:#182230;color:#fff;border-radius:9px;font-size:11px;font-weight:900;text-transform:uppercase}.report-breakdown-row{padding:12px 14px;border-bottom:1px solid var(--line);background:#fff}.category-summary-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.category-summary-list div{padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}.category-summary-list strong{display:block;color:#182230}.category-summary-list span{display:block;color:#667085;font-size:13px}.report-grid-head.durations,.report-row.durations{grid-template-columns:110px minmax(170px,1.2fr) 80px 130px minmax(150px,1fr) minmax(140px,1fr) 120px 110px 110px;min-width:1180px}
@media(max-width:900px){.account-form-grid,.account-grid,.account-row,.report-breakdown-grid,.monthly-summary-grid{grid-template-columns:1fr;min-width:0}.account-grid-head,.customer-summary-head,.monthly-summary-head{display:none}.account-row,.report-breakdown-row{border:1px solid var(--line);border-radius:12px;margin-bottom:10px}}

.cloud-account-grid{display:grid;grid-template-columns:170px repeat(4,minmax(180px,1fr)) 130px;gap:12px;align-items:end}.cloud-account-card{padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:12px}.account-card-head{display:grid;grid-template-columns:180px 130px 1fr;gap:12px;align-items:center;margin-bottom:12px}.cloud-account-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.cloud-account-fields [hidden],.cloud-account-grid [hidden]{display:none!important}.admin-ticket-view{grid-template-columns:1fr}.admin-ticket-view .register-panel{max-height:none}.account-list-panel{overflow:auto}
@media(max-width:900px){.cloud-account-grid,.account-card-head{grid-template-columns:1fr}.cloud-account-fields{grid-template-columns:1fr}}

.account-kpi-strip{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.account-filter-panel{grid-template-columns:minmax(220px,1.4fr) repeat(5,minmax(150px,1fr)) 110px}.account-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.account-summary-panel{overflow:auto;margin-bottom:18px}.account-summary-grid{display:grid;grid-template-columns:minmax(230px,1.5fr) 82px 145px 72px 72px 72px 82px 104px 82px 86px 118px 140px;gap:10px;align-items:center;min-width:1330px}.account-summary-head,.monthly-account-head{padding:12px 14px;background:#182230;color:#fff;border-radius:9px;font-size:11px;font-weight:900;text-transform:uppercase}.account-summary-row{padding:13px 14px;border-bottom:1px solid var(--line);background:#fff;color:inherit;text-decoration:none}.account-summary-row:hover,.monthly-account-row:hover{background:#f8fbff}.account-summary-row small{display:block;margin-top:3px;color:#667085;font-size:12px}.monthly-account-grid{display:grid;grid-template-columns:96px minmax(230px,1.5fr) 82px 145px 72px 82px 104px 82px 118px;gap:10px;align-items:center;min-width:1020px}.monthly-account-row{padding:13px 14px;border-bottom:1px solid var(--line);background:#fff}.category-summary-list.compact{grid-template-columns:1fr}.account-insight-panel{min-width:0}
@media(max-width:1000px){.account-insight-grid{grid-template-columns:1fr}.account-filter-panel{grid-template-columns:1fr}.account-summary-head,.monthly-account-head{display:none}.account-summary-grid,.account-summary-row,.monthly-account-grid,.monthly-account-row{display:grid;grid-template-columns:1fr;min-width:0}.account-summary-row,.monthly-account-row{border:1px solid var(--line);border-radius:12px;margin-bottom:10px}.account-summary-row span:before{content:attr(data-label);display:block;color:#667085;font-size:10px;text-transform:uppercase;font-weight:900}}