@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Poppins:wght@400;500;600;700;800&display=swap');
/* Louis MC: public brand reference, 23 October 2026. Local logo; no live-site embeds. */
:root{--ink:#171717;--muted:#737373;--bg:#f3f3f3;--paper:#fff;--line:#e4e4e4;--orange:#ffb900;--green:#347047;--yellow:#ffb900}
body{font-family:Lato,Arial,Helvetica,sans-serif;color:#171717;background:#f3f3f3}h1,h2,h3,.brand,.primary,.nav-label,th,.stat-value{font-family:Poppins,Arial,Helvetica,sans-serif}h1,h2,h3{font-weight:700}button,input,select,textarea{font-family:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #c48b00;outline-offset:3px}
.sidebar{width:242px;background:#080808;border-right:1px solid #262626;padding:29px 20px;color:#bbb}.brand{display:block;letter-spacing:0;border-bottom:1px solid #303030;padding:9px 4px 28px}.brand img{display:block;width:185px;height:auto;max-width:100%;object-fit:contain}.brand small{font-family:Lato,Arial,sans-serif;color:#ffb900;font-size:8px;letter-spacing:2.1px;margin-top:18px;font-weight:700}.workspace{margin:24px 0 28px;border-color:#343434;border-radius:0;background:#151515;padding:13px 10px;color:#fff}.workspace small{color:#a0a0a0}.store-icon{background:#ffb900;color:#111;border-radius:0;font:800 18px Poppins,sans-serif;transform:skew(-8deg)}.online{background:#ffb900}.nav-label{color:#767676;font-size:8px;letter-spacing:1.6px}.sidebar nav a{border-radius:0;margin:4px 0;font-weight:700;color:#bdbdbd;padding:13px 12px;border-left:3px solid transparent;font-size:12px;gap:12px;transition:background .15s,color .15s}.sidebar nav a:hover{background:#222;color:#fff}.sidebar nav a.active{background:#ffb900;color:#111;border-left-color:#fff}.sidebar nav a .nav-icon{color:#8e8e8e}.sidebar nav a.active .nav-icon{color:#111}.sidebar nav .count{background:#333;color:#ddd;border-radius:0;min-width:19px;text-align:center}.sidebar nav a.active .count{background:#111;color:#ffb900}.side-bottom{color:#bbb;font-size:10px}.side-bottom>small{color:#777}.demo-dot{background:#ffb900}.person{border-color:#303030}.person>b{background:#ffb900;color:#111;border-radius:0}.person small{color:#909090}
main{margin-left:242px}header{height:72px;background:#080808;border-bottom:1px solid #303030;padding:0 34px;color:#fff}.breadcrumb{font-family:Poppins,Arial,sans-serif;text-transform:uppercase;letter-spacing:.65px;font-size:10px;color:#a5a5a5}.breadcrumb:before{content:'';width:4px;height:15px;display:inline-block;vertical-align:middle;background:#ffb900;margin-right:12px;transform:skew(-12deg)}.breadcrumb span{color:#666}.breadcrumb b{color:#fff;font-weight:600}.connection{color:#c0c0c0;font-size:10px}.connection i{background:#ffb900}.avatar{background:#242424;color:#ffb900;border-radius:0;border:1px solid #444;font-weight:700}.demo-banner{background:#ffb900;color:#222;border:0;padding:10px 34px;font-size:10px;font-weight:700;letter-spacing:.1px}.demo-banner>span{background:#111;color:#ffb900;border-radius:0;font-size:8px;letter-spacing:1px;padding:4px 6px;margin-right:10px}
.page{padding:28px 34px 36px;max-width:1750px}.page-heading{background:#151515;border-top:4px solid #ffb900;padding:27px 26px;margin-bottom:22px;position:relative;isolation:isolate;overflow:hidden}.page-heading:after{content:'';position:absolute;right:185px;top:-30px;height:260px;width:90px;transform:skew(-25deg);background:linear-gradient(90deg,#fff0,#ffffff06);border-right:1px solid #ffffff07;z-index:-1;pointer-events:none}.eyebrow{font:600 8px Poppins,sans-serif;letter-spacing:1.6px;color:#ffb900;margin-bottom:10px}h1{font-size:25px;text-transform:uppercase;letter-spacing:-.7px;color:#fff;line-height:1.35;max-width:670px}.page-heading p{font-size:12px;color:#b6b6b6;line-height:1.6;margin-top:9px}.primary{background:#ffb900;border:1px solid #ffb900;color:#0c0c0c;border-radius:0;box-shadow:none;text-transform:uppercase;letter-spacing:.25px;font-size:10px;font-weight:700;padding:13px 17px;transition:background .15s,border-color .15s}.primary:hover{background:#ffc933;border-color:#ffc933}.primary:active{background:#eaaa00}button.secondary,.btn{border-radius:0;border-color:#d6d6d6;color:#333;font-weight:700;font-size:11px;background:#fff}button.secondary:hover,.btn:hover{background:#f4f4f4;border-color:#999}
.stats{gap:14px;margin-bottom:22px}.stat{border-radius:0;border:1px solid #e1e1e1;border-top:3px solid #151515;padding:20px;box-shadow:0 2px 3px #00000003;position:relative}.stat:after{content:'';height:3px;width:34px;background:#ffb900;position:absolute;left:-1px;top:-3px}.stat-label{color:#585858;font-size:11px;font-weight:700}.stat-icon{color:#999;font-size:19px}.stat-value{color:#111;font-size:34px;font-weight:700;letter-spacing:-1px;margin-top:10px;line-height:1.3}.stat-note{color:#858585;font-size:10px}.stat-note.orange{color:#9f6a00}.grid-two{gap:18px;margin-bottom:26px}.inbox{border-radius:0;border-color:#dcdcdc}.inbox-head{background:#171717;border:0;padding:16px 19px;color:#fff}.inbox-head h2{color:#fff;font-size:12px;font-weight:600;letter-spacing:.1px}.inbox-head h2 span{background:#ffb900;color:#111;border-radius:0;font-size:9px;font-weight:700;padding:3px 6px;margin-left:8px}.inbox-head small{font-size:8px;color:#a9a9a9;letter-spacing:1.2px}.inbox-body{padding:4px 19px}.inbox-row{border-color:#eee;padding:15px 0;gap:12px}.inbox-row:hover{background:#fafafa}.inbox-row strong{font-size:12px;font-weight:700;color:#222}.inbox-row small{color:#858585;font-size:10px}.box-icon{border-radius:0;background:#f4f4f4;color:#3e3e3e;border-bottom:2px solid #ffb900}.inbox-row .arrow{color:#777}.label{border-radius:0;background:#f0f0f0;color:#666;font-size:9px}.label.orange{background:#fff3cf;color:#7a5900}.section-top h2{font-size:15px;letter-spacing:0;text-transform:uppercase;font-weight:700;color:#191919}.section-top p{color:#888;font-size:11px}.section-top a{color:#292929;font-size:10px;font-weight:700;border-bottom:2px solid #ffb900;padding-bottom:4px}
.panel{border-radius:0;border-color:#ddd}.toolbar{border-color:#e6e6e6;padding:15px 17px;gap:8px}.search>span{color:#666}.toolbar select{font-size:11px}input,select,textarea{border-radius:0;border-color:#ddd;color:#222;background:#fff}input::placeholder,textarea::placeholder{color:#929292}input:focus,select:focus,textarea:focus{border-color:#c4920b}.search input{font-size:12px}.table-wrap th{background:#202020;color:#d6d6d6;border-color:#202020;font-size:8px;letter-spacing:.6px;font-weight:600;padding:13px 17px}.table-wrap th:first-child{border-left:3px solid #ffb900;padding-left:14px}.table-wrap td{border-color:#ebebeb;padding:16px 17px;color:#333;font-size:11px}.table-wrap td strong{font-weight:700;color:#111}.table-wrap td small{color:#8b8b8b}.table-wrap tbody tr:hover{background:#fffbee}.source{color:#8c8c8c;font-size:9px}.store-tag{border-radius:0;border-color:#d9d9d9;color:#444;background:#f8f8f8;font-weight:700;font-size:9px}.badge{border-radius:0;font-size:9px;font-weight:700;background:#f0f0f0;color:#666;padding:5px 7px}.badge.new{background:#fff1c9;color:#836000}.badge.wait{background:#fff4db;color:#996b17}.badge.ready{background:#e9f3ed;color:#39754e}.badge.done{background:#efefef;color:#707070}.badge.ship{background:#e9eff6;color:#4a6987}.badge.partial{background:#fbe8e6;color:#af473a}.table-foot{color:#888;font-size:10px;border-top:1px solid #eee}.empty{color:#777}.muted{color:#888}footer{color:#888;border-color:#ddd;margin:0 34px;font-size:9px}footer>span{color:#888}
.drawer{background:#f4f4f4}.drawer-header{background:#101010;border-top:4px solid #ffb900;border-bottom:1px solid #111;color:#fff}.drawer-header h2{color:#fff;font-weight:700;text-transform:uppercase;font-size:20px;letter-spacing:-.4px}.drawer-header small{color:#aaa}.close{background:#303030;color:#ffb900;border:1px solid #444;border-radius:0}.card{border-radius:0;border-color:#ddd}.card h3{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.25px;color:#171717}.field{color:#6b6b6b;font-size:10px;font-weight:700}.field input,.field select,.field textarea{font-weight:400;font-size:12px}.detail-grid small{color:#888}.detail-grid p{color:#222}.line-item{border-color:#eee}.line-item small{color:#888}.status-line{color:#555}.divider{background:#e6e6e6}.timeline{border-color:#ddd}.event{color:#555}.event:before{background:#ffb900}.event small{color:#929292}.notice{border-radius:0;background:#fff6db;color:#826013;border-color:#efdeaa;border-left:3px solid #ffb900}.notice.green{background:#f3f6f3;color:#506c55;border-color:#dce5dc;border-left-color:#537c5b}.small-text,.stock-note{color:#888}.form-error{color:#b43b2e}.line-edit button{color:#777}.tabs button{border-radius:0;color:#666}.tabs button.selected{background:#151515;color:#ffb900;border-color:#151515}.big-symbol{color:#dda700}.feature-grid .card p{color:#888}.receipt{border-radius:0;border-color:#999}.message{border-color:#ddd}.message.internal{border-left-color:#ffb900}.blocked{color:#ae7821}#toast{border-radius:0;background:#111;color:#fff;border-left:4px solid #ffb900}
@media(min-width:1550px){.page{padding-top:34px}.page-heading{padding:32px}h1{font-size:29px}.stat{padding:22px}.table-wrap td{font-size:12px}}
@media(max-width:1100px){.sidebar{width:200px;padding:25px 14px}.brand img{width:163px}.brand small{font-size:7px;letter-spacing:1.8px}main{margin-left:200px}.page{padding:25px 24px}.page-heading{padding:23px 20px;gap:20px}h1{font-size:21px}.primary{font-size:9px;padding:12px 13px}.stat{padding:16px}.stat-label{font-size:10px}header{padding:0 24px}.demo-banner{padding:10px 24px}}
@media(max-width:760px){.sidebar{width:65px;padding:18px 7px}.brand{padding:7px 0 20px;overflow:visible}.brand img{width:51px;max-width:none}.brand small{display:none}main{margin-left:65px}.sidebar nav a{padding:12px 9px;border-left-width:2px}.sidebar nav a.active{border-left-color:#fff}.page{padding:18px 14px}.page-heading{padding:21px 17px;border-top-width:3px;gap:18px}.page-heading:after{right:10px;width:60px}h1{font-size:21px;line-height:1.4}.page-heading p{font-size:11px}.eyebrow{font-size:7px;letter-spacing:1px}header{height:58px;padding:0 15px}.breadcrumb{font-size:8px;letter-spacing:.2px}.breadcrumb span{margin:0 7px}.breadcrumb:before{margin-right:7px}.connection{font-size:9px}.demo-banner{padding:9px 15px;font-size:9px}.stats{gap:10px}.stat{padding:14px}.stat-value{font-size:29px}.stat-note{font-size:9px;line-height:1.5}.stat-label{font-size:10px}.inbox-head{padding:15px}.inbox-body{padding:4px 15px}.inbox-head h2{font-size:11px}.table-wrap td{font-size:11px}.toolbar{padding:12px}footer{margin:0 14px;font-size:8px}.drawer-header h2{font-size:18px}}