/* Extracted from index.php on 2026-06-02. */
:root{
    --bg:#05070a;
    --bg2:#0b1118;
    --panel:#0f1720;
    --panel2:#141f2b;
    --panel3:#1b2936;
    --accent:#ff7b00;
    --accent2:#ff9f1c;
    --accent-soft:rgba(255,123,0,.16);
    --danger:#c0392b;
    --success:#24d366;
    --text:#f4f6f8;
    --muted:#aeb8c2;
    --line:rgba(255,255,255,.10);
    --line2:rgba(255,123,0,.32);
    --shadow:0 18px 45px rgba(0,0,0,.42);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    font-family:Inter,Segoe UI,Arial,sans-serif;
    background:
        radial-gradient(circle at 12% 0%, rgba(255,123,0,.22), transparent 28%),
        radial-gradient(circle at 88% 12%, rgba(255,159,28,.10), transparent 24%),
        linear-gradient(180deg,#05070a 0%,#080d13 42%,#05070a 100%);
    color:var(--text);
    margin:0;
    padding:18px;
    min-height:100vh;
}
body:before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
    background-size:44px 44px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.25));
    opacity:.6;
    z-index:-1;
}
.container{max-width:1500px;margin:auto}
h1{
    margin:0;
    text-align:left;
    font-size:clamp(2rem,4vw,4.6rem);
    line-height:1;
    letter-spacing:0;
}
h2{margin:0 0 14px 0;font-size:1.15rem;letter-spacing:.01em}
.subtitle{text-align:left;color:var(--muted);margin:10px 0 0 2px;font-size:1.05rem}
.prototrack-hero{
    position:relative;
    max-width:1500px;
    min-height:230px;
    margin:0 auto 18px auto;
    border-radius:24px;
    overflow:hidden;
    background:#06090d;
    border:1px solid var(--line2);
    box-shadow:var(--shadow),0 0 38px rgba(255,123,0,.16);
}
.prototrack-hero img{display:block;width:100%;height:100%;object-fit:cover}
.prototrack-hero:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.36));
    pointer-events:none;
}
.card{
    background:linear-gradient(180deg,rgba(20,31,43,.86),rgba(9,14,20,.92));
    padding:20px;
    border-radius:18px;
    margin-bottom:18px;
    box-shadow:0 14px 35px rgba(0,0,0,.30);
    border:1px solid var(--line);
    backdrop-filter:blur(10px);
}
.card:hover{border-color:rgba(255,123,0,.22)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:18px}
.chart-card.featured{grid-column:span 2}
.chart-card{min-height:360px}
canvas{max-height:290px}
.topbar-card{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
}
.dashboard-control-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);
    gap:14px;
    align-items:start;
    margin-bottom:14px;
}
.dashboard-control-card,
.quick-actions-card{
    padding:16px;
    margin-bottom:0;
}
.card-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:14px;
    margin-bottom:10px;
}
.card-head h2{margin:2px 0 0}
.eyebrow{
    display:block;
    color:var(--accent2);
    font-size:.76rem;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.section-title{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:12px;
    margin:22px 0 12px;
}
.section-title h2{margin:0}
.section-title p{margin:4px 0 0;color:var(--muted);font-size:.92rem}
.scope-pill{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:7px 10px;
    border-radius:999px;
    border:1px solid rgba(255,123,0,.32);
    background:rgba(255,123,0,.12);
    color:#ffb35c;
    font-size:.82rem;
    font-weight:900;
    white-space:nowrap;
}
.quick-action-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:8px;
}
.quick-action-grid a,
.quick-action-grid button{
    width:100%;
    margin-top:0;
}
.quick-note{
    margin:8px 0 0;
    color:var(--muted);
    font-size:.84rem;
    line-height:1.45;
}
.dashboard-filter-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.dashboard-filter-grid label{margin-top:6px;font-size:.82rem}
.dashboard-filter-grid select{min-height:46px;margin-top:6px;padding-top:10px;padding-bottom:10px}
.stats.primary{grid-template-columns:repeat(4,minmax(0,1fr))}
.stats.secondary{grid-template-columns:repeat(4,minmax(0,1fr))}
.stats.secondary .statbox{
    min-height:118px;
    background:linear-gradient(180deg,rgba(16,24,32,.90),rgba(8,13,19,.96));
}
label{display:block;margin-top:12px;color:var(--muted);font-size:.92rem;letter-spacing:.02em}
input,select,textarea,button{
    width:100%;
    padding:12px 13px;
    margin-top:8px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.10);
    font-size:1rem;
    outline:none;
}
input,select,textarea{background:rgba(7,11,16,.92);color:var(--text)}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,123,0,.16)}
#dashboardScope,
#activeUserDashboard,
#missionFilter,
#timeFilter,
#activeUserRuns,
#activeUserUsers{
    appearance:none;
    cursor:pointer;
    min-height:52px;
    padding:13px 48px 13px 15px;
    border:1px solid rgba(255,123,0,.36);
    border-radius:14px;
    background:
        linear-gradient(45deg, transparent 50%, #ffb35c 50%) calc(100% - 24px) 22px / 7px 7px no-repeat,
        linear-gradient(135deg, #ffb35c 50%, transparent 50%) calc(100% - 18px) 22px / 7px 7px no-repeat,
        radial-gradient(circle at top left, rgba(255,123,0,.22), transparent 40%),
        linear-gradient(180deg, rgba(18,29,39,.98), rgba(7,11,16,.98));
    color:#fff;
    font-weight:850;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 26px rgba(0,0,0,.24);
}
#dashboardScope:hover,
#activeUserDashboard:hover,
#missionFilter:hover,
#timeFilter:hover,
#activeUserRuns:hover,
#activeUserUsers:hover{
    border-color:rgba(255,159,28,.70);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 30px rgba(255,123,0,.12);
}
#dashboardScope:focus,
#activeUserDashboard:focus,
#missionFilter:focus,
#timeFilter:focus,
#activeUserRuns:focus,
#activeUserUsers:focus{
    border-color:var(--accent2);
    box-shadow:0 0 0 3px rgba(255,123,0,.20),0 14px 30px rgba(255,123,0,.14);
}
#dashboardScope option,
#activeUserDashboard option,
#missionFilter option,
#timeFilter option,
#activeUserRuns option,
#activeUserUsers option{
    background:#0b1118;
    color:#fff;
}
button{
    background:linear-gradient(135deg,var(--accent),var(--accent2));
    color:white;
    font-weight:800;
    cursor:pointer;
    border:none;
    box-shadow:0 10px 22px rgba(255,123,0,.20);
}
button:hover{transform:translateY(-1px);opacity:.96}
button.secondary{background:linear-gradient(135deg,#263746,#34495e);box-shadow:none}
button.danger,.delete-btn{background:linear-gradient(135deg,#9d2b22,#c0392b);box-shadow:none}
button.success{background:linear-gradient(135deg,#159947,#24d366);box-shadow:none}
.inline-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.inline-actions button{flex:1;min-width:160px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:15px;margin-bottom:18px}
.statbox{
    position:relative;
    overflow:hidden;
    background:radial-gradient(circle at top left,rgba(255,123,0,.24),transparent 36%),linear-gradient(180deg,rgba(24,36,49,.95),rgba(9,14,20,.96));
    padding:18px;
    border-radius:18px;
    text-align:left;
    border:1px solid var(--line);
    box-shadow:0 14px 34px rgba(0,0,0,.28);
}
.statbox:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--accent),var(--accent2))}
.statbox h3{margin:0;font-size:clamp(1.7rem,2.2vw,2.4rem);color:#fff;letter-spacing:0}
.statbox p{margin:.45rem 0 0;color:var(--muted)}
.small{opacity:.8;font-size:.86rem}
.table-wrap{overflow-x:auto;border-radius:14px;border:1px solid var(--line)}
table{width:100%;border-collapse:collapse;margin-top:0;min-width:900px;background:rgba(6,10,15,.55)}
th,td{border-bottom:1px solid rgba(255,255,255,.07);padding:12px 11px;text-align:left;vertical-align:top}
th{background:rgba(255,123,0,.12);color:#ffb35c;font-size:.86rem;text-transform:uppercase;letter-spacing:.06em}
td{color:#e7ebef}
tr:nth-child(even) td{background:rgba(255,255,255,.025)}
tr:hover td{background:rgba(255,123,0,.055)}
.badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,123,0,.12);border:1px solid rgba(255,123,0,.30);padding:5px 9px;border-radius:999px;color:#ffb35c;font-size:.85rem}
.notice{padding:13px 14px;border-radius:14px;background:rgba(18,29,39,.86);border:1px solid var(--line);color:var(--muted);margin:0 0 18px 0}
.error{background:#3a1f1f;border-color:#733;color:#ffd6d6}
.success{background:#17311e;border-color:#285;color:#d6ffdf}
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;padding:10px;border:1px solid var(--line);border-radius:18px;background:rgba(8,13,19,.72);box-shadow:0 10px 28px rgba(0,0,0,.22)}
.tab{position:relative;padding:12px 16px;border-radius:13px;background:transparent;border:1px solid transparent;color:var(--muted);cursor:pointer;font-weight:800;letter-spacing:.01em;transition:.18s ease}
.tab:hover{color:white;background:rgba(255,255,255,.06)}
.tab.active{color:#fff;background:radial-gradient(circle at top left,rgba(255,123,0,.35),transparent 40%),linear-gradient(135deg,rgba(255,123,0,.9),rgba(255,159,28,.72));box-shadow:0 10px 25px rgba(255,123,0,.22);border-color:rgba(255,255,255,.12)}
.section{display:none}
.section.active{display:block}
a{color:#fff}
a[href="profile.php"],a[href="logout.php"]{display:inline-flex;align-items:center;justify-content:center;min-height:42px;transition:.18s ease}
a[href="profile.php"]:hover,a[href="logout.php"]:hover{transform:translateY(-1px);opacity:.92}
.pt-menu{position:relative;display:inline-block}
.pt-menu-toggle{width:auto;margin-top:0}
.pt-menu-panel{
    position:absolute;
    right:0;
    top:calc(100% + 8px);
    min-width:210px;
    display:none;
    z-index:40;
    padding:8px;
    border:1px solid var(--line);
    border-radius:14px;
    background:linear-gradient(180deg,rgba(14,22,31,.98),rgba(8,13,19,.98));
    box-shadow:0 18px 42px rgba(0,0,0,.36);
}
.pt-menu[open] .pt-menu-panel{display:grid;gap:6px}
.pt-menu-panel .pt-button{width:100%;justify-content:flex-start;margin-top:0}
.pt-menu summary{list-style:none}
.pt-menu summary::-webkit-details-marker{display:none}
.login-required-card{
    border-color:rgba(255,123,0,.32);
    background:radial-gradient(circle at top left,rgba(255,123,0,.20),transparent 38%),linear-gradient(180deg,rgba(20,31,43,.92),rgba(9,14,20,.96));
}
.login-required-card .pt-button{width:auto;margin-top:12px}
.card[style*="display:flex"]{background:linear-gradient(90deg,rgba(14,22,31,.94),rgba(10,15,22,.86));border-color:rgba(255,123,0,.20)}

/* Dashboard polish v2 */
.prototrack-hero{
    margin-bottom:14px;
    border-radius:18px;
    aspect-ratio:1494 / 522;
}
.prototrack-hero img{height:100%;object-fit:cover}
.container > h1{
    font-size:clamp(2rem,3.3vw,3.6rem);
    margin-bottom:14px;
}
.topbar-card{
    position:sticky;
    top:12px;
    z-index:10;
    background:linear-gradient(90deg,rgba(12,18,26,.94),rgba(16,24,32,.86));
    border-color:rgba(255,123,0,.22);
}
.dashboard-command{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
    gap:16px;
    align-items:stretch;
    border:1px solid rgba(255,123,0,.24);
    border-radius:22px;
    padding:18px;
    margin-bottom:16px;
    background:
        radial-gradient(circle at 0% 0%,rgba(255,123,0,.20),transparent 36%),
        radial-gradient(circle at 92% 8%,rgba(36,211,102,.10),transparent 25%),
        linear-gradient(135deg,rgba(18,28,38,.96),rgba(7,11,16,.98));
    box-shadow:0 18px 48px rgba(0,0,0,.32);
}
.dashboard-command:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
    background-size:58px 58px;
    opacity:.26;
}
.command-copy,
.command-panel{
    position:relative;
    z-index:1;
}
.command-copy h2{
    margin:6px 0 8px;
    font-size:clamp(1.65rem,3vw,2.7rem);
    letter-spacing:0;
}
.command-copy p{
    max-width:680px;
    margin:0;
    color:var(--muted);
    line-height:1.55;
}
.command-kpis{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:18px;
}
.command-kpi{
    min-height:86px;
    padding:13px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.09);
    background:rgba(255,255,255,.045);
}
.command-kpi span{
    display:block;
    color:var(--muted);
    font-size:.76rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.command-kpi strong{
    display:block;
    margin-top:7px;
    color:#fff;
    font-size:1.24rem;
    overflow-wrap:anywhere;
}
.command-panel{
    display:grid;
    gap:10px;
    align-content:start;
    padding:14px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.09);
    background:rgba(5,8,12,.46);
}
.command-panel .quick-action-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-top:0;
}
.dashboard-control-grid{
    grid-template-columns:minmax(0,1fr);
    margin-bottom:18px;
}
.dashboard-control-card{
    padding:15px;
    background:linear-gradient(180deg,rgba(13,20,28,.92),rgba(8,13,19,.94));
}
.dashboard-filter-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.quick-actions-card{display:none}
.stats.primary,
.stats.secondary{
    gap:12px;
}
.stats.primary{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.stats.secondary{
    grid-template-columns:repeat(6,minmax(0,1fr));
}
.statbox{
    min-height:128px;
    border-radius:16px;
    background:
        radial-gradient(circle at top right,rgba(255,123,0,.18),transparent 35%),
        linear-gradient(180deg,rgba(15,24,33,.97),rgba(7,11,16,.98));
}
.stats.secondary .statbox{
    min-height:110px;
}
.statbox:before{
    width:100%;
    height:3px;
    bottom:auto;
    right:0;
    background:linear-gradient(90deg,var(--accent),rgba(36,211,102,.78),rgba(101,217,255,.52));
}
.metric-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    margin-bottom:14px;
    border-radius:11px;
    background:rgba(255,123,0,.12);
    border:1px solid rgba(255,123,0,.24);
    color:#ffbf75;
    font-size:.78rem;
    font-weight:950;
}
.statbox h3{
    font-size:clamp(1.55rem,2vw,2.25rem);
    letter-spacing:0;
}
.statbox p{
    font-size:.86rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.chart-card{
    border-radius:16px;
    background:linear-gradient(180deg,rgba(13,20,28,.96),rgba(7,11,16,.98));
}
.chart-card h2{
    margin-bottom:16px;
}
.section-title{
    margin:26px 0 12px;
}
.section-title h2{
    font-size:1.35rem;
}
@media(max-width:900px){
    body{padding:12px}
    .dashboard-control-grid{grid-template-columns:1fr}
    .dashboard-command{grid-template-columns:1fr}
    .dashboard-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .stats.primary,.stats.secondary{grid-template-columns:repeat(2,minmax(0,1fr))}
    .chart-grid{grid-template-columns:1fr}
    .chart-card.featured{grid-column:auto}
    .chart-card{min-height:320px}
    canvas{max-height:260px}
    .prototrack-hero img{height:100%}
    th,td{white-space:nowrap}
}
@media(max-width:650px){
    .tabs{display:grid;grid-template-columns:1fr 1fr}
    .tab{text-align:center}
    .stats{grid-template-columns:1fr 1fr}
    .stats.primary,.stats.secondary{grid-template-columns:1fr 1fr}
    .dashboard-filter-grid,.quick-action-grid{grid-template-columns:1fr}
    .command-kpis{grid-template-columns:1fr}
    .command-panel .quick-action-grid{grid-template-columns:1fr}
    .card-head,.section-title{display:block}
    .scope-pill{margin-top:10px}
}
@media(max-width:420px){.stats,.stats.primary,.stats.secondary{grid-template-columns:1fr}}

#ptNameModalBackdrop{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}
#ptNameModal{width:min(460px,92vw);background:radial-gradient(circle at top left,rgba(255,123,0,.22),transparent 38%),linear-gradient(180deg,rgba(20,31,43,.98),rgba(8,13,19,.98));border:1px solid rgba(255,123,0,.35);border-radius:20px;box-shadow:0 25px 80px rgba(0,0,0,.55);padding:22px;color:#f4f6f8;font-family:Segoe UI,Arial,sans-serif}
#ptNameModal h3{margin:0;color:#ff7b00;font-size:1.35rem}
#ptNameModal p{color:#aeb8c2;margin:8px 0 16px 0;line-height:1.45}
#ptNameModal input{width:100%;background:#eef2f5;color:#111;border:none;border-radius:12px;padding:12px;font-size:1rem}
.pt-name-actions{display:flex;gap:10px;margin-top:16px}
.pt-name-actions button{width:100%;padding:11px;border-radius:10px;border:0;color:#fff;font-weight:bold;cursor:pointer}
#ptSaveNameBtn{background:linear-gradient(135deg,#ff7b00,#ff9f1c)}
#ptCancelNameBtn{background:#34495e}
.pt-name-agent{margin-top:12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);color:#aeb8c2;border:1px solid rgba(255,255,255,.08);font-size:.92rem}
.site-footer{
    max-width:1500px;
    margin:24px auto 0;
    padding:18px 8px 6px;
    text-align:center;
    color:var(--muted);
    font-size:.86rem;
    letter-spacing:.02em;
}
.site-footer strong{color:var(--accent2)}