:root{--navy:#075864;--blue:#087f8c;--sky:#dff7f5;--ink:#17313a;--muted:#64777d;--line:#dce9e9;--bg:#f3f8f8;--red:#b5473c;--green:#087f5b;--coral:#ed7b67;--shadow:0 12px 32px rgba(7,88,100,.08)}
body{background-color:var(--bg);background-image:linear-gradient(rgba(8,127,140,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(8,127,140,.025) 1px,transparent 1px);background-size:32px 32px}.topbar{border-bottom-color:#d7ebeb;box-shadow:0 4px 18px rgba(7,88,100,.05)}.brandmark,.loginlogo{background:linear-gradient(145deg,#087f8c,#0ba7a5);box-shadow:0 7px 18px rgba(8,127,140,.25)}.brandmark i{font-size:19px;transform:rotate(-8deg)}.topbar nav a,.topbar .link{display:flex;align-items:center;gap:7px;border-radius:9px;padding:8px 10px;transition:.2s}.topbar nav a:hover,.topbar .link:hover{color:var(--blue);background:var(--sky)}.topbar nav i{font-size:16px;color:var(--blue)}.pagehead h1{letter-spacing:-.025em;color:#113a42}.eyebrow{color:var(--blue)}.eyebrow i{margin-right:4px}.primary{background:linear-gradient(135deg,#087f8c,#069ca1);box-shadow:0 5px 14px rgba(8,127,140,.2);transition:.2s}.primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(8,127,140,.27)}.primary i,.secondary i{margin-right:5px}.panel{border-color:#dceaea;position:relative;overflow:hidden}.panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#18a7a5,#a4deda)}
.stats article{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#eefaf9);border-color:#cfeae8;padding-left:86px;min-height:126px;display:flex;flex-direction:column;justify-content:center}.stats article:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:rgba(8,127,140,.04);right:-35px;top:-35px}.staticon{position:absolute;left:22px;top:25px;width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#d9f4f1;color:#087f8c;font-size:22px}.staticon.coral{background:#ffebe6;color:var(--coral)}.recordcard{border-left:4px solid #78cbc8}.recordcard:hover{border-color:#23aaa8;background:#fbffff}.recordcard strong:before{font-family:"bootstrap-icons";content:"\f4e1";color:var(--blue);font-weight:400;margin-right:8px}.bartrack i{background:linear-gradient(90deg,#087f8c,#36c6bd)}.itemrow{border:1px solid #e0eeee;background:#f7fbfb}.filters{box-shadow:0 7px 24px rgba(7,88,100,.04)}
.loginbody{background:radial-gradient(circle at 15% 10%,rgba(122,210,205,.5),transparent 30%),radial-gradient(circle at 90% 90%,rgba(237,123,103,.14),transparent 28%),#eff8f7}.loginbrand{display:flex;align-items:center;gap:13px}.loginbrand span{display:grid}.loginbrand b{font-size:22px;color:var(--navy)}.loginbrand small{color:var(--muted);font-weight:650}.loginlogo{font-size:25px}.logincard h1{font-size:29px;margin-top:28px}.inputicon{position:relative}.inputicon i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--blue);font-size:17px}.inputicon input{padding-left:40px}.privacy{display:flex;justify-content:center;align-items:center;gap:7px;color:var(--muted);font-size:12px;margin-top:22px}.privacy i{color:var(--green)}.fab{background:linear-gradient(145deg,#087f8c,#0ba7a5)}
@media(max-width:760px){.topbar nav a span,.topbar nav .link span{display:none}.topbar nav a{font-size:inherit!important}.topbar nav a:before{display:none}.topbar nav i{font-size:19px}.stats article{padding-left:82px}}
.masteractions{display:flex;align-items:center;gap:8px}.masteractions form{margin:0}.masteractions button{white-space:nowrap}
@media(max-width:520px){.masterlist>div{align-items:flex-start;flex-direction:column}.masteractions{width:100%}.masteractions button{padding:9px 11px}}
.appfooter{width:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:12px;padding:18px 16px 26px;clear:both}.appfooter span{color:var(--blue);padding:0 4px}.loginfooter{position:fixed;left:0;right:0;bottom:0;z-index:2}
.footerbadge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:1px solid rgba(8,127,140,.14);border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 5px 18px rgba(7,88,100,.06);backdrop-filter:blur(8px);letter-spacing:.01em}.footerbadge i{color:var(--coral);font-size:13px;transform:rotate(-8deg)}.footerbadge .footerapp{color:var(--navy);font-weight:750;padding:0}.footerbadge .footerdot{color:#68bdb8;padding:0 1px;font-weight:800}.footerbadge .footerby{color:#718489;padding:0;font-style:italic;font-weight:500}
@media(max-height:600px){.loginfooter{position:static}}
.reportfilters form{display:grid;gap:16px}.periodtabs{display:flex;gap:8px;flex-wrap:wrap}.periodtabs input{position:absolute;opacity:0;pointer-events:none}.periodtabs span{display:flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-weight:700;cursor:pointer;background:#fff}.periodtabs input:checked+span{background:var(--sky);border-color:#86d4cf;color:var(--navy)}.reportfiltergrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:end}.reportfiltergrid label{display:grid;gap:6px;font-size:13px;font-weight:700;color:#475467}.reportstats{margin-top:4px}.reportrecords{display:grid;max-height:520px;overflow:auto}.reportrecords a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line);color:var(--ink)}.reportrecords a:hover{color:var(--blue)}.reportrecords small{display:block;color:var(--muted);font-weight:400}.reportrecords>a>b{font-size:12px;white-space:nowrap}.reportnote{font-size:11px;color:var(--muted);margin:18px 0 0}
@media(max-width:900px){.reportfiltergrid{grid-template-columns:1fr 1fr 1fr}.reportgrid{grid-template-columns:1fr}}
@media(max-width:560px){.reportfiltergrid{grid-template-columns:1fr}.periodtabs{display:grid;grid-template-columns:1fr}.periodtabs span{justify-content:center}.reportrecords a{align-items:flex-start}}
.historypanel{margin-top:24px}.timeline{display:grid}.timeline article{display:grid;grid-template-columns:38px 1fr;gap:12px;position:relative;padding-bottom:22px}.timeline article:not(:last-child):before{content:"";position:absolute;left:18px;top:36px;bottom:0;width:2px;background:#d8ecea}.timelineicon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--sky);color:var(--blue);z-index:1}.timelinebody{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fbfefe}.timelinehead{display:flex;justify-content:space-between;gap:12px}.timelinehead time{color:var(--muted);font-size:12px}.timelinebody p{margin:2px 0 10px;color:var(--muted)}.auditmeta{display:flex;flex-wrap:wrap;gap:8px 18px;color:#526b71;font-size:12px}.auditmeta i{color:var(--blue);margin-right:4px}.timeline details{margin-top:10px;border-top:1px dashed var(--line);padding-top:8px}.timeline summary{cursor:pointer;color:var(--blue);font-size:12px;font-weight:700}.agent,.changebox{margin-top:10px;padding:10px;background:#f0f7f7;border-radius:8px;font-size:11px;overflow-wrap:anywhere}.changebox pre{white-space:pre-wrap;word-break:break-word;margin:6px 0 0;font:11px/1.5 ui-monospace,monospace;color:#344054}
@media(max-width:560px){.timelinehead{display:grid;gap:2px}.auditmeta{display:grid;gap:5px}}
button>.bi,a.button>.bi{margin-right:5px}
.helpintro{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#e5f8f6,#fff);border:1px solid #cfeae8;border-radius:16px;margin-bottom:16px}.helpicon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:15px;background:#fff;color:var(--coral);font-size:22px;box-shadow:var(--shadow)}.helpintro p{margin:3px 0 0;color:var(--muted)}.helpnav{display:flex;gap:8px;overflow:auto;padding:4px 0 18px}.helpnav a{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);font-size:12px;font-weight:700}.helpnav a:hover{background:var(--sky);border-color:#8ed6d2}.helpsection{display:grid;grid-template-columns:48px 1fr;gap:18px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:16px;box-shadow:var(--shadow);scroll-margin-top:90px}.helpnumber{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#087f8c,#24b7b0);color:#fff;font-size:18px;font-weight:800}.helpsection h2{margin:4px 0 12px;font-size:20px;color:#173f47}.helpsection h2 i{color:var(--blue);margin-right:7px}.helpsection ol{margin:0;padding-left:22px}.helpsection li{padding:5px 0}.helptip,.helpnote{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;border-radius:11px;background:#edf9f7;color:#315d62}.helptip>i,.helpnote>i{color:var(--blue);margin-top:2px}.helpnote{background:#fff8e7;color:#705a25}.helpnote>i{color:#d79a14}.helpnote p{margin:2px 0 0}.helptext{color:var(--muted);margin:12px 0 0}.checklist{list-style:none;padding:0;margin:0;display:grid;gap:7px}.checklist i{color:var(--green);margin-right:7px}
@media(max-width:560px){.helpsection{grid-template-columns:1fr;padding:17px}.helpnumber{width:38px;height:38px}.helpintro{align-items:flex-start}.helpnav{margin-right:-12px}}
.themetoggle{border:0}.login-theme-toggle{position:fixed;right:18px;top:18px;z-index:5;display:flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.8);color:var(--navy);font-weight:700;box-shadow:var(--shadow);backdrop-filter:blur(8px);cursor:pointer}
[data-theme="dark"]{--navy:#8fe3dd;--blue:#53cfc8;--sky:#163f43;--ink:#e5f3f3;--muted:#9eb5b8;--line:#294c50;--bg:#0d2024;--white:#152c31;--green:#61d7a5;--shadow:0 12px 32px rgba(0,0,0,.24);color-scheme:dark}
[data-theme="dark"] body{background-color:#0d2024;background-image:linear-gradient(rgba(83,207,200,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(83,207,200,.035) 1px,transparent 1px);color:var(--ink)}[data-theme="dark"] .topbar,[data-theme="dark"] .panel,[data-theme="dark"] .recordcard,[data-theme="dark"] .filters,[data-theme="dark"] .logincard,[data-theme="dark"] .helpsection{background:#152c31;border-color:var(--line)}[data-theme="dark"] .topbar{box-shadow:0 4px 18px rgba(0,0,0,.2)}[data-theme="dark"] .brand,[data-theme="dark"] .recordcard,[data-theme="dark"] .reportrecords a{color:var(--ink)}[data-theme="dark"] .pagehead h1,[data-theme="dark"] .helpsection h2{color:#e8f7f6}[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#10262b;border-color:#36575b;color:var(--ink)}[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#789196}[data-theme="dark"] .secondary,[data-theme="dark"] .periodtabs span,[data-theme="dark"] .adminnav a,[data-theme="dark"] .helpnav a{background:#18363b;border-color:var(--line);color:#d7eaea}[data-theme="dark"] .stats article{background:linear-gradient(145deg,#183238,#112a2f);border-color:#294c50}[data-theme="dark"] .itemrow,[data-theme="dark"] .inlineform,[data-theme="dark"] .note,[data-theme="dark"] .timelinebody{background:#10272c;border-color:var(--line)}[data-theme="dark"] .timelinebody p,[data-theme="dark"] .recordcard small,[data-theme="dark"] .recordcard p{color:var(--muted)}[data-theme="dark"] .agent,[data-theme="dark"] .changebox{background:#0b2025}[data-theme="dark"] .changebox pre{color:#c9dddd}[data-theme="dark"] .helpintro{background:linear-gradient(135deg,#173c40,#12292e);border-color:var(--line)}[data-theme="dark"] .helptip{background:#15383a;color:#b9d9d7}[data-theme="dark"] .helpnote{background:#3a321d;color:#e4d39e}[data-theme="dark"] .footerbadge,[data-theme="dark"] .login-theme-toggle{background:rgba(21,44,49,.88);border-color:var(--line)}[data-theme="dark"] .footerbadge .footerby{color:#9eb5b8}[data-theme="dark"] .loginbody{background:radial-gradient(circle at 15% 10%,rgba(28,112,111,.35),transparent 30%),radial-gradient(circle at 90% 90%,rgba(181,75,60,.13),transparent 28%),#0d2024}[data-theme="dark"] .bartrack{background:#263e43}[data-theme="dark"] .alert.success{background:#153b30;color:#8ae0b6}[data-theme="dark"] .alert.error{background:#492522;color:#ffb4aa}
@media(max-width:760px){.login-theme-toggle .theme-label{display:none}.login-theme-toggle{width:42px;height:42px;justify-content:center;padding:0}}
.wapanel{display:grid;grid-template-columns:1fr auto;gap:14px;background:linear-gradient(135deg,#e9faf3,#fff);border:1px solid #bde7d3;border-radius:16px;padding:18px;margin-bottom:22px;box-shadow:var(--shadow)}.wapanel>div{display:flex;align-items:center;gap:12px}.wapanel>div>i{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#25d366;color:#fff;font-size:22px}.wapanel strong,.wapanel small{display:block}.wapanel small{color:var(--muted)}.wacopy{align-self:center;padding:11px 16px;border:0;border-radius:10px;background:#128c7e;color:#fff;font-weight:800;cursor:pointer}.wacopy:hover{background:#0d796d}.wapanel textarea{grid-column:1/-1;min-height:210px;resize:vertical;background:rgba(255,255,255,.72);font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.copystatus{grid-column:1/-1;color:var(--green);font-size:12px;font-weight:800;min-height:18px}[data-theme="dark"] .wapanel{background:linear-gradient(135deg,#123b35,#152c31);border-color:#276052}[data-theme="dark"] .wapanel textarea{background:#0d2525;color:#dcecea;border-color:#315b55}
@media(max-width:560px){.wapanel{grid-template-columns:1fr}.wacopy{width:100%}.wapanel textarea{grid-column:1}.copystatus{grid-column:1}}
.charthead{align-items:flex-start}.chartfilters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.chartfilters a{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#f8fbfb;color:var(--muted);font-size:11px;font-weight:750;white-space:nowrap}.chartfilters a:hover{border-color:#7acdc8;color:var(--blue)}.chartfilters a.active{background:var(--blue);border-color:var(--blue);color:#fff}[data-theme="dark"] .chartfilters a{background:#18363b}[data-theme="dark"] .chartfilters a.active{background:var(--blue);color:#09272b}
@media(max-width:560px){.charthead{display:grid}.chartfilters{justify-content:flex-start;margin-top:8px}}