:root{--nav:#071a2d;--nav2:#0d2944;--blue:#1677ff;--blue2:#0b5fc6;--bg:#f4f7fb;--card:#fff;--text:#172033;--muted:#66758a;--line:#e5eaf1;--green:#16a36a;--red:#d14343;--amber:#d99100;--shadow:0 8px 28px rgba(20,45,80,.08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}aside{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,var(--nav),#0a2239);color:#fff;padding:24px 16px;box-shadow:6px 0 22px #071a2d18;z-index:10}.brand{display:flex;align-items:center;gap:12px;padding:2px 10px 22px;border-bottom:1px solid #ffffff14;font-size:20px;font-weight:800;letter-spacing:.7px}.brandmark{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#2b8cff,#0d62c7);font-size:18px;box-shadow:0 6px 18px #0003}.brand small{display:block;color:#7fbaff;font-size:10px;letter-spacing:1.8px;margin-top:4px}.navlabel{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#7790a8;padding:24px 12px 7px}nav a{display:flex;align-items:center;gap:10px;color:#cbd8e5;text-decoration:none;padding:11px 12px;border-radius:8px;margin:3px 0;font-size:14px;font-weight:500}nav a:hover{background:#ffffff0d;color:#fff}nav a.action{color:#fff;background:#1677ff18}.navicon{width:20px;text-align:center;color:#7fbaff}.sidebarfoot{position:absolute;bottom:20px;left:26px;color:#728aa1;font-size:11px}main{margin-left:250px;padding:0 34px 40px;max-width:1700px}.topbar{height:72px;margin:0 -34px 28px;padding:0 34px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.topbar strong{font-size:14px}.topbar .status{font-size:12px;color:var(--muted)}.statusdot{display:inline-block;width:8px;height:8px;background:#24b47e;border-radius:50%;margin-right:6px}.pagehead{display:flex;justify-content:space-between;align-items:end;margin:0 0 22px}.pagehead h1,h1{font-size:28px;margin:0 0 5px;letter-spacing:-.4px}.muted,small{color:var(--muted)}h2{font-size:17px;margin:0 0 16px}.top{display:flex;justify-content:space-between;align-items:center}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(180deg,var(--blue),var(--blue2));color:#fff;border:0;border-radius:7px;padding:10px 15px;text-decoration:none;cursor:pointer;font-weight:600;font-size:13px;box-shadow:0 2px 5px #1265c526}.btn:hover,button:hover{filter:brightness(.96)}.btn.secondary{background:#fff;color:#34455a;border:1px solid #d6dee8;box-shadow:none}.cards{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:14px;margin:22px 0}.card{position:relative;background:#fff;padding:19px 20px;border:1px solid #e9edf3;border-radius:11px;box-shadow:var(--shadow);overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#3988ed}.card b{display:block;font-size:25px;line-height:1.15;color:#153a64;margin-bottom:7px}.card span{font-size:12px;color:var(--muted);font-weight:600}.card.danger:before{background:var(--red)}.card.danger b{color:#a92d38}.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin:18px 0}section,.tablewrap{background:#fff;border:1px solid #e9edf3;border-radius:11px;padding:20px;box-shadow:var(--shadow);overflow:auto}table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}th,td{text-align:left;padding:12px 11px;border-bottom:1px solid #edf0f4;vertical-align:middle}th{font-size:10px;text-transform:uppercase;letter-spacing:.65px;color:#738196;background:#fafbfd;font-weight:800}tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fbfdff}td a{color:#1268c4;text-decoration:none;font-weight:600}.filters{display:flex;gap:10px;margin:18px 0;padding:13px;background:#fff;border:1px solid var(--line);border-radius:10px}.filters input{flex:1}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #d3dce7;border-radius:7px;background:#fff;color:#243247;outline:none;transition:.15s}input:focus,select:focus,textarea:focus{border-color:#65a6ef;box-shadow:0 0 0 3px #1677ff12}.form{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;background:#fff;padding:23px;border:1px solid #e7ecf2;border-radius:11px;box-shadow:var(--shadow)}.form h2,.wide{grid-column:1/-1}.form h2{padding-bottom:10px;border-bottom:1px solid var(--line)}label{font-size:12px;font-weight:700;color:#35445a}label input,label select,label textarea{margin-top:6px;font-weight:400}textarea{min-height:95px;resize:vertical}.item{display:block;padding:12px 8px;border-bottom:1px solid #edf1f5;text-decoration:none;color:inherit}.item:last-child{border-bottom:0}.item:hover{background:#f8fbff}.item span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.mini{display:grid;gap:8px;margin:12px 0}.activity{border-left:3px solid var(--blue);background:#f8fbff;padding:9px 12px;margin:10px 0;border-radius:0 7px 7px 0}.activity small{display:block;margin-top:3px}.pill,.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.2px;background:#eaf3ff;color:#1765b6}.badge.critical{background:#fde8e9;color:#b4232f}.badge.high{background:#fff1d7;color:#986000}.badge.normal{background:#e7f3ff;color:#1765b6}.badge.low{background:#edf0f3;color:#56616d}.kanban{display:flex;gap:13px;overflow-x:auto;padding-bottom:20px}.column{min-width:270px;background:#edf2f7;border:1px solid #e2e8ef;border-radius:10px;padding:12px}.column h3{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#526277}.column h3 span{float:right;background:#fff;border-radius:12px;padding:2px 7px}.deal{display:block;background:#fff;padding:13px;margin:9px 0;border:1px solid #e4e9ef;border-radius:8px;text-decoration:none;color:inherit;box-shadow:0 3px 9px #16324b0c}.deal:hover{border-color:#b8d3ef}.deal small,.deal strong{display:block;margin-top:6px}.deal strong{color:#1468a8;font-size:11px}.flash{padding:12px 14px;border-radius:8px;margin-bottom:15px;border:1px solid transparent}.flash.ok{background:#e6f6ee;color:#146c47;border-color:#c7ead8}.flash.err{background:#fdebec;color:#9f2832;border-color:#f5cdd0}.small{padding:6px 9px;margin-top:5px}.tickethero{display:flex;gap:12px;align-items:center}.ticketno{font-family:Consolas,monospace;color:#1268c4;font-weight:800}.sectiontitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.sectiontitle h2{margin:0}.empty{padding:24px;text-align:center;color:var(--muted)}@media(max-width:1250px){.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){aside{position:static;width:auto;height:auto}.brand{border:0}.navlabel,.sidebarfoot{display:none}nav{display:flex;flex-wrap:wrap;margin-top:10px}main{margin:0;padding:0 16px 25px}.topbar{margin:0 -16px 20px;padding:0 16px}.cards,.grid2,.form{grid-template-columns:1fr}.filters{flex-direction:column}}
.loginbody,.portalbody{background:#eef3f8;min-height:100vh}.loginbox{width:min(420px,90vw);margin:10vh auto;background:#fff;padding:36px;border-radius:16px;box-shadow:0 20px 50px #10263b22}.loginbox label{display:block;margin:14px 0}.loginbox input{width:100%;box-sizing:border-box}.portalwrap{max-width:1200px;margin:30px auto;padding:20px}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:20px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:20px 0}.kpi{background:white;border:1px solid #dfe7ef;border-radius:12px;padding:20px}.kpi span{display:block;color:#657789;font-size:13px}.kpi b{font-size:28px}.metricrow{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf1f5}.formgrid .full{grid-column:1/-1}article{border-bottom:1px solid #e8edf2;padding:12px 0}.muted{color:#748597;font-size:12px}
.listrow{display:grid;grid-template-columns:minmax(90px,.5fr) minmax(160px,1fr) minmax(180px,2fr) auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #e8edf3}.listrow:last-child{border-bottom:0}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.inline{display:flex;gap:10px;align-items:center}.inline>*{flex:1}.muted{color:#6b7280}.secondary{background:#eef2f7!important;color:#1f2937!important}@media(max-width:850px){.grid2{grid-template-columns:1fr}.listrow{grid-template-columns:1fr}.inline{flex-direction:column;align-items:stretch}}
/* Hammer Hill sidebar scrolling fix */
aside {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100vh;
    padding-bottom: 80px;
}

.sidebarfoot {
    position: static;
    margin: 25px 10px 10px;
}
/* Hammer Hill sidebar brand/header fix */
aside .brand {
    display: block;
    padding: 10px 10px 22px;
    border-bottom: 1px solid rgba(255,255,255,.12);
    line-height: 1.15;
    overflow: hidden;
}

aside .brand b {
    display: block;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 1px;
    white-space: nowrap;
}

aside .brand span {
    display: block;
    margin-top: 6px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: #7fbaff;
    text-transform: uppercase;
    white-space: nowrap;
}
/* Cleaner sidebar scrollbar */
aside {
    scrollbar-width: thin;
    scrollbar-color: #50677d transparent;
}

aside::-webkit-scrollbar {
    width: 7px;
}

aside::-webkit-scrollbar-track {
    background: transparent;
}

aside::-webkit-scrollbar-thumb {
    background: #50677d;
    border-radius: 10px;
}

aside::-webkit-scrollbar-thumb:hover {
    background: #6b8298;
}