@import url('');
:root{--bg:#f5f9fc;--ink:#162c40;--muted:#708599;--line:#dce8f0;--nav:#10283f;--nav2:#163954;--olive:#77b9e1;--accent:#08639f;--cream:#ffffff;--soft:#edf5fa;--red:#a64e41;--orange:#cf9460;--shadow:0 12px 42px #1a28170a;--radius:18px;font-family:Inter,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}#app{min-height:100vh}.shell{display:flex;min-height:100vh}.sidebar{width:254px;background:var(--nav);color:#ecf2e7;position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column;overflow:auto;transition:transform .25s}.brand{padding:31px 24px 25px;border-bottom:1px solid #ffffff13}.brandrow{display:flex;align-items:center;gap:11px}.brandmark{width:37px;height:37px;background:#b1c476;color:#1b2918;border-radius:12px;display:grid;place-items:center;font-size:22px;font-weight:900;letter-spacing:-3px;padding-right:3px}.brandtext{font-size:16px;letter-spacing:1.3px;font-weight:850}.brandtext small{display:block;font-size:9px;letter-spacing:3px;color:#aebca8;margin-top:4px}.partner{font-size:10px;color:#93a18e;padding:15px 24px 0;letter-spacing:1.3px}.navscroll{padding:18px 12px;flex:1}.navlabel{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#7b8c7c;padding:18px 13px 9px;font-weight:700}.navitem{width:100%;display:flex;gap:12px;align-items:center;background:transparent;border:0;border-radius:11px;color:#b4c2b3;text-align:left;padding:12px 12px;font-size:12.5px;font-weight:600;margin:3px 0}.navitem:hover{background:#ffffff0e;color:white}.navitem.active{background:#bed08b16;color:#cfe5a3;box-shadow:inset 3px 0 #77b9e1}.navitem .nicon{font-size:17px;width:23px;text-align:center;filter:saturate(.5)}.navitem.active .nicon{filter:none}.sidebar-bottom{margin:10px 12px 18px;border-top:1px solid #ffffff18;padding-top:14px}.tenantbox{background:#263326;padding:13px;border-radius:12px;font-size:11px;color:#d7e6cd}.tenantbox b{display:block;font-size:13px;margin:6px 0}.tenantbox small{color:#a8bc9e}.main{margin-left:254px;min-width:0;width:calc(100% - 254px)}.topbar{height:77px;background:#fffffff2;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px;padding:0 34px;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.crumb{font-size:12px;color:#91a095;white-space:nowrap}.crumb strong{color:var(--ink);font-weight:700}.topgrow{flex:1}.topright{display:flex;gap:9px;align-items:center}.topselect,.outlinebtn,.pillbtn{border:1px solid var(--line);background:white;border-radius:11px;padding:10px 13px;color:#253128;font-size:12px;font-weight:700}.topselect{max-width:174px}.avatar{background:var(--soft);color:#3c5734;border:1px solid #d7e5c8;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:12px;font-weight:800}.content{padding:32px 36px 70px;max-width:1750px;margin:auto}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:800;color:var(--accent);margin-bottom:10px}.pagehead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 26px}.pagehead h1{font-size:30px;letter-spacing:-1.3px;margin:0 0 7px;font-weight:760}.pagehead p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.btn{border:none;border-radius:11px;background:var(--nav2);color:#fff;padding:11px 15px;font-size:12px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{filter:brightness(1.1)}.btn.light{background:#edf2e5;color:#466035}.btn.secondary{background:#fff;border:1px solid var(--line);color:#334135}.btn.danger{background:#fff0ec;color:#a54b3d}.btn.amber{background:#e8d5ad;color:#56451e}.btn.tiny{padding:7px 10px;border-radius:8px;font-size:11px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.pad{padding:23px}.cardtitle{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}.cardtitle h3{margin:0;font-size:14px;letter-spacing:-.2px}.cardtitle span{color:#889487;font-size:11px}.grid{display:grid;gap:17px}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g21{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr)}.g12{grid-template-columns:minmax(320px,1fr) minmax(0,1.5fr)}.gap{margin-top:18px}.metric{padding:22px;position:relative;overflow:hidden}.metric:before{content:"";position:absolute;right:-25px;top:-28px;width:115px;height:115px;border-radius:50%;background:#eef3e8}.metric-icon{position:relative;background:var(--soft);width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:18px}.metric-label{font-size:11px;color:var(--muted);margin-top:18px}.metric-val{font-size:27px;font-weight:800;letter-spacing:-.9px;margin-top:5px}.metric-foot{font-size:10px;color:#739264;margin-top:10px}.metric.ink{background:var(--nav2);color:white;border-color:var(--nav2)}.metric.ink:before{background:#ffffff09}.metric.ink .metric-label{color:#aabda7}.metric.ink .metric-icon{background:#ffffff16}.hero{background:#123d5c;position:relative;color:white;border-radius:22px;padding:30px 34px;min-height:220px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:10px}.hero:before,.hero:after{content:"";width:300px;height:300px;border-radius:50%;border:1px solid #ffffff19;position:absolute;right:7%;top:-100px}.hero:after{right:-60px;top:-170px;width:500px;height:500px}.hero h2{font-size:29px;letter-spacing:-.9px;max-width:550px;margin:10px 0}.hero p{font-size:12px;color:#bccbb7;max-width:510px;line-height:1.7}.hero .btn{background:#c3e3f5;color:#19261b}.hero-art{font-size:112px;filter:grayscale(.5);opacity:.8;z-index:1;transform:rotate(-13deg)}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:50px;padding:6px 9px;background:#ecf4e7;color:#53733f;font-size:10px;font-weight:800;white-space:nowrap}.badge.amber{background:#fff4dc;color:#ae7c2c}.badge.red{background:#fdece8;color:#a64f40}.badge.gray{background:#f0f1ee;color:#788278}.badge.dark{background:#233127;color:#d5e8c8}.tablewrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.table th{color:#8b968d;font-size:10px;letter-spacing:.5px;text-transform:uppercase;font-weight:700;border-bottom:1px solid var(--line);padding:12px 10px;white-space:nowrap}.table td{padding:14px 10px;border-bottom:1px solid #eff1ec;color:#354238;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fbfcfa}.strong{font-weight:750;color:#263326}.muted{color:var(--muted)!important}.small{font-size:11px}.right{text-align:right}.progress{height:8px;background:#eef1e9;border-radius:50px;overflow:hidden}.progress>i{height:100%;background:#80985c;display:block;border-radius:50px}.bargraph{height:210px;display:flex;align-items:end;gap:13px;padding:17px 3px 4px}.barcol{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;min-width:0}.bar{width:100%;max-width:42px;background:linear-gradient(#b6cb81,#687f4a);border-radius:6px 6px 2px 2px;min-height:12px}.barcol label{font-size:10px;color:#8b988b}.barsum{display:flex;align-items:center;gap:8px;font-size:10px;color:#859181}.dot{width:7px;height:7px;border-radius:50%;background:#9abb74;display:inline-block}.dot.alt{background:#d9dcd2}.seg{display:flex;gap:5px;background:#edf0e9;padding:4px;border-radius:11px;width:max-content;max-width:100%;overflow:auto}.seg button{border:0;background:transparent;color:#6e7a70;padding:9px 13px;border-radius:8px;font-size:11px;font-weight:750;white-space:nowrap}.seg button.active{background:white;box-shadow:0 1px 6px #14240d15;color:#233623}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.search{border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px 13px;min-width:220px;font-size:12px;outline:none}.search:focus,input:focus,select:focus{border-color:#a9c37d;outline:2px solid #a9c37d33}.spacer{flex:1}.productgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product{background:#fff;border:1px solid var(--line);padding:15px;border-radius:15px;cursor:pointer;text-align:left;transition:.15s;min-width:0}.product:hover{border-color:#92af67;transform:translateY(-2px);box-shadow:0 7px 15px #1b32100d}.product .pemoji{height:74px;border-radius:12px;background:#f1f3ec;display:grid;place-items:center;font-size:35px;margin-bottom:12px}.product b{font-size:12px;display:block}.product span{font-size:10px;color:#8b968a;display:block;margin:5px 0 9px}.product strong{font-size:13px}.cartrow{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.cartrow .cartemoji{font-size:23px;width:38px;height:40px;display:grid;place-items:center;background:#f1f4ed;border-radius:10px}.cartrow b{font-size:12px}.cartrow small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.qty{display:flex;align-items:center;gap:9px}.qty button{width:24px;height:24px;border:1px solid var(--line);background:#fff;border-radius:7px}.totalrow{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#738073;margin:12px 0}.totalrow b{color:var(--ink)}.totalrow.grand{font-size:16px;font-weight:800;border-top:1px dashed #d9dfd3;padding-top:17px}.empty{text-align:center;padding:35px 12px;color:#8a968a;font-size:12px}.empty .big{font-size:35px;display:block;margin-bottom:12px}.timeline{display:flex;flex-direction:column;gap:15px}.tline{display:flex;gap:12px;align-items:flex-start}.ticon{width:32px;height:32px;border-radius:10px;background:var(--soft);display:grid;place-items:center;flex-shrink:0}.tline b{font-size:12px}.tline p{font-size:11px;color:#8a968d;margin:5px 0;line-height:1.5}.tline time{font-size:10px;color:#9da89e}.note{padding:14px 16px;border-radius:12px;background:#f3f6ef;border:1px solid #e3ecd9;color:#64755f;font-size:11px;line-height:1.6}.note.warning{background:#fff9ef;border-color:#f0e0c7;color:#98753e}.note.red{background:#fff1ed;border-color:#f4dcd5;color:#a85e4c}.fakechart{height:180px;display:flex;align-items:end;gap:6px}.fakechart span{flex:1;display:block;background:linear-gradient(0deg,#adc27a,#dde8bd);border-radius:4px 4px 0 0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.formfield{display:flex;flex-direction:column;gap:6px}.formfield label{font-size:11px;color:#647364;font-weight:700}.formfield input,.formfield select,.formfield textarea{border:1px solid #e1e7dd;border-radius:10px;padding:12px 12px;background:white;font-size:12px;min-width:0;color:var(--ink)}.formfield textarea{min-height:86px;resize:vertical}.formfield.full{grid-column:1/-1}.modalbackdrop{position:fixed;inset:0;background:#0a120bbd;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}.modal{width:min(550px,100%);background:#fff;border-radius:20px;max-height:88vh;overflow:auto;box-shadow:0 25px 80px #0004}.modalheader{padding:22px 25px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:14px}.modalheader h2{font-size:19px;margin:0}.modalheader p{font-size:11px;color:var(--muted);margin:5px 0 0}.closex{margin-left:auto;border:0;background:#f3f5f1;border-radius:9px;width:30px;height:30px}.modalbody{padding:23px 25px}.modalfoot{padding:16px 25px 24px;display:flex;justify-content:flex-end;gap:10px}.mini{padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:white;font-size:11px;color:#5d6b60}.labelpair{display:flex;justify-content:space-between;gap:10px;margin:9px 0;font-size:12px}.cardlink{display:flex;gap:15px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:13px;cursor:pointer;background:white;text-align:left;width:100%}.cardlink:hover{border-color:#a8c17d}.cardlink .symbol{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#e9f0e0;font-size:24px}.cardlink b{font-size:12px}.cardlink p{font-size:10px;color:var(--muted);margin:6px 0 0}.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare article{padding:18px;background:#f4f7f0;border-radius:15px}.compare article b{display:block;font-size:12px;margin-bottom:10px}.compare article strong{font-size:25px}.floatinfo{position:fixed;bottom:20px;right:22px;font-size:10px;color:#677563;background:#fff;border:1px solid var(--line);border-radius:40px;padding:10px 13px;z-index:11;box-shadow:var(--shadow)}.floatinfo b{color:var(--red)}#toast{position:fixed;z-index:200;bottom:26px;left:50%;transform:translateX(-50%) translateY(150px);background:#1b2b20;color:white;padding:12px 20px;border-radius:11px;box-shadow:0 15px 35px #0004;font-size:12px;opacity:0;transition:.25s;max-width:90%;text-align:center}#toast.show{transform:translateX(-50%) translateY(0);opacity:1}.mobiletrigger{display:none;border:0;background:#eff2ea;border-radius:10px;width:36px;height:36px;font-size:19px}.scrim{display:none}.android-preview .main{max-width:490px;width:calc(100% - 254px);margin:auto}.android-preview .content{padding:19px 16px}.android-preview .g4,.android-preview .g3,.android-preview .g21,.android-preview .g12,.android-preview .g2{grid-template-columns:1fr}.android-preview .metric{padding:16px}.android-preview .pagehead h1{font-size:25px}.android-preview .productgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.android-preview .topbar{padding:0 17px}.android-preview .hero-art{display:none}.android-preview .floatinfo{display:none}.android-preview .topselect{max-width:120px}.tabtiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tile{border:1px solid var(--line);background:white;border-radius:15px;padding:20px 12px;text-align:center}.tile:hover{border-color:#98af7d}.tile .emoji{font-size:28px;display:block;margin-bottom:12px}.tile b{font-size:11px}.foottext{margin-top:25px;color:#879488;font-size:10px;line-height:1.6}.switch{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#647265}.switch input{accent-color:#708a51} .hide{display:none!important}
@media(max-width:1200px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g21,.g12{grid-template-columns:1fr}.productgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.sidebar{transform:translateX(-100%);width:270px}.sidebar.open{transform:translateX(0)}.scrim.show{display:block;position:fixed;inset:0;background:#0008;z-index:19}.main,.android-preview .main{margin:0;width:100%;max-width:none}.topbar{padding:0 17px;height:67px}.mobiletrigger{display:block}.content{padding:24px 17px 85px}.floatinfo{display:none}.topselect{max-width:140px}.topbar .crumb{display:none}.pagehead h1{font-size:25px}.hero{padding:24px;min-height:190px}.hero h2{font-size:24px}.hero-art{font-size:70px}}
@media(max-width:570px){.g4,.g3,.g2,.g21,.g12{grid-template-columns:1fr}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:15px}.metric-val{font-size:21px}.metric-label{font-size:10px}.metric-foot{font-size:9px}.pagehead{flex-direction:column}.pagehead .actions{justify-content:flex-start}.topselect{max-width:115px}.topright .outlinebtn{display:none}.productgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{display:none}.tabtiles{grid-template-columns:repeat(2,1fr)}.formgrid,.compare{grid-template-columns:1fr}.search{min-width:0;width:100%}.modalbackdrop{align-items:flex-end;padding:0}.modal{border-radius:20px 20px 0 0;max-height:91vh}.pad{padding:18px}.seg{width:100%}}

/* Carffein Blue / Modern Clean UI overrides */
.sidebar{background:#10283f;color:#eaf5fc}.brandmark{background:#08639f;color:#fff}.brandtext span{color:#91d0f4!important}.navitem.active{color:#b9e6ff;background:#ffffff16;box-shadow:inset 3px 0 #4ea6db}.tenantbox{background:#173c59}.hero{background:linear-gradient(120deg,#10283f,#08639f)}.hero .btn{background:#fff;color:#08639f}.metric.ink{background:#10283f;border-color:#10283f}.btn{background:#08639f}.btn.light{background:#e7f3fb;color:#08639f}.badge{background:#e8f4fb;color:#08639f}.progress>i{background:#08639f}.bar{background:linear-gradient(#6ab9e5,#08639f)}.fakechart span{background:linear-gradient(0deg,#08639f,#9ed4f2)}.product:hover,.cardlink:hover{border-color:#08639f}.floatinfo b{color:#08639f}#toast{background:#10283f}.topbar{background:#ffffffed}.card{box-shadow:0 12px 38px #10283f0a}.brand{border-color:#ffffff25}

.proposal-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:16px;padding:10px 14px;border:1px solid #cfe0eb;border-radius:11px;background:#fff;color:#08639f;font-size:12px;font-weight:750;text-decoration:none}.proposal-back:hover{background:#e7f3fb}.proposal-back:focus-visible{outline:3px solid #4ea6db;outline-offset:3px}