@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');

:root{
 --nk-red:#8B0000;--nk-red2:#B51F2B;--nk-gold:#FFC107;--nk-cream:#FFFBEB;
 --ink:#171923;--muted:#596273;--line:#e5e7eb;--white:#fff;
 --navy:#171923;--navy2:#23283a;--green:#087f5b;--blue:#2463c7;
 --teal:#087e8b;--violet:#6842b8;--orange:#c56b12;--pink:#b83d78;
}
*{box-sizing:border-box}
html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;font-family:'Poppins',Arial,sans-serif;color:var(--ink);font-size:15px;line-height:1.65;background:#f4f2ed}
a{color:inherit;text-decoration:none}
.brand{display:flex;align-items:center;gap:13px;min-width:0}
.brand-logo{display:block;width:64px;height:64px;max-width:64px;max-height:64px;object-fit:contain;flex:0 0 64px;border-radius:50%;background:#fff;box-shadow:0 5px 18px rgba(30,0,0,.16)}
.brand-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.brand-copy strong{display:block;font-size:14px;line-height:1.2;letter-spacing:1.2px;color:#741018;font-weight:900;white-space:nowrap}
.brand-copy small{display:block;font-size:9px;line-height:1.45;letter-spacing:1.35px;color:#a69a91;font-weight:700}
.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#b17a25;text-transform:uppercase}
input{width:100%;min-height:48px;padding:12px 14px;border:1px solid #d8dce3;border-radius:11px;margin-top:7px;background:#fff;color:#171923;font:600 14px 'Poppins',Arial,sans-serif;transition:border-color .2s,box-shadow .2s}
input:focus{outline:none;border-color:#d49a19;box-shadow:0 0 0 4px rgba(255,193,7,.18)}
label{display:block;font-size:13px;font-weight:700;color:#303746;margin:15px 0}
button{width:100%;min-height:50px;border:0;border-radius:12px;padding:14px 18px;background:linear-gradient(110deg,#79000a,#b51f2b 65%,#d49a19);color:#fff;font:800 13px 'Poppins',Arial,sans-serif;letter-spacing:.5px;cursor:pointer;margin-top:20px;box-shadow:0 10px 24px rgba(139,0,0,.2);transition:transform .18s,filter .18s}
button:hover{filter:brightness(1.06);transform:translateY(-1px)}
.setup{min-height:100vh;background:radial-gradient(circle at 8% 8%,#ffe8ae 0,transparent 30%),radial-gradient(circle at 95% 85%,#e2e8ff 0,transparent 28%),#f4f1eb;padding:34px 16px}
.setupbox{max-width:900px;margin:0 auto;background:#fff;border:1px solid #e8e1d7;border-radius:26px;padding:38px;box-shadow:0 24px 75px rgba(28,25,23,.12)}
.setupbox .brand{padding-bottom:23px;border-bottom:1px solid #eee8df;margin-bottom:28px}
.setupbox .brand-logo{width:72px;height:72px;max-width:72px;max-height:72px;flex-basis:72px}
.setupbox h1{font-size:32px;line-height:1.2;font-weight:900;letter-spacing:-.8px;color:#641018;margin:10px 0}
.setupbox p,.loginform p{font-size:15px;line-height:1.7;color:#596273}
.setupbox h3{font-size:16px;font-weight:800;color:#7e1820;margin:28px 0 10px;padding-bottom:9px;border-bottom:1px solid #f0e9df}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.setupbox>small{display:block;text-align:center;color:#737b89;font-size:12px;margin-top:20px}
.error,.success{padding:13px 15px;border-radius:11px;font-size:14px;font-weight:600;margin:14px 0}
.error{background:#fff0ef;color:#a32626;border:1px solid #f4c7c3}
.success{background:#e6f7ef;color:#087b50;border:1px solid #b9e6d0}

.login{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#fff}
.loginhero{background:radial-gradient(circle at 82% 18%,rgba(255,193,7,.24),transparent 23%),radial-gradient(circle at 12% 90%,rgba(44,116,190,.20),transparent 30%),linear-gradient(140deg,#171923 0%,#4b0710 38%,#8b0000 72%,#4a0710 100%);color:#fff;padding:48px 7vw;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.loginhero:after{content:"";position:absolute;width:440px;height:440px;border:1px solid #ffffff22;border-radius:50%;right:-150px;bottom:-190px;box-shadow:0 0 0 35px #ffffff09,0 0 0 75px #ffffff06}
.loginhero .brand-copy strong{color:#fff}.loginhero .brand-copy small{color:#f3dada}
.loginhero h1{font-size:clamp(42px,5vw,68px);line-height:1.12;font-weight:900;letter-spacing:-1.8px;margin:20px 0}
.loginhero h1 em{color:#ffd15d;font-style:normal}
.loginhero p{font-size:16px;line-height:1.85;color:#f2dada;max-width:480px}
.loginhero>small{letter-spacing:3px;color:#fff9;font-size:12px;font-weight:700}
.loginform{display:grid;place-items:center;padding:40px;background:linear-gradient(145deg,#fff,#fff8e9)}
.loginform>div{width:min(440px,100%)}
.loginform h2{font-size:36px;line-height:1.2;font-weight:900;letter-spacing:-1px;margin:10px 0;color:#171923}
.loginform form{margin-top:28px}
.loginform>div>small{display:block;text-align:center;color:#7b8494;font-size:11px;margin-top:30px;letter-spacing:1.2px;font-weight:700}
.loginform button{margin-top:24px}

.dash{background:linear-gradient(135deg,#f5f2ec,#edf1f7);min-height:100vh;color:#171923}
.dash aside{position:fixed;z-index:5;inset:0 auto 0 0;width:270px;background:linear-gradient(180deg,#171923 0%,#22283a 58%,#3b0b14 100%);border-right:1px solid #ffffff16;padding:25px 18px;display:flex;flex-direction:column;box-shadow:12px 0 35px rgba(20,24,35,.15);overflow-y:auto}
.dash aside .brand{padding:4px 4px 20px;border-bottom:1px solid #ffffff20}
.dash aside .brand-logo{width:60px;height:60px;max-width:60px;max-height:60px;flex-basis:60px}
.dash aside .brand-copy strong{font-size:13px;color:#fff}
.dash aside .brand-copy small{color:#c7cbd5}
.tenant{background:linear-gradient(110deg,#ffc107,#ffdf7e);color:#4b2600;border-radius:11px;padding:12px 13px;margin:18px 0 22px;font-size:13px;font-weight:800;box-shadow:0 8px 20px #0002}
.dash nav small{display:block;color:#9da5b8;font-size:11px;letter-spacing:1.7px;font-weight:800;margin:14px 9px 7px}
.dash nav a{display:block;padding:11px 12px;margin:3px 0;font-size:13px;font-weight:600;color:#d7dbe5;border-radius:10px;transition:background .18s,color .18s}
.dash nav a:hover{background:#ffffff13;color:#fff}
.dash nav a.on{background:linear-gradient(100deg,#8b0000,#c12a36);color:#fff;font-weight:800;box-shadow:0 7px 18px #8b000044}
.dash nav i{float:right;font-size:10px;color:#f8d77d;font-style:normal;font-weight:700}
.profile{margin-top:auto;border-top:1px solid #ffffff25;padding:17px 8px 5px;font-size:13px;color:#fff;font-weight:700}
.profile small{display:block;color:#c1c7d4;font-size:11px;font-weight:600}
.profile a{display:block;color:#ffd15d;margin-top:12px;font-weight:800}
.dash main{margin-left:270px;padding:34px;max-width:1700px}
.dash header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}
.dash header h1{font-size:28px;line-height:1.3;font-weight:900;letter-spacing:-.7px;margin:6px 0;color:#171923}
.dash header p,.section small{color:#596273;font-size:14px;font-weight:500;margin:0}
.stag{font-size:11px;color:#087b61;background:#d8f6e9;border:1px solid #a8e7ce;padding:9px 14px;border-radius:30px;font-weight:900;letter-spacing:.8px;white-space:nowrap}
.hero{background:radial-gradient(circle at 86% 22%,rgba(255,193,7,.3),transparent 20%),linear-gradient(110deg,#171923 0%,#500810 35%,#8b0000 68%,#bd2632 100%);color:#fff;border-radius:22px;padding:34px 38px;position:relative;overflow:hidden;min-height:215px;box-shadow:0 18px 38px rgba(76,8,17,.2)}
.hero .eyebrow{color:#ffd15d}
.hero h2{font-size:34px;line-height:1.18;font-weight:900;letter-spacing:-.8px;margin:12px 0}
.hero p{font-size:15px;line-height:1.7;color:#f7e7e7;max-width:570px;font-weight:500}
.orb{display:none!important}
.orb-mark{position:absolute;right:72px;top:52px;width:90px;height:90px;border-radius:28px;display:grid;place-items:center;color:#571018;background:linear-gradient(145deg,#ffe59a,#ffc107);font-size:38px;box-shadow:0 14px 32px rgba(0,0,0,.24);transform:rotate(8deg)}
.section{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:29px 0 14px}
.section h3{font-size:20px;line-height:1.3;font-weight:900;letter-spacing:-.3px;margin:0 0 4px;color:#202638}
.ready{font-size:11px;color:#087f5b;font-weight:900;letter-spacing:.8px}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.kpis article{position:relative;overflow:hidden;border:0;border-radius:17px;padding:20px 19px;min-height:140px;box-shadow:0 12px 26px rgba(25,30,45,.10);transition:transform .2s,box-shadow .2s}
.kpis article:hover,.modules article:hover{transform:translateY(-3px);box-shadow:0 17px 30px rgba(25,30,45,.16)}
.kpis article:after{content:"";position:absolute;width:105px;height:105px;border-radius:50%;right:-28px;bottom:-45px;background:#ffffff24}
.kpis small,.kpis span{display:block;font-size:13px;font-weight:600;line-height:1.5}
.kpis strong{display:block;font-size:36px;line-height:1.15;font-weight:900;margin:10px 0 4px;letter-spacing:-1px}
.kpis article:nth-child(1){background:linear-gradient(135deg,#8b0000,#c42b3a);color:#fff}
.kpis article:nth-child(1) small,.kpis article:nth-child(1) span{color:#ffe1e1}
.kpis article:nth-child(2){background:linear-gradient(135deg,#f2ad13,#ffcf56);color:#482900}
.kpis article:nth-child(2) small,.kpis article:nth-child(2) span{color:#67430b}
.kpis article:nth-child(3){background:linear-gradient(135deg,#2059a8,#438de0);color:#fff}
.kpis article:nth-child(3) small,.kpis article:nth-child(3) span{color:#e4f1ff}
.kpis article:nth-child(4){background:linear-gradient(135deg,#087b5d,#20aa85);color:#fff}
.kpis article:nth-child(4) small,.kpis article:nth-child(4) span{color:#d9fff1}
.kpis article:nth-child(4) strong{font-size:29px}
.modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.modules article{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:5px;min-height:142px;border:0;border-radius:17px;padding:19px 20px;background:#fff;box-shadow:0 9px 24px rgba(25,30,45,.08);font-size:24px;font-weight:800;transition:transform .2s,box-shadow .2s}
.modules article:after{content:"";position:absolute;right:-32px;top:-35px;width:115px;height:115px;border-radius:50%;background:currentColor;opacity:.08}
.modules b{display:block;color:#202638;font-size:15px;font-weight:900;line-height:1.35}
.modules small{display:block;color:#596273;font-size:13px;font-weight:500;line-height:1.5}
.modules em{display:inline-block;align-self:flex-start;font-size:10px;font-weight:900;letter-spacing:1px;font-style:normal;margin-top:8px;padding:5px 9px;border-radius:20px;background:#f0f2f7;color:#465064}
.modules article:nth-child(1){color:#6842b8;background:linear-gradient(140deg,#f1ebff,#fff)}
.modules article:nth-child(2){color:#087f5b;background:linear-gradient(140deg,#e2f7ef,#fff)}
.modules article:nth-child(3){color:#c56b12;background:linear-gradient(140deg,#fff0dd,#fff)}
.modules article:nth-child(4){color:#2463c7;background:linear-gradient(140deg,#e5efff,#fff)}
.modules article:nth-child(5){color:#b83d78;background:linear-gradient(140deg,#ffebf4,#fff)}
.modules article:nth-child(6){color:#a32626;background:linear-gradient(140deg,#ffe9e9,#fff)}
.dash footer{border-top:1px solid #d9dce3;margin-top:30px;padding:16px 0;color:#667085;font-size:11px;letter-spacing:1px;font-weight:700}
.dash footer span{float:right;color:#9b5d0b;font-weight:800}

@media(max-width:1100px){
 .dash aside{width:235px}.dash main{margin-left:235px;padding:25px}
 .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .modules{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 html{font-size:15px}
 .login{grid-template-columns:1fr}
 .loginhero{min-height:330px;padding:27px 24px}
 .loginhero h1{font-size:40px}
 .loginhero p{font-size:14px}
 .loginform{padding:38px 22px}
 .loginform h2{font-size:30px}
 .cols{grid-template-columns:1fr}
 .setup{padding:16px 10px}
 .setupbox{padding:23px 19px;border-radius:20px}
 .setupbox h1{font-size:27px}
 .setupbox p,.loginform p{font-size:14px}
 .dash aside{position:relative;width:100%;height:auto;padding:14px 14px 12px;overflow:visible}
 .dash aside .brand{padding-bottom:12px}
 .dash aside .brand-logo{width:52px;height:52px;max-width:52px;max-height:52px;flex-basis:52px}
 .dash aside .brand-copy strong{font-size:12px}
 .dash aside .brand-copy small{font-size:8px}
 .tenant{margin:10px 0 8px}
 .dash nav{display:block;max-height:190px;overflow-y:auto;padding:4px 0}
 .dash nav small{font-size:10px;margin:9px 7px 5px}
 .dash nav a{display:inline-block;vertical-align:top;padding:9px 10px;margin:3px 2px;font-size:12px;background:#ffffff12}
 .dash nav a.on{background:linear-gradient(100deg,#8b0000,#c12a36)}
 .dash nav i{margin-left:6px}
 .profile{display:block;margin-top:8px;padding-top:9px;font-size:12px}
 .profile small{display:inline;margin-left:7px}
 .profile a{display:inline-block;margin:0 0 0 12px}
 .dash main{margin:0;padding:19px 14px}
 .dash header{align-items:flex-start;gap:9px;margin-bottom:17px}
 .dash header h1{font-size:21px}
 .dash header p,.section small{font-size:13px}
 .eyebrow{font-size:10px}
 .stag{font-size:9px;padding:7px 9px}
 .hero{padding:23px 20px;min-height:185px;border-radius:17px}
 .hero h2{font-size:27px}
 .hero p{font-size:13px;max-width:80%}
 .orb-mark{right:13px;top:18px;width:48px;height:48px;font-size:22px;border-radius:15px}
 .section{margin:23px 0 12px;align-items:flex-start}
 .section h3{font-size:18px}
 .ready{font-size:9px}
 .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .kpis article{padding:14px 12px;min-height:122px;border-radius:14px}
 .kpis small,.kpis span{font-size:11px}
 .kpis strong{font-size:29px}
 .kpis article:nth-child(4) strong{font-size:23px}
 .modules{grid-template-columns:1fr;gap:10px}
 .modules article{min-height:120px;padding:16px;border-radius:14px}
 .modules b{font-size:14px}
 .modules small{font-size:12px}
 .dash footer{font-size:9px;line-height:1.8}
}
@media(max-width:380px){
 .kpis{grid-template-columns:1fr}
 .dash header h1{font-size:19px}
 .hero p{max-width:100%}
 .orb-mark{display:none}
}

/* CORE SYSTEM · ORGANIZATION & OUTLET — Premium UI extension */
.core-main{max-width:1800px!important}
.core-hero{margin-bottom:25px}
.flash{margin:18px 0;padding:14px 18px;border-radius:13px;font-weight:800;font-size:14px;box-shadow:0 8px 20px #17203312}
.flash.success{background:linear-gradient(100deg,#d5f7e9,#e8fff4);color:#087b5d;border:1px solid #9ce4c7}
.flash.danger{background:linear-gradient(100deg,#ffe0e0,#fff0ee);color:#a51b27;border:1px solid #f5b4b8}
.core-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:20px}
.panel{background:linear-gradient(145deg,#fff,#fffaf0);border:1px solid #e7dfd3;border-radius:20px;padding:22px;box-shadow:0 12px 28px rgba(25,30,45,.09);min-width:0}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:17px}
.panel-head>div{position:relative;padding-left:52px;min-height:43px}
.panel-icon{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:21px;font-weight:900;box-shadow:0 6px 15px #17203318}
.panel-icon.gold{background:linear-gradient(135deg,#ffc107,#ffe08a);color:#5b3500}
.panel-icon.blue{background:linear-gradient(135deg,#2463c7,#6ca9ff);color:#fff}
.panel-icon.violet{background:linear-gradient(135deg,#6842b8,#a38ae8);color:#fff}
.panel-head h3{font-size:18px;line-height:1.3;font-weight:900;margin:0;color:#1b2130}
.panel-head p{font-size:12px;color:#687184;font-weight:600;margin:4px 0 0}
.panel label{font-size:13px;font-weight:800;color:#303746;margin:13px 0;display:block}
.panel input{font-size:14px;font-weight:600;margin-top:6px;background:#fff}
.panel input[readonly]{background:#f1f3f7;color:#6a7280;font-size:12px}
.form-note{padding:11px 13px;background:#fff1ce;border-left:4px solid #e8ad18;border-radius:8px;color:#6e4b08;font-size:12px;font-weight:600;margin:12px 0 17px}
.btn-primary,.btn-secondary,.btn-mini{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;padding:12px 16px;min-height:43px;font:800 12px 'Poppins',Arial,sans-serif;letter-spacing:.3px;cursor:pointer;text-decoration:none}
.btn-primary{background:linear-gradient(110deg,#85000b,#bd2632 65%,#d99a18);color:#fff;box-shadow:0 8px 17px #8b00002b}
.btn-secondary{background:#252b3c;color:#fff}
.form-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:14px}
.form-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 13px}
.outlet-list{margin-top:18px;background:linear-gradient(145deg,#fff,#f4f6ff)}
.table-wrap{width:100%;overflow-x:auto;border-radius:12px}
.table-wrap table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}
.table-wrap th{background:#202638;color:#fff;text-align:left;padding:13px 14px;font-size:11px;letter-spacing:.7px;font-weight:900;white-space:nowrap}
.table-wrap th:first-child{border-radius:10px 0 0 0}.table-wrap th:last-child{border-radius:0 10px 0 0}
.table-wrap td{padding:14px;border-bottom:1px solid #e5e8ef;background:#fff;color:#283044;font-size:13px;font-weight:600;vertical-align:middle}
.table-wrap tbody tr:nth-child(even) td{background:#f7f8fc}
.table-wrap td b{font-size:14px;font-weight:900;color:#171923;display:block}
.table-wrap td small{display:block;color:#70798b;font-size:11px;font-weight:600;margin-top:3px}
.pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:30px;font-size:10px;font-weight:900;letter-spacing:.5px;white-space:nowrap}
.pill-green{background:#d8f7e9;color:#087b5d}.pill-red{background:#ffe1e3;color:#a51b27}.pill-blue{background:#e1edff;color:#2059a8}
.row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.row-actions form{margin:0}
.btn-mini{min-height:32px;padding:7px 10px;font-size:10px;border-radius:8px;background:#e7efff;color:#2059a8}
.btn-mini.warn{background:#fff0d5;color:#9a5700}.btn-mini.good{background:#d8f7e9;color:#087b5d}
.empty{text-align:center!important;padding:28px!important;color:#798194!important;font-weight:700!important}
@media(max-width:900px){.core-grid{grid-template-columns:1fr}}
@media(max-width:700px){.core-main{padding:19px 14px!important}.panel{padding:17px;border-radius:16px}.panel-head h3{font-size:17px}.form-two{grid-template-columns:1fr}.flash{font-size:12px}.table-wrap table{min-width:720px}.core-hero h2{font-size:27px}}


/* V1.5 — ORGANIZATION & OUTLET PREMIUM REFINEMENT
   Brand assets and application behavior remain unchanged. */
.core-main{padding-top:30px!important}
.core-main .section h3{font-size:22px;font-weight:900;letter-spacing:-.35px}
.core-main .section small{font-size:14px;font-weight:600}
.core-main .ready{font-size:12px}
.core-main .kpis{gap:17px}
.core-main .kpis article{min-height:148px;padding:21px 20px}
.core-main .kpis small,.core-main .kpis span{font-size:14px;font-weight:700}
.core-main .kpis strong{font-size:40px}
.core-grid{gap:20px;margin-top:22px}
.panel{padding:25px;border-radius:22px;box-shadow:0 14px 32px rgba(25,30,45,.11)}
.company-panel{background:linear-gradient(145deg,#fff7df 0%,#fff 62%,#f1edff 100%);border:1px solid #ead9a9}
.outlet-form{background:linear-gradient(145deg,#eaf4ff 0%,#fff 58%,#e4f8f1 100%);border:1px solid #cbdcf5}
.outlet-list{background:linear-gradient(145deg,#f0eaff 0%,#fff 45%,#e8f7f4 100%);border:1px solid #d8d0ee}
.panel-head{align-items:center;margin-bottom:20px}
.panel-head>div{padding-left:58px;min-height:48px}
.panel-icon{width:46px;height:46px;border-radius:14px;font-size:23px}
.panel-head h3{font-size:20px;line-height:1.35}
.panel-head p{font-size:14px;line-height:1.5;font-weight:600;color:#596273}
.panel label{font-size:14px;font-weight:800;margin:16px 0;color:#252b3a}
.panel input{min-height:54px;padding:13px 16px;font-size:15px;font-weight:650;border:1px solid #cfd7e3;border-radius:12px;box-shadow:0 3px 10px rgba(28,36,54,.035)}
.panel input::placeholder{color:#7b8494;font-weight:500}
.panel input:focus{border-color:#d49a19;box-shadow:0 0 0 4px rgba(255,193,7,.18)}
.panel input[readonly]{font-size:13px;background:linear-gradient(90deg,#e9edf5,#f5f7fb);font-weight:700}
.form-two{gap:2px 18px}
.form-note{font-size:13px;line-height:1.6;padding:13px 15px;border-radius:10px}
.panel .btn-primary,.panel .btn-secondary{min-height:50px;font-size:13px;padding:14px 20px}
.outlet-form .form-actions .btn-primary{flex:1}
.outlet-list .panel-head{margin-bottom:18px}
.table-wrap{border-radius:15px;border:1px solid #d9deea;background:#fff;box-shadow:0 8px 22px rgba(25,30,45,.07)}
.table-wrap table.outlet-table{width:100%;min-width:980px;table-layout:fixed;border-collapse:separate;border-spacing:0}
.outlet-table .col-outlet{width:29%}
.outlet-table .col-code{width:13%}
.outlet-table .col-manager{width:21%}
.outlet-table .col-status{width:13%}
.outlet-table .col-actions{width:24%}
.table-wrap .outlet-table th{padding:16px 15px;font-size:12px;letter-spacing:.8px;background:linear-gradient(100deg,#171923,#303c58);white-space:normal;line-height:1.4}
.table-wrap .outlet-table td{padding:17px 15px;font-size:14px;line-height:1.55;overflow-wrap:anywhere;vertical-align:middle}
.table-wrap .outlet-table tbody tr:nth-child(odd) td{background:#fff}
.table-wrap .outlet-table tbody tr:nth-child(even) td{background:#f0f5ff}
.table-wrap .outlet-table tbody tr:hover td{background:#fff5dc}
.table-wrap .outlet-table td b{font-size:15px;line-height:1.45;font-weight:900;color:#171923}
.table-wrap .outlet-table td small{font-size:12px;line-height:1.5;color:#596273;font-weight:600}
.outlet-table .row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.outlet-table .row-actions form{display:inline-flex;flex:1 1 100%;max-width:180px}
.outlet-table .row-actions .btn-mini{width:100%;min-height:38px;font-size:11px;padding:8px 12px}
.outlet-table .row-actions>a.btn-mini{min-width:75px}
.outlet-table .pill{font-size:11px;padding:7px 11px}
.outlet-list .empty{font-size:14px!important}
.core-main footer{font-size:12px;line-height:1.7}
@media(max-width:1100px){
 .core-main{padding:25px!important}
 .core-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
 .core-main{padding:18px 13px!important}
 .core-main .section h3{font-size:19px}
 .core-main .section small{font-size:13px}
 .core-main .kpis{gap:10px}
 .core-main .kpis article{min-height:125px;padding:15px 13px}
 .core-main .kpis small,.core-main .kpis span{font-size:12px}
 .core-main .kpis strong{font-size:31px}
 .panel{padding:17px;border-radius:17px}
 .panel-head h3{font-size:18px}
 .panel-head p{font-size:13px}
 .panel label{font-size:13px}
 .panel input{min-height:50px;font-size:14px}
 .table-wrap table.outlet-table{min-width:980px}
 .core-main footer{font-size:10px}
}