@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-primary:#397557;--color-primary-dark:#28563f;--color-primary-light:#eaf4ed;--color-success:#397557;--color-success-bg:#e5f3e9;--color-danger:#a8514c;--color-danger-bg:#f9eae7;--color-warning:#927438;--color-warning-bg:#f7f1df;--color-white:#fff;--color-gray-50:#f4f7f3;--color-gray-100:#edf2ee;--color-gray-200:#dde7df;--color-gray-300:#c8d6cc;--color-gray-400:#91a297;--color-gray-500:#6d7f73;--color-gray-600:#506258;--color-gray-700:#34473d;--color-gray-800:#20362c;--color-gray-900:#15271f;--font-family:"Inter",system-ui,sans-serif;--shadow-sm:0 1px 2px #183b2a0a;--shadow-md:0 10px 28px #1f413014;--shadow-lg:0 24px 70px #1432232e;--radius-sm:7px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--sidebar-width:252px;--header-height:74px}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--color-gray-50)}body{font-family:var(--font-family);background:var(--color-gray-50);color:var(--color-gray-900);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #57916947}a{color:inherit;text-decoration:none}.page-container{max-width:1560px;margin:0 auto;padding:28px 32px 48px}.page-title{letter-spacing:-.025em;margin-bottom:24px;font-size:24px;font-weight:750}.page-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px;display:flex}.page-heading h2{letter-spacing:-.035em;margin:3px 0 5px;font-size:25px}.page-heading>div>p:last-child{color:var(--color-gray-500)}.eyebrow{letter-spacing:.13em;font-weight:750;color:var(--color-primary)!important;font-size:10px!important}.card{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#ffffffeb;padding:20px}.card:hover{border-color:#cddbd1}.card-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.card-heading h3{margin-top:3px;font-size:15px}.card-heading>a{color:var(--color-primary);align-items:center;gap:4px;font-size:12px;font-weight:650;display:flex}.live-pill{background:var(--color-primary-light);color:var(--color-primary-dark);border:1px solid #d7e9dc;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;font-weight:650;display:inline-flex}.live-pill i{background:#4d9369;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4d936918}.live-pill.error{background:var(--color-warning-bg);color:#795f2f}.live-pill.error i{background:#a98a49}.text-xs{font-size:12px}.text-sm{font-size:13px}.text-base{font-size:14px}.text-lg{font-size:17px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.font-medium{font-weight:500}.font-semibold{font-weight:650}.font-bold{font-weight:750}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-900{color:var(--color-gray-900)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:4px}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.flex-wrap{flex-wrap:wrap}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.pb-2{padding-bottom:8px}.pt-2{padding-top:8px}.pt-4{padding-top:16px}.p-4{padding:16px}.border-b{border-bottom:1px solid var(--color-gray-200)}.border-t{border-top:1px solid var(--color-gray-200)}.text-right{text-align:right}.btn{border-radius:var(--radius-md);border:1px solid #0000;justify-content:center;align-items:center;min-height:40px;padding:9px 14px;font-size:13px;font-weight:650;transition:all .18s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 5px 15px #3975572e}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.btn-outline{border-color:var(--color-gray-300);color:var(--color-gray-700);background:#fff}.btn-outline:hover{background:var(--color-primary-light);border-color:#bcd2c2}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.form-group{margin-bottom:16px}.form-label{color:var(--color-gray-700);margin-bottom:6px;font-size:12px;font-weight:650;display:block}.form-control{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);width:100%;min-height:40px;color:var(--color-gray-900);background:#fff;padding:9px 11px;font-size:13px;transition:all .18s}.form-control:focus{border-color:#75a489;outline:0;box-shadow:0 0 0 3px #60916f21}.form-control:disabled{background:var(--color-gray-100);color:var(--color-gray-500)}.table-wrapper{width:100%;overflow:auto}.table{border-collapse:collapse;text-align:left;width:100%;min-width:740px;font-size:12px}.table th{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.055em;border-bottom:1px solid var(--color-gray-200);white-space:nowrap;background:#f6f8f5;padding:10px 13px;font-size:10px;font-weight:700}.table td{border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);padding:13px}.table tbody tr:hover td{background:#f7faf7}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.badge-success{background:var(--color-success-bg);color:#2f6a49}.badge-warning{background:var(--color-warning-bg);color:#80652f}.badge-danger{background:var(--color-danger-bg);color:#974640}.badge-primary{background:var(--color-primary-light);color:var(--color-primary-dark)}.badge-gray{background:var(--color-gray-100);color:var(--color-gray-600)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#12271d8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:#fff;width:min(720px,100%);max-height:92vh;overflow:auto}.modal-header{border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.modal-title{font-size:18px}.modal-body{padding:22px}.modal-footer{border-top:1px solid var(--color-gray-200);justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.empty-state{text-align:center;color:var(--color-gray-500);padding:32px;font-size:12px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px;display:grid}.kpi-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);min-height:130px;box-shadow:var(--shadow-sm);background:#fff;padding:17px 18px;position:relative;overflow:hidden}.kpi-card:after{content:"";background:var(--tone-bg,#edf5ef);border-radius:50%;width:80px;height:80px;position:absolute;bottom:-40px;right:-28px}.kpi-head{color:var(--color-gray-500);justify-content:space-between;align-items:center;font-size:11px;font-weight:650;display:flex}.kpi-head i{width:32px;height:32px;color:var(--tone,#397557);background:var(--tone-bg,#eaf4ed);border-radius:9px;place-items:center;display:grid}.kpi-card>strong{letter-spacing:-.03em;margin-top:18px;font-size:20px;display:block}.kpi-card>small{color:var(--color-gray-500);margin-top:5px;font-size:10px;display:block}.tone-mint{--tone:#4c8766;--tone-bg:#e8f4ec}.tone-sage{--tone:#6f886f;--tone-bg:#edf3e9}.tone-forest{--tone:#285d43;--tone-bg:#e4eee7}.tone-olive{--tone:#788451;--tone-bg:#f0f2e5}.dashboard-grid{gap:16px;margin-bottom:16px;display:grid}.dashboard-grid.wide-left{grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr)}.dashboard-grid.equal{grid-template-columns:1fr 1fr}.chart-card{min-width:0}.chart-wrap{height:270px}.legend{color:var(--color-gray-500);align-items:center;gap:6px;font-size:10px;display:flex}.legend i{border-radius:50%;width:8px;height:8px;margin-left:6px}.legend .income{background:#397557}.legend .expense{background:#9eb49f}.account-list>div,.alert-list>div{border-bottom:1px solid var(--color-gray-100);align-items:center;gap:10px;padding:12px 0;display:flex}.account-list>div:last-child,.alert-list>div:last-child{border-bottom:0}.account-list>div>div,.alert-list>div>div{flex:1;min-width:0}.account-list strong,.alert-list strong{font-size:12px;display:block}.account-list small,.alert-list small{color:var(--color-gray-500);margin-top:2px;font-size:10px;display:block}.account-list b{font-size:11px}.account-dot{background:#3f7659;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #3f765912}.dot-1{background:#6f9577}.dot-2{background:#91aa90}.dot-3{background:#b2bf97}.alert-icon{background:var(--color-warning-bg);color:#8a6c32;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.compact-table{overflow:auto}.compact-table table{border-collapse:collapse;width:100%;min-width:560px}.compact-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);text-align:left;border-bottom:1px solid var(--color-gray-200);padding:8px;font-size:9px}.compact-table td{border-bottom:1px solid var(--color-gray-100);padding:11px 8px;font-size:11px}.compact-table td strong,.compact-table td small{display:block}.compact-table td small{color:var(--color-gray-500);margin-top:2px;font-size:9px}.login-screen{background:radial-gradient(circle at 18% 18%,#dceade 0,#0000 28%),radial-gradient(circle at 85% 75%,#cbdcca 0,#0000 27%),linear-gradient(145deg,#eff5ef,#dfeadf);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border:1px solid #fffc;border-radius:26px;width:min(390px,100%);padding:34px 34px 28px;box-shadow:0 30px 90px #2a4c3629}.login-mark{background:var(--color-primary);color:#fff;border-radius:17px;place-items:center;width:54px;height:54px;margin:0 auto 17px;display:grid;box-shadow:0 12px 25px #3975573b}.login-mark span{font-size:23px;font-weight:800}.login-card h1{letter-spacing:-.045em;margin:4px 0 8px;font-size:28px}.login-copy{color:var(--color-gray-500);max-width:280px;margin:auto;font-size:12px;line-height:1.6}.pin-dots{justify-content:center;gap:13px;margin:25px 0;display:flex}.pin-dots span{border:1.5px solid #87a28f;border-radius:50%;width:11px;height:11px;transition:all .16s}.pin-dots span.filled{background:var(--color-primary);border-color:var(--color-primary);transform:scale(1.12)}.pin-grid{grid-template-columns:repeat(3,58px);justify-content:center;gap:9px;display:grid}.pin-grid button{border:1px solid var(--color-gray-200);width:58px;height:49px;color:var(--color-gray-800);background:#f7faf7;border-radius:13px;font-size:17px;font-weight:650}.pin-grid button:hover{background:var(--color-primary-light);border-color:#bdd2c2}.pin-grid button:active{transform:scale(.95)}.login-message{min-height:20px;color:var(--color-gray-500);justify-content:center;align-items:center;gap:6px;margin-top:19px;font-size:10px;display:flex}.login-message.error{color:var(--color-danger)}.route-loader{min-height:60vh;color:var(--color-gray-500);justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.route-loader span{border:2px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;width:19px;height:19px;animation:.75s linear infinite spin}html,body,#root{overflow-x:hidden}.dashboard-page,.dashboard-grid,.kpi-grid{min-width:0}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid.wide-left,.dashboard-grid.equal{grid-template-columns:minmax(0,1fr)}.page-container{padding:24px}.chart-wrap{height:250px}}@media (width<=680px){.page-container{padding:18px 14px 88px}.page-heading{flex-direction:column;gap:12px}.page-heading h2{font-size:21px}.kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.kpi-card{min-height:118px;padding:14px}.kpi-card>strong{margin-top:15px;font-size:16px}.card{padding:15px}.chart-wrap{height:220px}.flex.gap-4{flex-wrap:wrap}.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:20px 20px 0 0;max-height:94vh}.modal-body{padding:18px}.login-card{padding:28px 20px}.toast-container{bottom:14px!important;left:12px!important;right:12px!important}.toast{width:100%;min-width:0!important}}@media (width<=420px){.kpi-grid{grid-template-columns:1fr}.kpi-card{min-height:108px}.kpi-card>strong{font-size:18px}}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--color-gray-200);z-index:40;background:#f8fbf8;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar-header{height:var(--header-height);border-bottom:1px solid var(--color-gray-200);align-items:center;gap:11px;padding:0 18px;display:flex}.sidebar-header>div:nth-child(2){display:grid}.sidebar-header strong{letter-spacing:.04em;font-size:15px}.sidebar-header small{letter-spacing:.16em;color:var(--color-gray-500);margin-top:1px;font-size:8px}.brand-icon{background:var(--color-primary);color:#fff;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.sidebar-close{margin-left:auto;display:none!important}.sidebar-nav{flex:1;padding:17px 12px}.nav-group{margin-bottom:19px}.nav-group-title{color:#91a198;text-transform:uppercase;letter-spacing:.12em;margin:0 0 7px;padding:0 10px;font-size:9px;font-weight:750}.nav-link{color:#53675b;border-radius:9px;align-items:center;min-height:39px;margin-bottom:2px;padding:8px 10px;font-size:11px;font-weight:550;transition:all .16s;display:flex}.nav-link:hover{color:var(--color-gray-900);background:#edf4ee}.nav-link.active{color:#285d43;background:#dfeee3;font-weight:700;box-shadow:inset 3px 0 #4f8866}.nav-link-icon{width:16px;height:16px;margin-right:10px}.sidebar-footer{border-top:1px solid var(--color-gray-200);padding:12px}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;display:flex}.top-header{height:var(--header-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-gray-200);z-index:20;background:#ffffffeb;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.header-title-wrap{align-items:center;gap:11px;display:flex}.header-kicker{letter-spacing:.14em;color:var(--color-primary);font-size:8px;font-weight:750;display:block}.header-title-wrap h1{letter-spacing:-.02em;margin-top:2px;font-size:17px}.menu-btn{display:none!important}.header-tools{align-items:center;gap:9px;display:flex}.period-control{border:1px solid var(--color-gray-200);background:#f8faf8;border-radius:9px;align-items:center;gap:8px;padding:5px 9px;display:flex}.period-control span{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;font-size:9px}.period-control select{color:var(--color-gray-700);background:0 0;border:0;outline:0;font-size:10px;font-weight:650}.header-search{background:var(--color-gray-100);width:220px;color:var(--color-gray-400);border:1px solid #0000;border-radius:9px;align-items:center;padding:7px 10px;display:flex}.header-search:focus-within{background:#fff;border-color:#bdd1c1}.header-search input{background:0 0;border:0;outline:0;width:100%;padding-left:7px;font-size:11px}.icon-btn{width:36px;height:36px;color:var(--color-gray-500);background:0 0;border:0;border-radius:9px;place-items:center;display:inline-grid;position:relative}.icon-btn:hover{background:var(--color-gray-100);color:var(--color-primary-dark)}.notification-btn span{background:#769358;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.profile-menu{text-align:left;color:var(--color-gray-800);background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:4px 5px;display:flex}.profile-menu:hover{background:var(--color-gray-100)}.user-avatar{color:#fff;background:linear-gradient(145deg,#4d8061,#2e6248);border-radius:10px;place-items:center;width:32px;height:32px;font-size:10px;font-weight:750;display:grid}.profile-copy{min-width:55px;display:grid}.profile-copy strong{font-size:10px}.profile-copy small{color:var(--color-gray-500);margin-top:1px;font-size:8px}.workspace{background:linear-gradient(#f4f7f3,#f7f9f6);flex:1}.toast-container{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{color:#fff;box-shadow:var(--shadow-lg);background:#244936;border-radius:10px;min-width:280px;padding:12px 15px;font-size:11px;font-weight:550;animation:.28s slideIn}.toast.error{background:#8d4843}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.sidebar-scrim{display:none}@media (width<=960px){.sidebar{box-shadow:var(--shadow-lg);transition:transform .22s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close,.menu-btn{display:inline-grid!important}.sidebar-scrim{z-index:35;background:#12271d6b;border:0;display:block;position:fixed;inset:0}.main-content{margin-left:0}.top-header{padding:0 16px}.header-search,.profile-copy,.period-control span{display:none}}@media (width<=680px){.top-header{height:64px}.header-kicker{display:none}.header-title-wrap h1{font-size:15px}.period-control{display:none}.header-tools{gap:2px}.profile-menu>svg{display:none}.sidebar{width:min(86vw,300px)}}.link-btn{color:var(--color-primary);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:6px 0;font-size:.75rem;font-weight:650;text-decoration:underline}.link-btn:hover{color:var(--color-primary-dark)}.link-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:4px}.btn-sm{min-height:36px;padding:.45rem .7rem;font-size:.75rem}.btn-install{color:#285d43;background:#e2f0e5;border:1px solid #c1d9c5;align-items:center;gap:6px;min-height:36px;padding:7px 12px;font-size:11px;font-weight:700;display:inline-flex}.btn-install:hover{background:#d4e9d8}.pwa-guide-backdrop{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#12271d94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pwa-guide{width:min(420px,100%);box-shadow:var(--shadow-lg);background:#fff;border-radius:18px;padding:28px;position:relative}.pwa-guide-close{position:absolute;top:12px;right:12px}.pwa-guide-icon{color:#397557;background:#e2f0e5;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:16px;display:grid}.pwa-guide h2{margin-bottom:8px;font-size:20px}.pwa-guide p{color:var(--color-gray-600);font-size:13px}.pwa-guide ol{color:var(--color-gray-700);gap:12px;margin:16px 0 0 20px;font-size:13px;display:grid}.pwa-guide li:first-child{display:list-item}.pwa-guide li svg{vertical-align:middle;color:var(--color-primary);margin-left:4px;display:inline}@media (width<=680px){.btn-install{justify-content:center;width:38px;min-width:38px;padding:0;font-size:0}.pwa-guide-backdrop{align-items:end;padding:0}.pwa-guide{padding:26px 22px calc(26px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}}.transaction-amount-input{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-weight:650}.transaction-save-button{justify-content:center;align-items:center;gap:7px;min-width:148px;transition:background-color .2s,transform .2s;display:inline-flex}.transaction-save-button.success{background:var(--color-success);border-color:var(--color-success);animation:.42s ease-out transactionButtonSuccess}.transaction-save-status{color:#0000;opacity:0;justify-content:center;align-items:center;gap:8px;min-height:24px;font-size:12px;font-weight:650;transition:opacity .2s,transform .2s;display:flex;transform:translateY(5px)}.transaction-save-status.saving{color:var(--color-primary);opacity:1;transform:none}.transaction-save-status.success{color:var(--color-success);opacity:1;animation:.35s ease-out transactionSuccessIn;transform:none}.transaction-save-check{animation:.55s ease-out transactionCheckPulse}@keyframes transactionSuccessIn{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}@keyframes transactionCheckPulse{0%{opacity:0;transform:scale(.45)}60%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}@keyframes transactionButtonSuccess{0%{transform:scale(.97)}60%{transform:scale(1.025)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.transaction-save-button.success,.transaction-save-status.success,.transaction-save-check{animation:none}.transaction-save-status{transition:none}}.supplier-toolbar{align-items:center;gap:10px;display:flex}.supplier-toolbar .form-control{width:260px}.supplier-toolbar .btn{white-space:nowrap;gap:7px}.searchable-select{min-width:0;position:relative}.searchable-select-input{padding-left:34px;padding-right:34px}.searchable-select-search,.searchable-select-chevron{z-index:2;pointer-events:none;color:var(--color-gray-400);position:absolute;top:50%;transform:translateY(-50%)}.searchable-select-search{left:11px}.searchable-select-chevron{right:11px}.searchable-select-menu{z-index:130;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);max-height:230px;box-shadow:var(--shadow-lg);background:#fff;padding:5px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:auto}.searchable-select-option{border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--color-gray-800);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.searchable-select-option:hover,.searchable-select-option.active{background:var(--color-primary-light);color:var(--color-primary-dark)}.searchable-select-option span{min-width:0}.searchable-select-option strong,.searchable-select-option small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.searchable-select-option strong{font-size:12px}.searchable-select-option small{color:var(--color-gray-500);margin-top:2px;font-size:10px}.searchable-select-empty{text-align:center;color:var(--color-gray-500);padding:18px;font-size:12px}@media (width<=680px){.supplier-toolbar{flex-wrap:wrap;width:100%}.supplier-toolbar .form-control{flex:100%;width:100%}.supplier-toolbar .btn{width:100%}}