:root{--navy:#071b2d;--navy2:#0b2942;--gold:#c78b22;--gold2:#e5ad45;--ink:#172437;--muted:#718096;--line:#e3eaf2;--bg:#f4f7fb;--white:#fff}*{box-sizing:border-box}body,html{background:var(--bg)}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.side{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#06192a,#08243b 68%,#051625);color:#dbe7f1;padding:20px 14px 0;display:flex;flex-direction:column;z-index:50;box-shadow:5px 0 24px #06162518}.brandRow{padding:0 8px 18px;border-bottom:1px solid #ffffff16}.brandMark{display:flex;align-items:center;gap:9px}.brandHorse{font-size:34px;color:var(--gold2);line-height:1}.brandMark b{display:block;color:#f4b63e;font-family:Georgia,serif;font-size:18px;letter-spacing:.5px}.brandMark small{display:block;font-size:8px;letter-spacing:2.1px;color:#cdd9e4}.closeMenu{display:none}.nav{display:grid;grid-gap:3px;gap:3px;margin:15px 0}.logout,.nav a,.sideBottom>a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:5px;color:#dce6ef;font-size:12px;border-left:3px solid transparent}.nav a:hover,.sideBottom>a:hover{background:#ffffff0e}.nav a.active{background:linear-gradient(90deg,#c5861d,#d99b31);color:#fff;border-left-color:#ffd47a;box-shadow:0 5px 14px #0003}.navChevron{margin-left:auto}.sideBottom{margin-top:auto;display:grid;grid-gap:2px;gap:2px}.logout{background:none;border:0;cursor:pointer;text-align:left}.sideHorse{height:150px;margin:12px -14px 0;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 65%,#17415e,#07192a 70%);display:flex;align-items:end;padding:18px}.horseSilhouette{position:absolute;right:-5px;bottom:-35px;font-size:160px;color:#b27b2f2c;transform:rotate(-8deg)}.sideHorse strong{font-family:Georgia,serif;color:#dcaa4b;font-size:13px;z-index:1}.workspace{min-width:0}.appTop{height:58px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 25px;gap:18px;position:-webkit-sticky;position:sticky;top:0;z-index:40}.globalSearch{position:relative;width:min(560px,55vw)}.globalSearch input{width:100%;background:#f4f7fa;border:1px solid #e1e8ef;border-radius:5px;padding:9px 13px;color:#334155}.searchResults{position:absolute;z-index:60;top:43px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 45px #0b223a25;overflow:hidden}.searchResults a{display:grid;padding:10px 14px;border-bottom:1px solid #edf1f5}.searchResults small{color:var(--gold)}.topActions{margin-left:auto;display:flex;align-items:center;gap:18px}.closeMenu,.iconButton,.menuButton{border:0;background:transparent;cursor:pointer;color:#19324a;position:relative}.iconButton i{position:absolute;width:6px;height:6px;border-radius:50%;background:#ec3434;right:2px;top:1px}.lang{font-size:11px;color:#49576a}.userChip{display:flex;align-items:center;gap:8px}.userChip>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#efb44b;font-weight:800;font-size:10px}.userChip b{font-size:11px}.userChip small{display:block;font-weight:400;color:#8a96a5;font-size:8px;margin-top:2px}.menuButton{display:none}.main{padding:22px 26px 38px;max-width:1600px;margin:auto}.welcomeHero{min-height:110px;margin:-22px -26px 20px;padding:22px 28px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#eaf2f9,#f6f9fc 57%,#e6edf3);position:relative;overflow:hidden;border-bottom:1px solid #dde7ef}.welcomeHero:after{content:"♞";position:absolute;right:24%;top:-68px;font-size:205px;color:#a0b5c71b;transform:rotate(-10deg)}.welcomeHero span{font-size:11px;color:#8b98a7}.welcomeHero h1{margin:6px 0 3px;font-family:Georgia,serif;color:#08223a;font-size:28px}.welcomeHero p{margin:0;color:#6b7787;font-size:11px}.heroDate{background:#fff;border:1px solid #dce6ee;border-radius:5px;padding:9px 13px;display:flex;align-items:center;gap:8px;font-size:10px;z-index:1;text-transform:capitalize}.kpiGrid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));grid-gap:12px;gap:12px;margin-bottom:14px}.metric{background:#fff;border:1px solid var(--line);border-top:3px solid #2b78cf;border-radius:6px;padding:13px;display:flex;align-items:center;gap:11px;min-height:88px;box-shadow:0 3px 12px #0b223a0c}.metricIcon{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#eaf3ff;color:#216dcc}.metric span{font-size:10px;color:#64748b;display:block}.metric b{font-family:Georgia,serif;font-size:20px;color:#102a43;display:block;margin:2px 0}.metric small{font-size:8px;color:#38a169}.metric.green{border-top-color:#24a05a}.metric.green .metricIcon{background:#e9f8ef;color:#198b4c}.metric.pink{border-top-color:#ed3b8c}.metric.pink .metricIcon{background:#fff0f7;color:#dc267b}.metric.red{border-top-color:#e34352}.metric.red .metricIcon{background:#fff0f1;color:#d62f40}.metric.orange{border-top-color:#ed9b22}.metric.orange .metricIcon{background:#fff6e7;color:#d57e00}.metric.purple{border-top-color:#6e58d9}.metric.purple .metricIcon{background:#f2efff;color:#5b44c2}.dashboardPanels{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:13px;gap:13px}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 3px 13px #0b223a0b}.panel{padding:15px;min-height:228px}.panel header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f5;padding-bottom:10px}.card h2,.panel h2{font-family:Georgia,serif;color:#172f47;font-size:13px;margin:0}.panel header a{font-size:8px;color:#287dcc}.donutRow{display:flex;align-items:center;justify-content:center;gap:25px;height:170px}.donut{--p:65%;width:113px;height:113px;border-radius:50%;background:conic-gradient(#257bce var(--p),#ef4b8f 0 76%,#eca42f 0 88%,#41ad71 0);display:grid;place-items:center;position:relative}.donut:before{content:"";position:absolute;inset:16px;background:#fff;border-radius:50%}.donut b,.donut span{position:absolute;z-index:1}.donut b{font:700 24px Georgia;color:#1f3449;top:35px}.donut span{font-size:8px;color:#77869a;top:64px}.donut.amber{background:conic-gradient(#37a367 var(--p),#efaa27 0 82%,#ee5261 0)}.legend{list-style:none;padding:0;margin:0;display:grid;grid-gap:9px;gap:9px;font-size:9px;min-width:105px}.legend li{display:flex;align-items:center;gap:7px}.legend li b{margin-left:auto}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.blueDot{background:#277bce}.pinkDot{background:#ed4e90}.orangeDot{background:#eda326}.greenDot{background:#39a86b}.redDot{background:#ed5360}.bars{height:165px;display:flex;align-items:end;justify-content:space-around;padding:15px 5px 4px;border-bottom:1px solid #dfe7ee;background:repeating-linear-gradient(0deg,#edf2f6 0 1px,transparent 1px 42px)}.bars div{display:grid;justify-items:center;align-items:end;height:100%;font-size:7px;color:#7d8a99}.bars b{width:22px;background:linear-gradient(#43a6dd,#2677c9);border-radius:3px 3px 0 0;margin-top:auto}.bars span{margin-top:5px}.widePanel{grid-column:span 1}.expenseChart{height:175px;display:flex;align-items:end;justify-content:space-around;padding-top:20px}.expenseChart>div{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:3px}.expenseChart b{width:20px;background:#377fc9;border-radius:2px 2px 0 0}.expenseChart span{font-size:6px;color:#64748b}.expenseChart small{font-size:7px}.activityList{display:grid;padding-top:8px}.activityList>div{display:flex;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid #eef2f5}.activityList p{margin:0;display:grid;grid-gap:3px;gap:3px}.activityList b{font-size:9px}.activityList small{font-size:7px;color:#7b8795}.alertIcon,.avatarMini,.okIcon{width:29px;height:29px;border-radius:5px;display:grid;place-items:center;background:#fff1e3;color:#d17900}.okIcon{background:#e9f8ee;color:#269252}.avatarMini{border-radius:50%;background:#082943;color:#e5ad45;font-size:8px}.titleRow{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.titleRow h1,h1{font-family:Georgia,serif;color:#08223a;margin:0 0 5px;font-size:25px}.titleRow p{margin:0;color:#7a8796;font-size:11px}.primary,.secondary{border:0;border-radius:5px;padding:10px 15px;font-weight:700;cursor:pointer}.primary{background:linear-gradient(#d49a33,#b97813);color:#fff}.secondary{background:#fff;border:1px solid #d5dee7;color:#263c51}.linkbtn{display:inline-block}.card{padding:17px;margin:13px 0}.grid,.grid2{display:grid;grid-gap:13px;gap:13px}.grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.grid2{grid-template-columns:1fr 1fr}.full{grid-column:1/-1}.stats{display:flex;gap:12px;margin:15px 0}.kpi{background:#fff;border:1px solid var(--line);border-radius:6px;padding:15px 20px;min-width:140px;display:grid}.kpi b{font-size:23px;color:#b97b18}.kpi span{font-size:10px;color:#708094}.form label{display:grid;grid-gap:6px;gap:6px;font-weight:700;font-size:10px;color:#3b4e61}.form input,.form select,.form textarea{width:100%;padding:9px;border:1px solid #dbe3ea;border-radius:4px;background:#fff;font-size:11px}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid #d9a74c4a;border-color:#c68c26}.form textarea{min-height:80px}.actions{display:flex;justify-content:flex-end}.error{background:#fee9e7;color:#9c2e24;padding:10px;border-radius:5px}.tableWrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:6px}table{width:100%;border-collapse:collapse;background:#fff}td,th{text-align:left;padding:11px 13px;border-bottom:1px solid #edf1f4;white-space:nowrap;font-size:10px}th{background:#f6f8fa;color:#637286;text-transform:uppercase;letter-spacing:.3px}.badge,th{font-size:8px}.badge{background:#eaf7ef;color:#23804b;padding:4px 8px;border-radius:12px}.pedigree{overflow:auto;padding:10px}.pedNode{border:1px solid #dfc88f;background:#fffbf2;border-radius:5px;padding:9px;min-width:140px;display:inline-grid;gap:3px}.pedNode small{color:#777}.pedParents{display:flex;gap:10px;margin:8px 0 0 20px;align-items:flex-start}.pedParents>.pedNode{background:#f8f3e8}dl{display:grid;grid-template-columns:130px 1fr;grid-gap:8px;gap:8px}dt{font-weight:700}dd{margin:0}.dropzone{border:2px dashed #c8d4df;border-radius:6px;padding:26px;display:grid;grid-gap:7px;gap:7px;text-align:center;cursor:pointer;background:#f9fbfc}.dropzone.drag{background:#fff7e8;border-color:#c68c26}.formPad{margin-top:14px}.lowStock{border-color:#e29a83;background:#fff8f5}.cols{display:grid;grid-template-columns:2fr 1fr;grid-gap:13px;gap:13px}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(100deg,#071b2d 0 48%,#e9d2a7 48% 100%);position:relative;overflow:hidden}.login:after{content:"♞";position:absolute;right:5%;bottom:-20%;font-size:min(62vw,760px);color:#8b5c201b}.loginCard{width:min(410px,92vw);background:#fff;padding:36px;border-radius:9px;display:grid;grid-gap:14px;gap:14px;box-shadow:0 28px 80px #00112455;z-index:1;border-top:4px solid var(--gold)}.loginCard h1,.loginCard p{text-align:center;margin:0}.loginCard h1{font-family:Georgia,serif;color:#0a2339;letter-spacing:2px}.loginCard label{display:grid;grid-gap:6px;gap:6px;font-weight:700;font-size:11px}.loginCard input{padding:11px;border:1px solid #d7e0e8;border-radius:5px}.horseLogo{text-align:center;font-size:55px;color:#bc7f1f}.scrim{display:none}@media(max-width:1150px){.kpiGrid{grid-template-columns:repeat(3,1fr)}.dashboardPanels{grid-template-columns:repeat(2,1fr)}.topActions .lang{display:none}}@media(max-width:800px){.shell{grid-template-columns:1fr}.side{position:fixed;left:-235px;width:220px;transition:.25s}.sideOpen{left:0}.closeMenu{display:block;color:#fff;position:absolute;right:8px;top:8px}.scrim{position:fixed;inset:0;background:#00101f88;border:0;z-index:45}.menuButton,.scrim{display:block}.appTop{padding:0 13px}.globalSearch{width:100%}.topActions .lang,.topActions .userChip b{display:none}.main{padding:15px}.welcomeHero{margin:-15px -15px 15px;padding:18px 16px;display:block}.heroDate{display:none}.welcomeHero h1{font-size:24px}.kpiGrid{grid-template-columns:repeat(2,1fr);gap:8px}.metric{min-height:76px;padding:10px}.metricIcon{width:36px;height:36px}.metric b{font-size:17px}.dashboardPanels{grid-template-columns:1fr}.panel{min-height:auto}.cols,.grid2{grid-template-columns:1fr}.full{grid-column:auto}.titleRow{align-items:flex-start;flex-direction:column}.stats{overflow:auto}.sideHorse{display:none}.nav{overflow:auto}.login{background:linear-gradient(150deg,#071b2d,#1e4c68)}}