@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{font-family:Inter,system-ui,Arial,sans-serif;color:#18324c;background:#f3f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:268px;min-width:268px;background:#fff;border-right:1px solid #e8eef4;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;box-shadow:4px 0 30px #12365808;z-index:20}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eff3f6;padding:28px 25px 26px}.brand{display:flex;gap:11px;align-items:center;color:#073b74;white-space:nowrap}.brand img{width:44px;height:44px;object-fit:contain}.brand strong{font-size:22px;letter-spacing:-.9px;font-weight:900}.brand em{font-style:normal;color:#009e52}.brand small{display:block;color:#6a7f90;font-size:12px;font-weight:500;margin-top:3px}.brand-big{flex-direction:column;gap:14px;text-align:center}.brand-big img{width:106px;height:106px}.brand-big strong{font-size:42px}.side-section-caption{font-size:10px;color:#91a0af;letter-spacing:1.5px;font-weight:800;padding:29px 25px 11px}.nav-list{display:grid;gap:3px;padding:0 13px;overflow-y:auto;scrollbar-width:thin}.nav-link{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:14px;text-align:left;padding:13px 16px;border-radius:12px;color:#456079;font-weight:600;font-size:13px;transition:.16s}.nav-link:hover{background:#f2f7fb;color:#073b74}.nav-link.active{background:#e6f2ff;color:#073b74;font-weight:800}.nav-active-dot{margin-left:auto;width:6px;height:6px;background:#00a65a;border-radius:50%}.sidebar-bottom{margin-top:auto;border-top:1px solid #eef3f7;padding:18px 13px 25px}.side-online{font-size:12px;color:#718698;margin:0 14px 16px}.online-dot{display:inline-block;width:8px;height:8px;background:#0fbc69;border-radius:50%;margin-right:6px;box-shadow:0 0 0 3px #e2f6eb}.logout{color:#a4474a}.workspace{min-width:0;flex:1}.topbar{height:75px;background:#fff;border-bottom:1px solid #e8eef5;display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:11}.top-left,.top-right,.breadcrumb{display:flex;align-items:center;gap:13px}.breadcrumb{font-size:13px;color:#89a0b1}.breadcrumb strong{color:#163c62;font-weight:700}.top-right{gap:20px}.icon-button{height:36px;width:36px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:transparent;color:#26486a}.icon-button:hover{background:#eaf2f8}.status-indicator{font-size:12px;color:#4e8870;font-weight:700}.user-avatar{border-radius:50%;background:linear-gradient(140deg,#0658a8,#00a966);color:#fff;font-weight:800;height:35px;width:35px;display:grid;place-items:center}.main-scroll{padding:36px 40px 70px;max-width:1660px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:15px}.section-kicker{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#16a268;margin-bottom:10px}.page-heading h1{font-size:29px;letter-spacing:-1.1px;margin:0 0 7px;color:#082f59}.page-heading p{font-size:13px;color:#8292a4;margin:0}.updated{font-size:11px;color:#98a8b5}.warehouse-picker{background:linear-gradient(105deg,#072e5c,#074579 72%,#087b75);border-radius:18px;padding:24px 25px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px;box-shadow:0 8px 24px #063a6f1c}.warehouse-picker-left{display:flex;align-items:center;gap:15px}.picker-icon{width:50px;height:50px;border-radius:15px;background:#ffffff20;display:grid;place-items:center}.warehouse-picker-left span,.warehouse-picker-left small{display:block;color:#c8e5f4;font-size:11px;margin-bottom:4px}.warehouse-picker-left strong{font-size:17px;display:block}.warehouse-picker-left small{margin-top:4px;margin-bottom:0}.picker-controls{display:flex;align-items:center;gap:11px}.picker-controls select{max-width:260px;background:#ffffff18;color:#fff;border:1px solid #ffffff40;padding:10px 14px}.picker-controls select option{color:#18324c;background:#fff}.pill{border-radius:100px;padding:8px 12px;font-size:11px;font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:6px}.admin-pill{background:#ffffff2b;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:0 0 30px}.stat-card{background:#fff;min-width:0;padding:22px 24px;border:1px solid #e8eef3;border-radius:17px;box-shadow:0 6px 20px #122e4e07;display:flex;flex-direction:column;align-items:flex-start}.stat-icon{display:grid;place-items:center;border-radius:12px;width:42px;height:42px;margin-bottom:16px}.stat-icon.navy{color:#1162ac;background:#e6f0fc}.stat-icon.green{color:#00a65d;background:#e8f8ef}.stat-icon.purple{color:#615cf8;background:#eeedff}.stat-icon.orange{color:#f08020;background:#fff1e6}.stat-card span{font-size:12px;color:#708195;font-weight:700}.stat-card strong{color:#063b71;font-size:29px;letter-spacing:-1.1px;margin:8px 0}.stat-card small{font-size:11px;color:#9ba9b7}.content-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:22px;align-items:start}.section-header{margin-bottom:19px}.section-header h2,h2{color:#073a70;font-size:19px;letter-spacing:-.5px;margin:0 0 7px}.section-header p,.subtext{font-size:12px;color:#8190a1;line-height:1.7;margin:0}.section-header.split{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-header.compact{margin-bottom:10px}.section-header.compact h3{margin:0;font-size:14px}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.action-card{position:relative;border:1px solid #e7ecf3;background:#fff;min-height:157px;border-radius:18px;padding:19px 21px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 5px 24px #24446107;transition:transform .15s,box-shadow .15s}.action-card:hover{transform:translateY(-3px);box-shadow:0 9px 27px #12365817}.action-icon{display:grid;place-items:center;border-radius:13px;width:44px;height:44px;margin-bottom:14px}.action-icon.green{background:#e5f8ed;color:#009d59}.action-icon.blue{background:#e5f2ff;color:#0061c2}.action-icon.violet{background:#eeecff;color:#6255dc}.action-icon.orange{background:#fff2e5;color:#f27b12}.action-card strong{color:#113b64;font-size:15px;margin-bottom:5px}.action-card small{color:#8c9cab;font-size:11px}.action-arrow{position:absolute;right:16px;top:17px;color:#8d9fae}.card{background:#fff;border:1px solid #e4ebf2;border-radius:19px;padding:25px;box-shadow:0 5px 22px #14335508;min-width:0}.insights{padding:21px}.insight-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #ecf1f6;padding:16px 0}.insight-row:first-child{padding-top:0}.insight-row:last-child{border-bottom:0}.insight-row span{color:#667d92;display:flex;align-items:center;gap:10px;font-size:12px}.insight-row strong{color:#063a72;font-size:17px}.red-text{color:#db4d48!important}.amber-text{color:#d69213!important}.green-text{color:#00a45b}.inline-banner{margin-top:21px;background:#eaf8f1;color:#317d63;padding:16px;border-radius:12px;display:flex;align-items:flex-start;gap:12px;font-size:11px;line-height:1.65}.btn{border:0;border-radius:10px;padding:12px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:12px;transition:filter .14s;white-space:nowrap}.btn:hover{filter:brightness(.95)}.btn:disabled{opacity:.6;cursor:wait}.btn-primary{background:linear-gradient(110deg,#05437e,#0060b2);color:#fff}.btn-green{background:linear-gradient(110deg,#00a665,#009049);color:#fff}.btn-outline{background:#fff;color:#184873;border:1px solid #dae4ee}.btn-danger{background:#c94046;color:#fff}.btn-small{padding:8px 11px;font-size:11px}.full{width:100%;justify-content:space-between}.fields-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:flex;flex-direction:column;gap:8px;color:#32495e;font-weight:650;font-size:12px;min-width:0;margin:0 0 16px}.field b{color:#d94c4c}.field input,.field textarea,.field select,input:not([type=checkbox]),textarea,select{border:1px solid #d8e3ec;border-radius:10px;background:#fff;color:#254158;padding:11px 13px;min-height:42px;outline:none;width:100%;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{border-color:#1787c7;box-shadow:0 0 0 3px #b4dbf74d}.field textarea,textarea{resize:vertical}.field select,select{cursor:pointer}.input-icon{display:flex;align-items:center;gap:10px;border:1px solid #d8e3ec;border-radius:10px;padding:0 12px;background:#fff;color:#7a8ea2}.input-icon input{border:0!important;box-shadow:none!important;padding-left:0;background:transparent}.input-icon .icon-button{margin-right:-9px;flex-shrink:0}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.filters .searchbox{min-width:250px;flex:1;max-width:570px}.filters select{width:auto;min-width:160px}.table-scroll{overflow-x:auto}.table-scroll table{border-collapse:collapse;width:100%;min-width:700px;font-size:12px}th{text-align:left;background:#f3f7fb;color:#5c7086;font-weight:800;font-size:11px;padding:15px 13px;white-space:nowrap}td{padding:14px 13px;border-bottom:1px solid #edf1f5;color:#465c70;line-height:1.6}td strong{color:#163c61;font-weight:700}tbody tr:hover{background:#fafcff}.table-secondary{display:block;color:#a0aeba;font-size:10px}.notes-cell{max-width:300px;min-width:160px;word-break:break-word}.status-badge{font-size:10px;font-weight:750;border-radius:99px;padding:5px 10px;white-space:nowrap;display:inline-block}.status-badge.okay{background:#e3f8ec;color:#038e4d}.status-badge.warn{background:#fff4cf;color:#a97808}.status-badge.danger{background:#ffe6e4;color:#b93f3f}.status-badge.neutral{background:#e7f0fa;color:#3f6589}.form-card{padding:30px}.form-submit{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.title-icon{vertical-align:middle;margin-right:8px}.page-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.7fr);gap:23px;align-items:start}.helper-card{padding:26px}.helper-card h3{font-size:16px;color:#093e72}.help-icon{display:grid;place-items:center;width:53px;height:53px;background:#e2f5ea;border-radius:14px;color:#009f5a}.help-row{display:flex;gap:10px;padding-top:14px}.help-row svg{flex-shrink:0;color:#03a464}.help-row p{color:#7d8fa0;font-size:12px;line-height:1.7;margin:0}.line-editor{border-top:1px solid #eaf0f5;padding-top:22px;margin:14px 0 18px}.line-header,.line-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 32px;gap:10px;align-items:center}.line-header{font-size:11px;color:#8191a0;font-weight:700;margin-bottom:9px}.line-row{margin-bottom:10px}.line-row select,.line-row input{min-width:0}.qty-with-unit{display:flex;align-items:center;gap:4px}.qty-with-unit span{font-size:11px;color:#9aaaba}.danger-icon{color:#d05555}.match-hint{font-size:10px;display:block;margin-top:6px;color:#b18333}.paste-panel{background:#f3f8fb;border:1px solid #e0ebf1;border-radius:13px;padding:18px;margin-bottom:19px}.form-hint{font-size:11px;color:#8d9ead;line-height:1.7}.empty-state{padding:50px 15px;color:#9cb0c0;text-align:center}.empty-state p{font-size:13px}.loading{padding:40px 20px;display:flex;align-items:center;justify-content:center;gap:12px;color:#778fa5;font-size:13px}.spinner{width:19px;height:19px;border:3px solid #dce9f4;border-top-color:#02864c;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rotating{animation:spin 1s linear infinite}.center{text-align:center}.pad{padding:20px}.inline-action{display:flex;gap:7px;align-items:center}.inline-action input{max-width:90px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#102b49a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:110;padding:20px}.notice-modal,.form-modal{position:relative;background:#fff;max-width:520px;width:100%;border-radius:21px;box-shadow:0 16px 55px #09244235}.notice-modal{padding:33px;text-align:center}.notice-modal h2{font-size:22px;margin:14px 0 8px}.notice-modal p{color:#748699;white-space:pre-wrap;font-size:13px;line-height:1.9;max-height:36vh;overflow:auto}.notice-icon{height:63px;width:63px;display:grid;place-items:center;border-radius:50%;margin:auto;background:#e6f3ff;color:#065ca8}.notice-icon.success{background:#e8f8ef;color:#00a35b}.notice-icon.error{background:#ffe6e6;color:#c73742}.notice-icon.warning{background:#fff2ce;color:#d08b05}.modal-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}.modal-close{position:absolute;right:16px;top:16px}.form-modal{max-width:670px;max-height:90vh;display:flex;flex-direction:column}.form-modal-head{display:flex;align-items:center;justify-content:space-between;padding:25px 28px;border-bottom:1px solid #eaf0f5}.form-modal-head h2{margin:0}.form-modal-body{overflow:auto;padding:25px 28px}.form-modal-body h3{font-size:14px;color:#073a70}.form-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 28px;border-top:1px solid #edf1f5}.permission-list{border:1px solid #e7edf3;border-radius:13px;overflow:hidden}.permission-row{display:flex;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #e7edf3;font-size:12px;color:#405e75}.permission-row:last-child{border:0}.permission-row input{height:18px;width:18px;accent-color:#009e5b}.user-list{display:grid;gap:8px}.member-row{display:flex;align-items:center;gap:13px;border:1px solid #e9eff4;border-radius:12px;padding:13px}.member-avatar{width:43px;height:43px;background:#dff2fa;color:#0861a3;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-weight:800}.member-avatar.owner{background:#e2f8ea;color:#009c56}.member-main{flex:1;min-width:0}.member-row strong,.member-row small{display:block}.member-row strong{font-size:13px;color:#234664;overflow:hidden;text-overflow:ellipsis}.member-row small{color:#8699a8;font-size:11px;margin-top:4px}.report-header{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:19px}.report-brand{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.report-brand .brand img{height:60px;width:60px}.report-brand .brand strong{font-size:28px}.report-brand span:last-child{font-size:11px;color:#91a2b1}.agua-title{font-family:Georgia,serif;color:#029f60;font-weight:700;font-size:26px;font-style:italic}.report-header p{color:#72889a;font-size:12px}.report-header small{color:#90a4b3}.report-stats .stat-card{padding:23px}.report-stats .stat-card strong{font-size:27px}.export-actions{display:flex;gap:12px;margin-top:20px}.report-croqui{margin-top:22px;max-width:100%}.croqui-wall{max-width:760px;text-align:center;background:#0b4482;color:#fff;border-radius:11px;padding:16px;font-weight:850;margin:23px auto}.croqui-row{max-width:760px;border:1px solid #dce6ed;border-radius:12px;padding:17px;margin:auto}.croqui-row strong{color:#07427d}.croqui-row p{font-size:13px;color:#75899e;line-height:1.8}.croqui-arrow{padding:15px;text-align:center;color:#8b9bad;font-size:12px}.about-card{text-align:center;max-width:600px;margin:20px auto}.about-card .brand{justify-content:center}.about-card h2{margin-top:24px}.about-card p{color:#788b9e}.no-warehouse{text-align:center;max-width:620px;margin:auto}.no-warehouse>svg{color:#058c6f}.no-warehouse p{color:#718699}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.85fr) minmax(350px,1.15fr);background:#fff}.login-panel{display:flex;flex-direction:column;position:relative;justify-content:center;overflow:hidden}.login-form{position:relative;z-index:1;width:min(380px,80%);margin:auto;padding:60px 0 180px}.login-form .brand{margin-bottom:20px}.login-headline{text-align:center;color:#6e8298;margin-bottom:35px;font-size:13px}.login-form .field{margin-bottom:19px}.login-form .btn{margin-top:12px;padding:15px 22px}.login-links{display:flex;justify-content:space-between;gap:15px;margin-top:22px}.login-links button{border:0;background:transparent;color:#075796;text-decoration:underline;font-size:12px}.login-deco{position:absolute;bottom:0;width:100%;height:200px;background:#08559b;clip-path:ellipse(89% 58% at 53% 101%)}.deco-bottom{height:160px;background:#00a75e;clip-path:ellipse(56% 35% at 110% 115%);position:absolute;bottom:0;right:0;width:100%}.login-aside{background:linear-gradient(125deg,#062c5b 2%,#06487c 67%,#09875e);color:#fff;display:grid;place-items:center;padding:50px;position:relative;overflow:hidden}.login-aside:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #ffffff24;border-radius:50%;right:-180px;bottom:-190px;box-shadow:0 0 0 100px #ffffff09,0 0 0 200px #ffffff05}.aside-content{position:relative;z-index:1;max-width:500px}.circle-logo{background:#ffffff1c;border:1px solid #ffffff3c;border-radius:24px;padding:25px;display:inline-flex}.aside-content h1{font-size:45px;letter-spacing:-1.8px;line-height:1.2}.aside-content p{color:#d1e6f2;line-height:1.8}.online-pill{display:inline-flex;align-items:center;gap:9px;background:#fff2;border-radius:100px;padding:11px 17px;margin-top:32px;font-size:12px}.setup-screen,.splash{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f8fb}.splash{flex-direction:column}.setup-card{max-width:580px;padding:50px;background:#fff;border-radius:18px;box-shadow:0 15px 50px #0c336021}.setup-card h2{margin-top:30px}.setup-card p{color:#607588;line-height:1.8}.mobile-only,.mobile-shade{display:none}.form-hint,.notes-cell{overflow-wrap:anywhere}@media(max-width:1220px){.sidebar{width:235px;min-width:235px}.main-scroll{padding:32px 24px}.topbar{padding:0 24px}.stats-grid{gap:10px}.stat-card{padding:18px}.stat-card strong{font-size:24px}.content-grid{grid-template-columns:1fr 1fr}}@media(max-width:980px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.page-grid{grid-template-columns:1fr}.report-header{align-items:flex-start}.helper-card{order:2}}@media(max-width:700px){.mobile-only{display:inline-flex}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;transform:translate(-100%);transition:transform .22s;z-index:51}.sidebar.sidebar-open{transform:translate(0)}.mobile-shade{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0b2d4c7a;z-index:50}.main-scroll{padding:24px 15px 55px}.topbar{height:65px;padding:0 15px}.status-indicator,.updated{display:none}.page-heading h1{font-size:23px}.page-heading p{font-size:12px}.warehouse-picker{flex-direction:column;align-items:flex-start;padding:20px}.picker-controls{width:100%}.picker-controls select{max-width:none;flex:1;min-width:0}.stats-grid{gap:10px}.stat-card{border-radius:12px;padding:15px}.stat-card strong{font-size:22px}.stat-card span{font-size:11px}.stat-icon{margin-bottom:11px}.action-grid{gap:10px}.action-card{padding:14px;min-height:135px}.section-header.split{flex-wrap:wrap}.card{padding:18px;border-radius:14px}.page-grid{gap:15px}.fields-2{grid-template-columns:1fr;gap:0}.line-header{display:none}.line-row{grid-template-columns:1fr 90px 30px;gap:7px}.line-row select,.line-row input{font-size:11px}.report-header{flex-direction:column}.export-actions{flex-wrap:wrap}.login-page{display:block}.login-panel{min-height:100vh}.login-aside{display:none}.login-form{width:min(370px,85%)}.login-deco{height:140px}.member-row{flex-wrap:wrap}.modal-overlay{padding:12px}.notice-modal{padding:30px 17px}.breadcrumb{font-size:11px}.nav-list{padding-bottom:20px}}.offline-warning{background:#fff0e0;border:1px solid #f4d4a0;padding:12px 17px;color:#9d641f;border-radius:12px;margin-bottom:18px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}