*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:#f4f6f8;color:#18231f}.app{display:flex;min-height:100vh}.side{width:238px;background:#102b24;color:#dce9e5;position:fixed;inset:0 auto 0 0;padding:22px 14px;display:flex;flex-direction:column;z-index:10}.brand{padding:4px 12px 24px}.brand b{font-size:26px;color:#d7b56d;letter-spacing:2px}.brand span{display:block;font-size:9px;letter-spacing:2px;opacity:.7}.side nav{overflow:auto}.side nav a{display:flex;gap:12px;color:#bcd0c9;text-decoration:none;padding:10px 12px;border-radius:9px;margin:2px 0;font-size:13px}.side nav a:hover,.side nav a.on{background:#1b4439;color:#fff}.side nav i{width:20px;text-align:center;color:#d7b56d;font-style:normal}.sidefoot{margin-top:auto;border-top:1px solid #2d4d44;padding:15px 12px}.sidefoot small,.sidefoot b,.sidefoot a{display:block}.sidefoot small{font-size:9px;opacity:.5}.sidefoot a{color:#d7b56d;font-size:11px;margin-top:6px}main{margin-left:238px;width:calc(100% - 238px)}.top{height:68px;background:#fff;border-bottom:1px solid #e2e7e5;display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:5}.search{width:42%}.search input{width:100%;border:1px solid #dfe5e2;background:#f8faf9;padding:10px 14px;border-radius:9px}.avatar{width:34px;height:34px;border-radius:50%;background:#d7b56d;display:grid;place-items:center;font-weight:800}.content{padding:26px}.grid{display:grid;gap:16px}.kpis{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid #e1e7e4;border-radius:13px;padding:18px;box-shadow:0 2px 8px #102b2408}.kpi small{color:#71817b;font-size:11px;text-transform:uppercase;letter-spacing:.6px}.kpi strong{font-size:27px;display:block;margin:6px 0}.kpi em{font-size:11px;color:#4c8d72;font-style:normal}.two{grid-template-columns:2fr 1fr;margin-top:16px}.three{grid-template-columns:repeat(3,1fr)}h1,h2,h3{margin-top:0}.sectiontitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.sectiontitle h3{margin:0;font-size:15px}.btn{border:0;background:#163f34;color:#fff;padding:9px 13px;border-radius:8px;text-decoration:none;cursor:pointer;font-size:12px}.btn.gold{background:#c6a45f;color:#17251f}.btn.light{background:#eef3f1;color:#173d33}.btn.red{background:#9c3939}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#73827d;font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:10px;border-bottom:1px solid #e5e9e7}td{padding:11px 10px;border-bottom:1px solid #edf0ef}.badge{padding:5px 8px;border-radius:20px;background:#e9f2ee;color:#29604f;font-size:10px;font-weight:700}.badge.wait{background:#fff3d7;color:#8a681f}.badge.red{background:#fde6e6;color:#9d3636}.progress{height:6px;background:#e8edeb;border-radius:9px;overflow:hidden}.progress i{display:block;height:100%;background:#c7a45e}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.field label{font-size:11px;color:#687872;display:block;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:10px;border:1px solid #dce3e0;border-radius:8px;background:#fff}.field.full{grid-column:1/-1}.actions{margin-top:15px;display:flex;gap:8px}.kanban{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:12px;overflow:auto}.column{background:#edf1ef;border-radius:12px;padding:10px;min-height:450px}.column h4{font-size:11px;text-transform:uppercase}.job{background:#fff;padding:13px;border-radius:10px;margin-bottom:9px;border-left:3px solid #c7a45e;box-shadow:0 1px 4px #0000000b}.job b{display:block}.job small{color:#75837e}.statline{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #edf0ef}.flash{background:#e1f3eb;border:1px solid #b6ddcd;padding:11px 14px;border-radius:9px;margin-bottom:15px}.empty{text-align:center;color:#82908b;padding:35px}.mobile{display:none}.hero{background:linear-gradient(120deg,#123b30,#1d5847);color:#fff;border-radius:15px;padding:23px;margin-bottom:16px}.hero small{color:#d7b56d}.hero h2{margin:5px 0}.chart{display:flex;align-items:end;height:150px;gap:8px;padding-top:15px}.chart i{flex:1;background:#d8c18e;border-radius:4px 4px 0 0;min-height:4px}.danger{color:#a03939;font-weight:700}.muted{color:#7c8a85}.right{text-align:right}@media(max-width:900px){.side{transform:translateX(-100%)}.side.show{transform:none}.mobile{display:inline-block}main{margin:0;width:100%}.kpis,.two,.three{grid-template-columns:1fr 1fr}.search{display:none}}@media(max-width:600px){.kpis,.two,.three,.formgrid{grid-template-columns:1fr}.content{padding:14px}.field.full{grid-column:auto}}

/* V3 Professional */
.panel h2{letter-spacing:-.02em}.pill{text-transform:capitalize}.panel form input,.panel form select,.panel form textarea{margin-bottom:10px}.panel small{display:block;color:#7b8794;margin-top:3px}.btn.ghost{background:transparent;color:#d6a84b;border:1px solid #d6a84b}.grid2{align-items:start}@media(max-width:760px){table{font-size:12px}.content{padding:14px}.panel{overflow:auto}}

/* DIMZ official branding */
.brand-logo{padding:0 8px 18px;text-align:center}.brand-logo img{display:block;width:100%;max-width:176px;height:88px;object-fit:contain;margin:0 auto 4px}.brand-logo span{font-size:8px;letter-spacing:1.7px;color:#fff;opacity:.62}.user-profile{display:flex;align-items:center;gap:9px}.user-mascot{width:42px;height:42px;object-fit:contain;border-radius:50%;background:#fff;border:2px solid #ef2b24}.user-meta{display:flex;flex-direction:column;line-height:1.15}.user-meta b{font-size:12px}.user-meta small{font-size:9px;color:#7c8a85;margin-top:3px}.login-brand{text-align:center}.login-brand img{width:210px;max-width:75%;height:125px;object-fit:contain}.login-brand span{display:block;font-size:9px;letter-spacing:2px;color:#697a74}.login-mascot{text-align:center;margin:-10px 0 4px}.login-mascot img{width:105px;height:105px;object-fit:contain}.side{background:linear-gradient(180deg,#171717 0%,#21100f 52%,#111 100%)}.side nav a:hover,.side nav a.on{background:#d51f1f;color:#fff}.side nav i,.sidefoot a{color:#ff3b30}.avatar{background:#e32620}.btn.gold{background:#e32620;color:#fff}.hero{background:linear-gradient(120deg,#151515,#5e1110)}.hero small{color:#ff554c}.progress i{background:#e32620}.job{border-left-color:#e32620}

/* V5 Production Edition */
.hero-card{background:linear-gradient(135deg,#151515,#270606);border:1px solid #3b2020;border-radius:20px;padding:28px;margin-bottom:20px;display:flex;justify-content:space-between}.eyebrow{font-size:11px;letter-spacing:2px;color:#ff3434;font-weight:800}.hero-card h2{font-size:30px;margin:8px 0}.hero-card p{color:#aaa;max-width:720px}.narrow{max-width:760px}.block{display:block;color:#777;margin-top:4px}.badge{background:#291010;color:#ff6969;padding:5px 9px;border-radius:999px;font-size:11px}.btn.small{padding:7px 10px;font-size:12px}