@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";.trade-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 18px;padding:26px;background:linear-gradient(125deg,#eaf4f5,#f7fafb);border:1px solid #dae9ec;border-radius:20px;margin-bottom:24px}.trade-top>div{grid-column:1/-1;min-width:0}.trade-top .eyebrow{display:block;color:#648b99;letter-spacing:1.4px;font-size:10px;margin-bottom:10px}.trade-top h2{font-size:24px;color:#16485b;line-height:1.25;margin-bottom:8px}.trade-top p{font-size:13px;line-height:1.65;color:#708994;max-width:540px}.trade-top label{display:flex;flex-direction:column;gap:9px;min-width:0;font-size:12px;font-weight:600;color:#557582}.trade-top select{width:100%;min-width:0;margin:0;background-color:#fff;border-color:#d7e5ea;border-radius:12px;font-weight:500}.trade-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:22px;padding-bottom:8px}.trade-tabs button{flex-shrink:0;min-height:46px;padding:12px 17px;border-radius:12px}.trade-tabs .secondary{background:#eaf0f3;color:#557380;border:1px solid transparent}.trade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}.trading .panel{margin-bottom:18px}.trading .panel h3{margin:0 0 12px}.trading .panel p{overflow-wrap:anywhere}.trade-line{border:1px solid #d9e7ec;background:#f6f9fa;padding:18px;border-radius:16px;margin-bottom:12px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.trade-line-title{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;color:#597f8c;font-size:12px;font-weight:600}.trade-check{display:flex!important;align-items:center;gap:12px}.trade-check input{width:22px!important;height:22px;min-height:0!important;margin:0!important;flex-shrink:0}.trade-batch{border-top:1px solid #d9e7ec;padding:18px 0}.trade-modal form{display:flex;flex-direction:column;gap:19px}.trade-modal form label{margin:0;font-size:12px}.trade-modal .row h2{margin:0}.trade-modal>.row{margin-bottom:24px}.trade-modal{width:540px;max-width:100%;max-height:90dvh;overflow:auto}.trade-modal form>button.wide{min-height:50px;margin-top:8px}.trading .sectionline{flex-wrap:wrap;gap:12px}.trading .row{flex-wrap:wrap;gap:8px}.trading .chart-row>span{font-size:12px}.trade-module-switch{display:flex;gap:8px;margin:0 0 20px;flex-wrap:wrap}.trade-module-switch button{flex:1}.mobile-nav.trade-hidden,.trade-bottom-nav{display:none}.trade-warehouse-actions{display:flex;gap:12px;margin-top:18px}.trade-warehouse-actions>.secondary{flex:1;min-height:46px}.trade-delete-button{background:#fcf0ed;color:#b56c57;width:46px;min-height:46px;padding:10px}.trade-more-menu{background:#fff;padding:24px;border-radius:24px;width:420px;max-width:100%;box-shadow:0 12px 50px #143f5220}.trade-more-menu>.row{margin-bottom:18px}.trade-more-menu>button{width:100%;justify-content:flex-start;background:#f1f6f8;color:#30576a;min-height:60px;border-radius:14px;margin-top:10px;gap:14px}.trade-more-menu>button.selected{background:#15536a;color:#fff}.trade-menu-overlay{z-index:40}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;box-sizing:border-box;min-height:48px;line-height:1.4;padding:12px 40px 12px 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235b7c8a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px 18px}.modal select,.modal input:not([type=hidden]):not([type=checkbox]):not([type=file]){min-height:48px}.modal select{padding-right:40px}.trade-top select{min-height:50px}@media(max-width:760px){.trade-tabs{display:none}.trade-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;inset:auto 0 0;background:#fff;border-top:1px solid #e2eaee;z-index:8;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 30px #173f5008}.trade-bottom-nav button{display:flex;flex-direction:column;gap:5px;background:transparent;color:#8b9da5;border-radius:12px;padding:7px 2px;font-size:10px;min-height:52px;font-weight:500}.trade-bottom-nav button.active{background:#eaf3f7;color:#15536a;font-weight:700}.trade-bottom-nav span{white-space:nowrap}.trading{padding-bottom:85px}.trade-top{padding:21px;gap:20px 14px;border-radius:18px}.trade-top h2{font-size:22px}.trade-top p{font-size:13px}.trade-top .eyebrow{font-size:9px;letter-spacing:1px}.trade-top label{font-size:12px;gap:9px}.trade-top select{font-size:16px;padding-left:12px;padding-right:34px;min-height:50px}.trade-more-menu{border-radius:24px 24px 0 0;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));width:100%}.trade-menu-overlay{align-items:flex-end;padding:0}.modal select,.modal input:not([type=hidden]):not([type=checkbox]):not([type=file]){font-size:16px;min-height:50px}.trade-modal{padding:24px;max-height:88dvh}.trade-line{grid-template-columns:minmax(0,1fr);padding:16px;gap:18px}.trade-line-title{grid-column:auto}.trade-grid{grid-template-columns:minmax(0,1fr)}.trading .chart-row{flex-wrap:wrap}.trading .chart-row>span{width:100%;text-align:right}.trading .finance-row{gap:12px}.trading .finance-row strong{white-space:nowrap}}@media(max-width:420px){.trade-top{grid-template-columns:minmax(0,1fr)}.trade-top>div{grid-column:auto}.trade-top select{width:100%}}.modal>.row>.icon,.modal>.close.icon,.notification-dialog>.close.icon,.trade-more-menu>.row>.icon{width:42px;height:42px;min-width:42px;min-height:42px;max-width:42px;max-height:42px;flex:0 0 42px;aspect-ratio:1;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;line-height:1;align-self:flex-start}.modal>.row>.icon svg,.modal>.close.icon svg{width:20px;height:20px;flex:none}.modal>.row{align-items:flex-start}.modal>.row>h2{flex:1;min-width:0}.modal input[type=date],.report-filters input[type=date],.analytics-filters input[type=date]{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:block;width:100%;min-width:0;max-width:100%;min-height:50px;height:50px;box-sizing:border-box;padding:12px 14px;font:inherit;line-height:24px;background-color:#fff;color:#183847;text-align:left}.modal input[type=date]::-webkit-date-and-time-value,.report-filters input[type=date]::-webkit-date-and-time-value{min-height:24px;text-align:left}.modal input[type=date]::-webkit-datetime-edit,.report-filters input[type=date]::-webkit-datetime-edit{padding:0;display:inline-flex;align-items:center}.modal .trade-line input[type=date]{min-width:0}.modal>.row>.icon{font-size:24px}@media(max-width:760px){.modal input[type=date],.report-filters input[type=date],.analytics-filters input[type=date]{font-size:16px}.modal select{height:50px}.trade-modal form>label,.trade-modal .trade-line>label{min-width:0;width:100%}}select:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235b7c8a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px 18px}:root{font-family:Be Vietnam Pro,Segoe UI,sans-serif;color:#183847;background:#f4f7f8;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;background:#15536a;color:#fff;border-radius:11px;padding:12px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600}button:hover{filter:brightness(.95)}input,select{border:1px solid #dbe5e9;border-radius:9px;padding:12px;background:#fff;color:#183847;min-width:0}*{-webkit-tap-highlight-color:transparent}*:focus,*:focus-visible{outline:none}h1,h2,h3,p{margin:0}h2{font-size:19px;letter-spacing:-.5px}h3{font-size:15px}p{line-height:1.7}.shell{display:flex;min-height:100vh}aside{width:252px;background:#fff;border-right:1px solid #e5ecef;padding:34px 20px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;color:#12475c;font-weight:800;font-size:24px;letter-spacing:-1px}.brand svg{width:34px;height:34px}.brand small{display:block;font-size:8px;letter-spacing:1.5px;margin-top:5px}.workspace{display:flex;align-items:center;gap:12px;background:#f4f8fa;padding:15px 10px;border-radius:12px;margin:36px 0 30px;font-weight:700}.workspace span{font-size:11px}.workspace small{display:block;font-size:10px;color:#83949d;margin-top:5px;font-weight:400}.navlabel{font-size:9px;letter-spacing:1.4px;color:#91a1a8;margin:0 10px 15px}.nav{width:100%;justify-content:flex-start;background:transparent;color:#72858f;font-weight:500;margin:4px 0;padding:14px;gap:13px}.nav.selected{background:#e9f3f7;color:#14536c}.nav b{margin-left:auto;font-size:11px;background:#15536a;color:#fff;border-radius:6px;padding:2px 6px}.sidebar-bottom{margin-top:auto;font-size:10px;color:#8799a2;padding-top:30px}.dot{display:inline-block;width:6px;height:6px;background:#47a790;border-radius:50%;margin-right:6px}main{margin-left:252px;width:calc(100% - 252px);max-width:1580px;padding:34px 44px}header{display:flex;align-items:center;gap:14px;margin-bottom:23px}header>div:first-child{flex:1}header small{font-size:9px;letter-spacing:1.7px;color:#8a9ca6}h1{font-size:27px;letter-spacing:-1px;margin:12px 0 7px}h1 span{font-size:24px;margin-left:12px}header p{font-size:12px;color:#8a9aa3}.icon{background:#fff;color:#4e6a78;padding:11px;border:1px solid #e5ecef;border-radius:50%}.avatar{width:42px;height:42px;background:#d9e9ee;border:4px solid white;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}.demo{font-size:9px;font-weight:700;letter-spacing:1px;color:#477287;margin-bottom:18px}.demo span{font-size:10px;font-weight:400;letter-spacing:0;margin-left:10px;color:#8b9ca5}.hero{background:#12465c;border-radius:22px;min-height:255px;padding:32px 36px;display:flex;justify-content:space-between;align-items:center;color:#fff;overflow:hidden;position:relative}.hero:after{content:"";width:340px;height:340px;border:1px solid #ffffff10;border-radius:50%;position:absolute;right:-35px;top:-40px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2px;color:#9bc4d0;margin-bottom:16px}.hero h2{font-size:31px;line-height:1.35;letter-spacing:-1px}.hero p{font-size:11px;color:#b7d2da;margin:13px 0 21px}.white{background:#fff;color:#144b60;font-size:11px}.hero-art{width:200px;height:190px;border-radius:90px 90px 28px 28px;border:1px solid #ffffff2b;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:30px;color:#d8e8d9;background:#ffffff08;transform:rotate(6deg)}.hero-art span{font-size:21px;font-weight:700;margin-top:5px}.hero-art small{font-size:8px;letter-spacing:3px;margin-top:6px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:23px 0}.stat{background:#fff;border:1px solid #e6edf0;border-radius:15px;padding:20px}.stat>span{font-size:11px;color:#7b909b}.stat strong{display:block;font-size:23px;letter-spacing:-.8px;margin:13px 0}.stat small{font-size:9px;color:#8ca1ab}.columns{display:grid;grid-template-columns:1.45fr 1fr;gap:22px}.panel{background:#fff;border:1px solid #e5ecef;border-radius:18px;padding:24px;margin-bottom:22px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.heading p{font-size:10px;color:#8b9ea7;margin-top:6px}.heading h2{font-size:16px}.order{border:1px solid #e5ecef;border-radius:14px;padding:18px;margin-bottom:13px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.badge{font-size:10px;color:#6c8794}.status{font-size:9px;border-radius:6px;padding:5px 8px;background:#e5f4ef;color:#37836c}.status.pending{background:#fff2df;color:#b4853d}.order h3{margin:16px 0 11px}.order .row>span{font-size:11px;color:#728994}.progress{height:4px;background:#ecf1f3;border-radius:4px;margin:18px 0 9px}.progress i{display:block;height:100%;background:#dbb46a;border-radius:4px}.muted{font-size:11px;color:#81969f;line-height:1.8;margin:12px 0}.secondary{background:#eef5f7;color:#235c72;font-size:11px}.order button{font-size:10px}.mini-item{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #f0f4f6}.material-img{height:56px;width:56px;object-fit:contain;border-radius:12px;background:#f7f9f9;padding:5px;flex-shrink:0}.placeholder{display:flex;align-items:center;justify-content:center;color:#91a9b1}.mini-item>div:not(.material-img){flex:1}.mini-item strong{font-size:11px}.mini-item small{display:block;color:#96a6ae;font-size:9px;margin-top:6px}.mini-item>b{font-size:11px}.wide{width:100%;margin-top:17px}.notice{display:flex;gap:18px;align-items:center;background:#e8f2f5;padding:23px;border:1px solid #d9e9ee;border-radius:16px;margin-bottom:24px}.notice p{font-size:11px;color:#6a8795;margin-top:6px}.sectionline{display:flex;align-items:center;justify-content:space-between;margin:22px 0;gap:15px}.sectionline span{color:#7c929c;font-size:11px}.sectionline h2{font-size:18px}.shopping-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:25px}.buy-card{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #e2eaf0;padding:20px;border-radius:16px}.buy-card>div:not(.material-img){flex:1}.buy-card h3{font-size:13px}.buy-card p,.buy-card small{font-size:10px;color:#8b9ea7;display:block;margin-top:7px}.buy-qty{display:block;font-size:18px;margin-top:13px;color:#1a627c}.check-buy{padding:9px;background:#edf6f6;color:#2e817d}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.material{position:relative;background:#fff;border:1px solid #e4ecef;border-radius:16px;padding:22px}.material>.material-img{width:90px;height:105px;display:flex;margin-bottom:20px}.material h3{margin-bottom:12px}.material>strong{font-size:23px}.material strong small{font-size:12px;color:#8b9da5;font-weight:400}.material p{font-size:10px;color:#879ca6;margin-top:12px}.stock-label{position:absolute;right:16px;top:20px;background:#e8f4ef;color:#48836e;padding:5px 7px;font-size:8px;border-radius:5px}.stock-label.low{background:#fff0e7;color:#b97e53}.history{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #eef2f4;align-items:center;font-size:12px}.history>span:last-child,.history>strong:last-child{margin-left:auto}.history svg{color:#46a28a}.compact{min-height:200px;margin-bottom:24px}.compact h2{font-size:29px}.empty{padding:20px 0;color:#8299a4;font-size:12px}footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:#97aab3;margin:33px 0 5px}footer span{letter-spacing:0}.mobile-nav{display:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#092d4266;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;padding:30px;border-radius:20px;width:460px;max-height:90vh;overflow:auto;position:relative}.modal h2{margin:0 35px 25px 0}.modal label{display:block;font-size:11px;color:#607e8c;margin-top:17px}.modal input,.modal select{display:block;width:100%;margin-top:8px}.modal p{font-size:12px}.close{position:absolute;top:16px;right:16px;padding:7px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#143f52;color:#fff;padding:16px 23px;border-radius:12px;box-shadow:0 8px 40px #143f5230;z-index:30;font-size:12px;max-width:90vw}.compact .row{justify-content:flex-start}@media(min-width:1450px){main{padding:40px 65px}}@media(max-width:1100px){aside{width:210px;padding:30px 12px}main{margin-left:210px;width:calc(100% - 210px);padding:27px 24px}.stats{gap:10px}.stat{padding:16px}.stat strong{font-size:20px}.inventory-grid{grid-template-columns:1fr 1fr}.shopping-grid{grid-template-columns:1fr}.columns{gap:15px}.hero-art{margin-right:0;width:160px}.brand{font-size:21px}}@media(max-width:760px){aside{display:none}main{margin:0;width:100%;padding:24px 18px 90px}header{gap:9px;margin-bottom:19px}header small{font-size:8px}h1{font-size:22px;margin-top:9px}h1 span{font-size:18px;margin-left:5px}header p{font-size:10px}.avatar{display:none}.demo{font-size:8px;line-height:1.7}.demo span{display:block;margin-left:0;font-size:9px}.hero{min-height:235px;border-radius:19px;padding:25px 23px}.hero h2{font-size:26px}.hero p{max-width:190px;font-size:10px}.eyebrow{font-size:7px;letter-spacing:1.3px}.hero-art{width:98px;height:145px;margin-left:5px}.hero-art svg{width:62px}.hero-art span{font-size:12px}.hero-art small{font-size:6px;letter-spacing:1px}.stats{grid-template-columns:1fr 1fr;gap:11px;margin:17px 0}.stat{padding:17px}.stat strong{font-size:22px}.stat>span{font-size:10px}.stat small{font-size:8px}.columns{grid-template-columns:1fr}.panel{padding:20px;border-radius:16px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;background:#fffffff5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid #e3ecef;padding:9px 5px max(12px,env(safe-area-inset-bottom));z-index:5}.mobile-nav button{background:transparent;color:#9aadb6;display:flex;flex-direction:column;gap:5px;padding:6px 8px;border-radius:9px}.mobile-nav span{font-size:8px}.mobile-nav .active{color:#1a5b75;background:#eaf4f7}.sectionline{align-items:flex-start;flex-direction:column}.sectionline h2{font-size:17px}.sectionline input{width:100%}.inventory-grid{gap:10px}.material{padding:15px}.material h3{font-size:12px}.material>.material-img{width:65px;height:85px;margin-top:15px}.stock-label{top:10px;right:10px}.material .secondary{font-size:9px;padding:10px 5px;gap:4px}.material p{font-size:9px}.material>strong{font-size:20px}.buy-card{padding:16px 13px;gap:10px}.buy-card .material-img{width:47px;height:60px}.notice{padding:18px 16px}.notice h3{font-size:13px}.notice p{font-size:10px}.notice svg{flex-shrink:0}footer{font-size:8px;gap:15px}.toast{bottom:85px;width:max-content}.modal{padding:25px}.compact h2{font-size:25px}.history{font-size:10px}}.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr;background:#fff}.login-story{background:#123f54;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:9vw 7vw;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:600px;height:600px;border:1px solid #ffffff15;border-radius:50%;left:-280px;bottom:-300px}.login-story>.eyebrow{margin-top:25px}.login-story h1{font-size:44px;line-height:1.45;margin:20px 0;letter-spacing:-1.4px}.login-story p{font-size:13px;color:#b4ced8;line-height:2}.login-pills{display:flex;gap:10px;margin-top:40px}.login-pills span{font-size:10px;padding:10px 14px;border:1px solid #ffffff30;border-radius:30px}.login-form{max-width:440px;width:100%;padding:45px;margin:auto}.login-form .brand{margin-bottom:60px}.login-form h2{font-size:27px;margin-bottom:12px}.login-form>p{font-size:12px;color:#8196a1;margin-bottom:30px}.login-form label,.report-filters label{display:block;color:#637f8e;font-size:11px;margin-top:20px}.login-form input{display:block;width:100%;margin-top:9px}.login-form .wide{padding:15px;margin-top:28px}.login-form>small{display:block;margin-top:25px;color:#94a5af;font-size:10px;line-height:1.9}.form-error{background:#fff0eb!important;color:#a74d32!important;padding:14px;border-radius:10px;line-height:1.7;margin-top:15px!important}.loading{display:grid;place-items:center;min-height:100vh;color:#7293a4}.logout{margin-top:auto}.mobile-logout{display:none}.error-banner{background:#fff0e9;color:#a25a36;padding:15px;border-radius:12px;margin-bottom:20px;display:flex;gap:15px;align-items:center;justify-content:space-between;font-size:12px}.material-actions{margin-top:12px}.text-button{background:transparent;color:#4c8194;padding:6px 0;font-size:10px}.danger{color:#bc6b54}.agent-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.agent-card{border:1px solid #dfe9ee;border-radius:16px;padding:20px;background:#fff}.agent-card.chosen{border-color:#3b869f;box-shadow:0 0 0 1px #3b869f}.agent-select{display:flex;gap:12px;width:100%;text-align:left;background:none;color:#224556;padding:0;justify-content:flex-start}.agent-select p{font-size:10px;color:#91a3ad;font-weight:400;margin-top:6px}.agent-select strong{margin-left:auto;font-size:25px}.agent-select strong small{display:block;font-size:9px;color:#8a9da7;margin-top:5px;font-weight:400}.agent-avatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#eaf3f6;color:#40758b}.agent-card>p{font-size:11px;color:#8b9da7;margin:14px 0}.agent-prices{display:flex;gap:25px;font-size:9px;color:#8a9da7;border-top:1px solid #edf2f5;padding-top:14px}.agent-prices b{display:block;color:#346479;font-size:12px;margin-top:7px}.upload-row{display:flex;align-items:center;gap:15px}.upload-row .material-img{width:80px;height:90px}.upload-button{display:flex!important;align-items:center;gap:6px;cursor:pointer;padding:10px;background:#e9f3f7;border-radius:8px;margin:0!important;color:#28627c!important}.upload-button input{display:none}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.block{display:block}.warning{color:#ab7b39;font-size:11px}.report-toolbar{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:20px 0}.period-buttons{display:flex;gap:8px}.period-buttons button{background:#e5eff3;color:#32647b;font-size:11px}.report-filters{display:flex;align-items:flex-end;gap:15px;background:#fff;border:1px solid #e3ebf0;border-radius:15px;padding:20px}.report-filters label{margin:0;flex:1;min-width:0}.report-filters input,.report-filters select{display:block;width:100%;margin-top:8px}.finance-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #edf2f4;padding:14px 0;font-size:11px}.finance-row>span{color:#738c99}.finance-row strong{white-space:nowrap}.finance-row.total{background:#eaf4f6;padding:16px 12px;border-radius:8px;margin-top:12px}.finance-row.total span{color:#235b70;font-weight:600}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{color:#849aa6;font-weight:500;background:#f4f8fa;font-size:10px;padding:14px}td{font-size:11px;padding:15px 14px;border-bottom:1px solid #edf2f5}td .muted{font-size:9px;margin:5px 0 0}.positive{color:#2b8e7f}.negative{color:#bf8051}.chart-row{display:flex;align-items:center;gap:12px;margin:13px 0}.chart-row>small{font-size:10px;color:#89a1ad;width:44px}.chart-row>div{flex:1}.chart-row i{display:block;background:#37877e;height:8px;margin:4px 0;border-radius:3px;min-width:1px}.chart-row i.out{background:#d4a067}.chart-row>span{font-size:9px;color:#7a939f;width:170px;text-align:right}button:disabled{opacity:.5;cursor:wait}@media(max-width:1000px){.report-filters{flex-wrap:wrap}.report-filters label{min-width:140px}.report-columns{grid-template-columns:1fr}.login-story h1{font-size:35px}.login-form{padding:35px}}@media(max-width:760px){.login-page{display:flex;flex-direction:column}.login-story{padding:35px 28px 30px}.login-story>svg{width:32px;height:32px}.login-story .eyebrow{margin-top:13px}.login-story h1{font-size:28px;line-height:1.35;margin:10px 0 14px}.login-story p{font-size:11px}.login-pills{display:none}.login-form{padding:30px 26px 40px;margin:0 auto}.login-form .brand{display:none}.login-form h2{font-size:23px}.login-form>p{margin-bottom:20px}.mobile-logout{display:flex}.agent-grid{grid-template-columns:1fr}.agent-select h3{font-size:14px}.report-filters{padding:15px;gap:12px}.report-filters label{min-width:100px}.report-filters label:nth-child(3){min-width:100%}.report-filters>button{width:100%}.report-toolbar>button{font-size:11px}.period-buttons button{font-size:9px;padding:10px}.finance-row{font-size:10px;gap:8px}.chart-row>span{width:105px;font-size:8px}.chart-row>small{width:35px;font-size:9px}.mobile-nav button{padding:6px}.mobile-nav span{font-size:7px}.form-columns{gap:10px}.error-banner{font-size:10px}}.money-input{display:flex;align-items:center;margin-top:8px;border:1px solid #dbe5e9;border-radius:9px;background:#fff;overflow:hidden}.money-input input{border:0!important;border-radius:0!important;margin:0!important;flex:1;width:100%;min-width:0;padding-right:6px}.money-input>span{padding:0 12px 0 7px;color:#7d96a3;font-size:11px;white-space:nowrap;flex-shrink:0}.modal input[type=hidden]{display:none}.material .stock-update-button{font-size:12px;padding:15px 10px;min-height:48px;background:#15536a;color:#fff}.material-tools{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.material-tool{padding:8px;background:#f0f5f7;color:#638391;border-radius:8px;width:33px;height:33px}.material-tool.danger{color:#bc6b54;background:#fcf2ef}.stock-summary{display:flex;flex-direction:column;gap:7px;padding:16px;border-radius:12px;background:#f0f6f8;margin-bottom:18px}.stock-summary strong{font-size:15px}.stock-summary>span{font-size:11px;color:#7b94a1}.quantity-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#e9f4f3;padding:16px;border-radius:11px;margin:20px 0;color:#2f6f6b}.quantity-preview>span{font-size:11px}.quantity-preview>strong{font-size:19px}.money-input input:focus{outline:none}@media(max-width:760px){.material .stock-update-button{font-size:10px;gap:6px;padding:13px 6px;min-height:46px}.material .stock-update-button svg{width:16px}.money-input>span{font-size:10px;padding-right:9px}.quantity-preview>strong{font-size:17px}}.sales-analytics{margin-bottom:38px}.analytics-heading{display:flex;align-items:center;justify-content:space-between;background:#e7f2f5;border:1px solid #d7e9ef;border-radius:18px;padding:24px;color:#255a72}.analytics-heading .eyebrow{display:block;color:#6392a7;margin-bottom:10px}.analytics-heading h2{font-size:23px}.analytics-heading p{font-size:11px;color:#7c99a7;margin-top:8px}.analytics-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:13px;background:#fff;border:1px solid #e1eaf0;padding:20px;border-radius:15px}.analytics-filters label{font-size:10px;color:#78919e}.analytics-filters input,.analytics-filters select{display:block;width:100%;margin-top:8px;font-size:11px}.analytics-chart-header{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.analytics-chart-header>div{display:flex;gap:8px}.analytics-chart-header select{font-size:10px;max-width:260px}.analytics-legend{display:flex;gap:20px;flex-wrap:wrap;margin:25px 0 12px}.analytics-legend span{font-size:10px;color:#78919f;display:flex;align-items:center;gap:7px}.analytics-legend i{width:9px;height:9px;border-radius:50%}.analytics-svg{width:100%;overflow:hidden}.analytics-svg svg{width:100%;height:auto;display:block;touch-action:pan-y}.analytics-svg text{font-family:inherit;font-size:10px;fill:#8da3af}.chart-detail{background:#f2f7f9;border:1px solid #e5eef2;padding:16px;border-radius:12px;display:flex;gap:22px;align-items:center}.chart-detail>label{font-size:9px;color:#8ba1ac;min-width:100px}.chart-detail select{display:block;margin-top:5px;font-size:11px;padding:8px}.chart-detail>div{flex:1;display:flex;gap:22px;flex-wrap:wrap}.chart-detail small{display:block;font-size:9px;color:#8a9fa9;margin-bottom:6px}.chart-detail strong{font-size:15px}.analytics-empty{text-align:center;padding:50px 20px;color:#8ba5b2}.analytics-empty svg{color:#a7c1cd}.analytics-empty h3{margin-top:15px;color:#688b9c}.analytics-empty p{font-size:11px;margin:10px auto;max-width:400px}.payment-breakdown{padding:22px 0 0}.payment-breakdown>div:first-child{display:flex;justify-content:space-between;font-size:11px}.payment-breakdown small{font-size:9px;color:#93a6b0}.payment-track{height:6px;border-radius:5px;background:#eaf1f4;margin:12px 0 8px;overflow:hidden}.payment-track i{height:100%;display:block;background:#3f8ba3;border-radius:5px}.accounting-heading{padding-top:20px;border-top:1px solid #dae6eb;margin-top:35px}.accounting-heading h2{font-size:21px}.accounting-heading p{font-size:11px;color:#8ba1ad;margin-top:8px}.orders-attention{display:flex;align-items:center;gap:18px;background:#fff6e9;border:1px solid #f0d7aa;border-left:5px solid #d89e43;border-radius:15px;padding:20px 22px;margin-bottom:22px;box-shadow:0 5px 20px #c9953a0c}.attention-symbol{width:48px;height:48px;display:grid;place-items:center;background:#fbe6bf;color:#b98328;border-radius:13px;flex-shrink:0}.orders-attention>div{flex:1}.attention-label{font-size:9px;color:#b98127;letter-spacing:1.4px;font-weight:700}.orders-attention h2{font-size:21px;margin:7px 0}.orders-attention p{font-size:11px;color:#ac8c57}.orders-attention>button{background:#bb852d;white-space:nowrap;font-size:11px}.notification-bell{position:relative}.notification-count{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;padding:0 5px;border:2px solid #f4f7f8;border-radius:12px;display:grid;place-items:center;background:#d4983e;color:#fff;font-size:9px;font-weight:700}.pending-order{border-color:#eed8b2;background:#fffdfa;border-left:4px solid #d4a15a}.notification-dialog{position:relative;width:500px;max-height:85vh;overflow:auto;background:#fff;padding:28px;border-radius:18px}.notification-dialog>h2{margin-right:40px}.notification-order{background:#f5f8fa;color:#2b566b;width:100%;justify-content:flex-start;text-align:left;margin-top:12px;padding:15px}.notification-order>span:nth-child(2){flex:1}.notification-order strong{font-size:12px}.notification-order small{display:block;font-size:9px;font-weight:400;color:#95a7b1;margin-top:7px}.notification-order .attention-symbol{width:36px;height:36px;border-radius:10px}.shopping-selection{display:flex;align-items:center;gap:10px;min-width:0;flex:1;max-width:650px;justify-content:flex-end}.shopping-selection select{flex:1;min-width:0;max-width:500px}.shopping-selection>span{background:#e7f1f5;color:#4c7b90;font-size:10px;white-space:nowrap;padding:10px 12px;border-radius:9px}@media(max-width:760px){.analytics-heading{padding:20px}.analytics-heading h2{font-size:19px}.analytics-heading>svg{display:none}.analytics-filters{grid-template-columns:1fr 1fr;padding:15px;gap:12px}.analytics-chart-header{align-items:flex-start;flex-direction:column}.analytics-chart-header>div{width:100%}.analytics-chart-header select{min-width:0;font-size:9px;padding:10px 7px;flex:1}.analytics-legend{gap:12px;margin-top:20px}.analytics-legend span{font-size:8px}.analytics-chart.panel{padding:18px 12px}.chart-detail{flex-direction:column;align-items:stretch;gap:12px;padding:13px}.chart-detail>label{display:flex;align-items:center;justify-content:space-between}.chart-detail select{margin:0}.chart-detail>div{gap:15px;justify-content:space-between}.chart-detail small{font-size:8px}.chart-detail strong{font-size:12px}.analytics-empty{padding:35px 15px}.sales-analytics .period-buttons{gap:5px}.sales-analytics .period-buttons button{font-size:8px;padding:10px 8px}.orders-attention{padding:16px 14px;gap:12px;flex-wrap:wrap}.orders-attention .attention-symbol{width:38px;height:38px}.orders-attention h2{font-size:17px}.attention-label{font-size:8px;letter-spacing:.6px}.orders-attention p{font-size:9px}.orders-attention>button{width:100%;padding:11px}.shopping-heading{gap:12px}.shopping-selection{width:100%;max-width:none;flex:auto}.shopping-selection select{max-width:none;font-size:10px;padding:12px 9px}.shopping-selection>span{font-size:9px;padding:12px 9px}.notification-dialog{padding:24px 18px}.notification-order strong{font-size:11px}}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.account-form h2{display:flex;align-items:center;gap:10px;font-size:17px;margin-bottom:24px}.account-form label{display:block;font-size:11px;color:#8097a3;margin-top:18px}.account-form input{display:block;width:100%;margin-top:8px}.account-form input[readonly]{background:#f2f6f8;color:#8a9faa}.profile-success{background:#e8f4ee;color:#418269;padding:15px;border-radius:11px;margin-top:18px;font-size:12px}.passkey-note{display:flex;align-items:flex-start;gap:18px}.passkey-note>svg{color:#6a94a8;flex-shrink:0}.passkey-note h2{font-size:17px;margin-bottom:10px}.passkey-note p{font-size:12px;color:#829ba8;max-width:750px}@media(max-width:760px){.account-grid{grid-template-columns:1fr;gap:0}.passkey-note h2{font-size:15px}.passkey-note p{font-size:11px}header>.icon{padding:9px}header{gap:7px}h1{font-size:20px}}.login-divider{display:flex;align-items:center;gap:14px;color:#93a5ac;font-size:12px;margin:18px 0}.login-divider:before,.login-divider:after{content:"";height:1px;background:#e4ecef;flex:1}.passkey-login{min-height:48px}.login-form .passkey-login-hint{font-size:11px;margin:12px 0 20px;color:#839ba5;line-height:1.6}.passkey-settings h2{display:flex;align-items:center;gap:10px;margin-bottom:12px}.passkey-enroll{margin:22px 0 28px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.passkey-enroll label{margin:0}.passkey-enroll>button{grid-column:1/-1;min-height:48px}.passkey-device{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #e5edf0}.passkey-device>div{flex:1;min-width:0;overflow-wrap:anywhere}.passkey-device small{display:block;color:#8198a3;font-size:11px;margin-top:6px}.passkey-device>.icon{flex-shrink:0;color:#af715f}.passkey-revoke{margin-top:20px;padding:20px;border:1px solid #edddd8;border-radius:14px;background:#fffaf8}.passkey-settings>h3{margin:20px 0 10px}.passkey-settings .form-error{margin:16px 0}button:disabled{cursor:default;opacity:.55}@media(max-width:760px){.passkey-enroll{grid-template-columns:1fr}.passkey-enroll input,.passkey-revoke input{font-size:16px;min-height:50px}.passkey-enroll>button{font-size:12px}}