@charset "UTF-8";
:root{--bg:#f5f6f2;--surface:#fff;--ink:#202d29;--muted:#7a8580;--line:#e7ebe5;--green:#1b594c;--green-dark:#123e35;--green-soft:#eaf2eb;--amber:#b77d23;--amber-soft:#fbf3e2;--red:#b75d52;--red-soft:#fbefec;--blue:#58758d;--radius:16px;--shadow:0 6px 22px #21372c05}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:.1px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--green);text-decoration:none}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #7db9a7;outline-offset:3px}input:focus,select:focus,textarea:focus{border-color:#77a190!important;outline:3px solid #1b594c12}h1,h2,h3,p{margin-top:0}h1{font-size:27px;line-height:1.4;letter-spacing:.2px;margin-bottom:8px}h2{font-size:18px;line-height:1.5;margin-bottom:0}h3{font-size:15px;margin-bottom:5px}svg{width:20px;height:20px;vertical-align:middle;flex-shrink:0}small,.muted{color:var(--muted)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted)}.loader{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:14px}@keyframes spin{to{transform:rotate(360deg)}}
.app-shell{display:flex;min-height:100dvh}.sidebar{width:222px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:30px 17px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 30px;color:var(--ink);font-size:20px;font-weight:700;white-space:nowrap}.brand small{display:block;font-size:11px;font-weight:400;margin-top:2px;letter-spacing:1px}.brand-mark{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:13px;background:var(--green);color:#fff;font-size:23px;font-weight:600}.nav-caption{text-transform:uppercase;font-size:10px;letter-spacing:2px;color:#a0a8a1;margin:13px 17px}.nav-link{display:flex;align-items:center;gap:13px;padding:12px 17px;margin-bottom:6px;border-radius:10px;color:#67736d;transition:background .15s,color .15s;position:relative}.nav-link svg{width:19px;height:19px;stroke-width:1.7}.nav-link:hover{background:#f5f7f3;color:var(--green)}.nav-link.active{color:var(--green);background:var(--green-soft);font-weight:600}.nav-link.active:after{content:"";height:6px;width:6px;border-radius:50%;background:var(--green);position:absolute;right:15px}.sidebar-bottom{margin-top:auto;padding-top:28px}.sidebar-note{font-size:11px;color:#5d7769;padding:14px 13px;border-radius:10px;background:#f8f9f5;margin-bottom:18px}.sidebar-note>span:last-child{display:block;font-size:10px;color:#929e95;margin:4px 0 0 13px}.online-dot{display:inline-block;width:6px;height:6px;background:#6b9976;border-radius:50%;margin-right:6px;vertical-align:middle}.user-button{width:100%;display:flex;align-items:center;gap:9px;padding:10px 7px;border:0;border-top:1px solid var(--line);background:transparent;font-size:12px;text-align:left}.avatar{background:#edeadf;color:#8b7950;border-radius:10px;height:33px;width:33px;display:grid;place-items:center}.logout-label{margin-left:auto;color:#a0a8a2;font-size:11px}.app-body{margin-left:222px;min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 35px;border-bottom:1px solid var(--line);background:#fcfdf9}.breadcrumb{display:flex;align-items:center;gap:15px;font-size:12px;color:#879189}.breadcrumb strong{color:#46544c;font-weight:500}.crumb-separator{color:#c6cec6}.topbar-actions{display:flex;align-items:center;gap:20px}.sync-status{font-size:11px;color:#7b8c80;white-space:nowrap}.month-picker{position:relative}.month-picker input{background:#fff;border:1px solid var(--line);border-radius:8px;color:#4f5e54;padding:7px 10px;width:155px;font-size:12px}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:#76877c;border-radius:8px;height:34px;width:34px;flex-shrink:0;font-size:25px;font-weight:300}.icon-button:hover{background:var(--green-soft);color:var(--green)}#main{padding:32px 35px;max-width:1600px;width:100%;margin:0 auto;flex:1;outline:none}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#8c9c87;display:block;margin-bottom:6px}.page-heading p{color:var(--muted);font-size:12px;margin-bottom:0}.heading-actions,.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;min-height:40px;border-radius:8px;border:1px solid transparent;line-height:1.4;font-size:12px;font-weight:500;white-space:nowrap}.button svg{width:16px;height:16px}.button.primary{background:var(--green);color:white;box-shadow:0 3px 8px #174f4610}.button.primary:hover{background:var(--green-dark)}.button.secondary{background:#fff;border-color:#dfe5dc;color:#526354}.button.secondary:hover{background:#f6f8f2}.button.ghost{background:transparent;color:var(--green);padding:6px 9px;min-height:30px}.button.danger{color:var(--red);background:var(--red-soft);border-color:#eddbd6}.button.small{padding:7px 11px;min-height:32px;font-size:11px}.text-button{background:transparent;border:0;color:var(--green);padding:4px;font-size:12px}.text-button.danger{color:var(--red)}.page-label{font-size:11px;color:#8c988e;margin-bottom:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);min-height:143px;position:relative}.metric.featured{background:var(--green);border-color:var(--green);color:#fff}.metric-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#718276;gap:6px}.metric.featured .metric-top{color:#c6d8c8}.metric-icon{border-radius:9px;background:#f1f5ed;padding:7px;display:inline-flex;color:#72966e}.metric.featured .metric-icon{background:#ffffff15;color:#e1eacb}.metric-icon svg{height:17px;width:17px}.metric-number{font-variant-numeric:tabular-nums;letter-spacing:-.8px;font-size:27px;font-weight:650;line-height:1.45;margin:13px 0 8px;overflow-wrap:anywhere}.currency{font-size:15px;font-weight:400;letter-spacing:0;margin-right:4px;opacity:.7}.metric-foot{font-size:10px;color:#8b978d;display:flex;align-items:center;gap:6px}.metric.featured .metric-foot{color:#c2d5c5}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;margin-bottom:22px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 23px 0;gap:12px}.panel-head p{font-size:11px;color:var(--muted);margin:4px 0 0}.panel-body{padding:20px 23px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:22px}.panel-link{font-size:11px;color:#82917f;white-space:nowrap}.legend{display:flex;align-items:center;gap:15px;font-size:10px;color:var(--muted)}.legend-dot{width:6px;height:6px;display:inline-block;background:#6c9479;border-radius:2px;margin-right:4px}.legend-dot.amber{background:#ddc58a}.chart{height:178px;display:flex;align-items:end;gap:7px;padding:15px 4px 0;position:relative;border-bottom:1px solid var(--line)}.chart-column{flex:1;min-width:0;display:flex;gap:3px;align-items:flex-end;height:100%;position:relative}.chart-bar{width:50%;border-radius:4px 4px 0 0;min-height:2px;background:#71947b}.chart-bar.out{background:#d4c18b}.chart-labels{display:flex;justify-content:space-between;font-size:9px;color:#a1aaa0;padding-top:9px}.chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9aa69b;font-size:12px}.chart-summary{display:flex;gap:28px;margin-bottom:4px}.chart-summary span{color:var(--muted);font-size:10px}.chart-summary strong{display:block;font-size:16px;font-weight:600;color:#415c46;margin-top:3px}.category-list{display:grid;gap:18px;padding-top:5px}.category-row{display:grid;grid-template-columns:9px 1fr auto;gap:9px;align-items:center;font-size:11px}.category-dot{height:7px;width:7px;border-radius:50%;background:var(--color,#70957a)}.category-row strong{font-weight:500;font-variant-numeric:tabular-nums}.category-track{height:4px;background:#f1f3ee;border-radius:4px;margin-top:7px;overflow:hidden}.category-track span{display:block;height:100%;width:var(--width);background:var(--color,#70957a);border-radius:4px}.category-percent{font-size:10px;color:#98a395;margin-left:7px}.table-wrap{overflow:auto;max-width:100%;scrollbar-width:thin}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:12px}th{background:#fafbf7;color:#8b978d;font-size:10px;font-weight:500;letter-spacing:.4px;padding:12px 20px;border-top:1px solid #f0f3ec;border-bottom:1px solid var(--line)}td{padding:15px 20px;border-bottom:1px solid #f0f3ec;color:#536157;font-size:11px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdf9}.table-main{color:#334a3c;font-weight:500}.table-sub{display:block;font-size:10px;color:#97a191;margin-top:3px;max-width:240px;overflow:hidden;text-overflow:ellipsis}.amount{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;white-space:nowrap}.positive{color:var(--green)}.negative{color:var(--red)}.align-right{text-align:right}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:5px;background:#eff3ec;color:#78896a;font-size:10px;white-space:nowrap}.badge.green{background:#ebf3ec;color:#507c59}.badge.amber{background:var(--amber-soft);color:#a58137}.badge.red{background:var(--red-soft);color:var(--red)}.badge.blue{background:#edf2f7;color:var(--blue)}.badge.neutral{background:#f0f1ef;color:#8b938c}.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.search{position:relative;flex:1;min-width:180px;max-width:320px}.search svg{position:absolute;left:11px;top:11px;color:#9aa595;width:16px;height:16px}.search input{padding-left:35px!important;width:100%}.filters input,.filters select{border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 11px;font-size:11px;min-height:36px;color:#52634f}.filter-count{margin-left:auto;color:#94a08f;font-size:10px}.table-footer{border-top:1px solid var(--line);padding:12px 20px;color:#95a08f;font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.empty{padding:45px 24px;text-align:center;color:#9aa694}.empty-icon{display:inline-flex;padding:15px;background:#f3f6ef;border-radius:18px;margin-bottom:13px;color:#97ac8e}.empty-icon svg{height:27px;width:27px}.empty h3{color:#6d7f65;font-size:13px;font-weight:500;margin-bottom:5px}.empty p{font-size:11px;margin-bottom:15px}.notice{border:1px solid #e8ecdc;background:#f7f9ef;color:#7c8b64;padding:13px 16px;border-radius:9px;line-height:1.8;font-size:11px;margin-bottom:20px}.notice strong{color:#526b41}.notice.danger{background:var(--red-soft);border-color:#efd9d3;color:var(--red)}.notice.blue{background:#eff5f6;border-color:#dde9eb;color:#63818a}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:22px}.quick-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 18px;display:flex;align-items:center;gap:13px;color:var(--ink);text-align:left}.quick-card:hover{border-color:#b9cbb5;background:#fcfef8}.quick-card .quick-icon{background:#f2f5eb;border-radius:10px;padding:9px;color:#719068;display:flex}.quick-card strong{font-size:12px;font-weight:500;display:block}.quick-card small{font-size:10px;display:block;margin-top:3px}.quick-arrow{margin-left:auto;color:#b4bdad}.app-footer{display:flex;justify-content:space-between;gap:15px;padding:0 35px 20px;font-size:9px;color:#a5aea0}.mobile-nav{display:none}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.supplier-card{border:1px solid var(--line);border-radius:var(--radius);background:white;padding:22px}.supplier-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.supplier-name{font-size:15px;font-weight:600}.supplier-top p{font-size:10px;color:var(--muted);margin:5px 0 0}.supplier-stat{display:flex;gap:20px;margin-bottom:17px}.supplier-stat span{display:block;font-size:10px;color:var(--muted)}.supplier-stat strong{display:block;font-size:20px;font-weight:600;margin-top:5px;font-variant-numeric:tabular-nums}.supplier-card .actions{border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.document-number{display:flex;align-items:center;gap:9px}.document-icon{display:inline-flex;border-radius:8px;background:#f2f5ec;color:#91a37a;padding:8px}.photo-count{color:#889d7e;font-size:10px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.mini-stat{padding:15px;background:#f6f8f2;border-radius:10px}.mini-stat span{font-size:10px;color:var(--muted);display:block}.mini-stat strong{font-size:20px;font-weight:600;margin-top:3px;display:block}.section-title{font-size:13px;font-weight:600;margin:24px 0 12px}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 23px}.calendar-toolbar select{border:1px solid var(--line);padding:7px 11px;border-radius:8px;color:#607556;font-size:12px;max-width:180px}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-week span{text-align:center;padding:11px;font-size:10px;color:#99a58f;background:#fbfcf7;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.calendar-cell{min-height:103px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 10px;text-align:left;background:#fff;color:var(--ink);position:relative;overflow:hidden}.calendar-cell:nth-child(7n){border-right:0}.calendar-cell.blank{background:#fcfdf9}.calendar-cell.rest{background:#f8faf3}.calendar-cell:hover:not(.blank){background:#eef4e6}.calendar-cell.today{box-shadow:inset 0 0 0 1.5px #7fa375}.day-number{font-size:12px;display:block;margin-bottom:7px}.calendar-cell.today .day-number{background:var(--green);color:#fff;width:23px;height:23px;line-height:23px;text-align:center;border-radius:7px;margin-top:-3px;margin-bottom:4px}.day-status{font-size:9px;color:#8e9d83;white-space:nowrap}.day-status.holiday{color:#b48b40}.day-status.compensatory{color:#5c8a78}.day-leave{display:block;background:#f9eddf;color:#ad8759;font-size:9px;line-height:1.6;border-radius:3px;padding:1px 4px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-legend{display:flex;gap:18px;padding:14px 23px;font-size:10px;color:#8e9b83;flex-wrap:wrap}.calendar-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:5px}.split-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.6fr);gap:22px}.event-list{display:grid;gap:0}.event-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.event-row:last-child{border-bottom:0}.event-day{background:#eff4e7;color:#76915e;border-radius:9px;min-width:42px;height:45px;text-align:center;line-height:1;padding-top:7px}.event-day small{font-size:8px;display:block;color:#9caa8e;margin-bottom:4px}.event-day strong{font-size:15px}.event-copy{flex:1;min-width:0}.event-copy strong{font-size:11px;font-weight:500}.event-copy small{display:block;font-size:10px;color:#96a18c}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-grid .panel{height:fit-content}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field.full{grid-column:1/-1}.field>span{font-size:11px;font-weight:500;color:#627451}.field input,.field select,.field textarea,.plain-input{width:100%;padding:10px 11px;border:1px solid #dfe6d9;border-radius:8px;background:#fff;color:#354b33;font-size:12px;min-height:40px}.field input[type=file]{font-size:11px;padding:9px}.field input[type=checkbox]{min-height:0;width:15px;height:15px}.field select[multiple]{min-height:100px}.field textarea{resize:vertical;min-height:83px}.field small{font-size:10px;line-height:1.7}.field .money-input{font-size:24px;letter-spacing:.5px;font-weight:600;padding:12px}.checkbox-label{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:#748363}.checkbox-label input{margin-top:3px;accent-color:var(--green)}.work-periods{display:flex;gap:8px;align-items:center;margin-bottom:10px}.work-periods input{width:calc(50% - 12px)}.attachment-list{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:8px}.attachment-tile{width:65px;height:65px;border:1px solid var(--line);border-radius:8px;overflow:hidden;position:relative;background:#f7f9f1}.attachment-tile img{width:100%;height:100%;object-fit:cover}.attachment-tile a{display:block;width:100%;height:100%;font-size:10px;text-align:center;padding-top:18px}.attachment-tile:has(img) a{padding:0}.remove-attachment{position:absolute;top:1px;right:1px;border:0;background:#ffffffed;border-radius:50%;font-size:12px;line-height:18px;width:19px;color:var(--red)}details{grid-column:1/-1}summary{font-size:11px;color:#8c9c7d;cursor:pointer;padding:8px 0}details .form-grid{margin-top:10px}.editor{border:1px solid #e5ebdc;border-radius:18px;width:min(650px,calc(100% - 28px));max-height:90dvh;padding:0;box-shadow:0 25px 100px #173b2926;color:var(--ink)}.editor.wide{width:min(1000px,calc(100% - 28px))}.editor::backdrop,.more-dialog::backdrop{background:#1c30295c;backdrop-filter:blur(3px)}.editor form{display:flex;flex-direction:column;max-height:89dvh}.modal-header{padding:23px 26px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.modal-header .eyebrow{font-size:8px;margin-bottom:2px}.modal-header h2{font-size:19px}.modal-body{padding:22px 26px;overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0}.modal-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);background:#fcfdf8;padding:15px 26px;flex-shrink:0}.editor #modal-error{margin:15px 26px 0;flex-shrink:0}.editor .table-wrap{margin:0 -5px}.editor table td,.editor table th{padding-left:10px;padding-right:10px;font-size:10px}.toast{position:fixed;bottom:28px;left:calc(50% + 95px);transform:translateX(-50%);max-width:calc(100% - 30px);background:#254f3e;color:#fff;border:1px solid #37694f;padding:12px 20px;border-radius:11px;box-shadow:0 7px 30px #173b2922;z-index:100;font-size:12px;white-space:normal}.toast.error{background:#7a4940;border-color:#965b4f}.upload-drop{display:block;border:1.5px dashed #c8d6bb;background:#fafcf5;text-align:center;padding:33px 20px;border-radius:12px;color:#8a9e78;cursor:pointer}.upload-drop svg{width:34px;height:34px;margin-bottom:10px;color:#6e9261}.upload-drop strong{display:block;color:#58774c;font-size:14px;font-weight:500}.upload-drop small{display:block;font-size:11px;margin-top:7px;color:#99a58b}.upload-drop input{max-width:100%;margin-top:15px;font-size:11px}.import-steps{display:flex;gap:20px;margin-bottom:24px;flex-wrap:wrap}.import-step{display:flex;align-items:center;gap:8px;color:#95a187;font-size:11px}.import-step b{display:inline-grid;place-items:center;height:24px;width:24px;border:1px solid #dce5d2;border-radius:50%;font-size:10px;background:#fff}.import-step.active{color:var(--green)}.import-step.active b{background:var(--green);border-color:var(--green);color:#fff}.import-table select{max-width:150px;font-size:10px;padding:5px;border:1px solid var(--line);border-radius:5px;color:#576c47;background:#fff}.import-table td{padding:12px 10px;vertical-align:top}.import-table .table-sub{max-width:220px;white-space:normal}.inline-block{display:block;margin-top:5px}.import-controls{position:sticky;bottom:0;background:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line)}.import-controls small{font-size:10px}.flow-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.flow-row span:nth-child(n+2){text-align:right;font-variant-numeric:tabular-nums}.account-row{padding:16px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}.account-row:last-child{border-bottom:0}.account-row strong{font-size:12px;font-weight:500}.account-row small{display:block;font-size:10px;margin-top:3px}.account-row .amount{font-size:16px;margin-right:12px}.auth-screen{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:#fbfcf7}.auth-art{background:#1b5043;padding:9vh 8vw;color:#f0f5e7;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-art:after{content:"";width:400px;height:400px;border:1px solid #b5d2a825;position:absolute;border-radius:50%;right:-170px;bottom:-70px;box-shadow:0 0 0 70px #b5d2a808,0 0 0 140px #b5d2a805}.auth-art .brand{color:#f0f5e7;padding:0}.auth-art .brand-mark{background:#d4dfb1;color:#1b5043}.auth-message{margin:70px 0 40px;position:relative;z-index:1}.auth-message h1{font-size:39px;line-height:1.6;font-weight:500;letter-spacing:2px}.auth-message p{color:#a7c1ac;font-size:13px;line-height:2}.auth-features{display:flex;gap:25px;margin-top:35px;color:#bacbb3;font-size:11px}.auth-features svg{margin-right:7px;width:16px}.auth-copyright{font-size:10px;color:#8fb19a}.auth-form-wrap{padding:50px 6vw;display:flex;align-items:center;justify-content:center}.auth-form{width:100%;max-width:355px}.auth-form h2{font-size:25px;margin-bottom:9px}.auth-form>p{font-size:12px;color:#8b9b7e;margin-bottom:30px}.auth-form .field{margin-bottom:18px}.auth-form .button{width:100%;margin-top:9px;padding:13px}.auth-note{font-size:10px;color:#a0ad94;margin-top:22px;line-height:1.9}.mobile-brand{display:none}.more-dialog{width:calc(100% - 20px);max-width:500px;border:0;border-radius:17px;padding:0;margin:auto auto 12px;box-shadow:0 10px 50px #173b2926}.more-dialog #more-links{display:grid;grid-template-columns:repeat(2,1fr);padding:18px;gap:10px}.more-dialog .nav-link{margin:0;background:#f5f8ee;font-size:12px}
@media(min-width:1600px){.metric-number{font-size:31px}.metric{padding:24px}.overview-grid{grid-template-columns:1.8fr 1fr}}
@media(max-width:1200px){.sidebar{width:194px;padding-left:12px;padding-right:12px}.brand{font-size:18px}.brand-mark{height:38px;width:38px}.app-body{margin-left:194px}.topbar{padding:0 25px}#main{padding:28px 25px}.metric{padding:16px}.metric-number{font-size:24px}.metric-grid{gap:12px}.metric-top{font-size:11px}.overview-grid{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:16px}.panel-head{padding:18px 18px 0}.panel-body{padding:18px}.cards-grid{grid-template-columns:repeat(2,1fr)}.metric-icon{padding:5px}.app-footer{padding-left:25px;padding-right:25px}.split-grid{grid-template-columns:1fr}.settings-grid{gap:16px}}
@media(max-width:960px){.sidebar{width:177px}.brand{font-size:16px;gap:8px;padding-left:6px;padding-right:6px}.brand small{font-size:9px}.nav-link{padding:11px 12px;font-size:12px}.nav-link.active:after{right:9px}.app-body{margin-left:177px}.topbar{padding:0 20px;height:68px}.breadcrumb{gap:9px}.breadcrumb>span:first-child{display:none}.crumb-separator{display:none}.topbar-actions{gap:10px}#main{padding:25px 20px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-number{font-size:28px}.metric{min-height:132px}.overview-grid{grid-template-columns:1fr}.quick-card{padding:13px 12px;gap:9px}.quick-card small{font-size:9px}.quick-card .quick-icon{padding:7px}.quick-card strong{font-size:11px}.quick-arrow{display:none}.settings-grid{grid-template-columns:1fr}.page-heading h1{font-size:24px}.page-heading{gap:13px}td,th{padding-left:16px;padding-right:16px}.calendar-cell{min-height:90px;padding:8px 7px}.toast{left:calc(50% + 88px)}}
@media(max-width:700px){body{font-size:13px}.sidebar{display:none}.app-body{margin-left:0;padding-bottom:67px}.topbar{height:61px;padding:0 17px;background:#fcfdf8;gap:8px}.breadcrumb strong{font-size:12px}.topbar-actions{gap:7px}.sync-status{display:none}.month-picker input{width:138px;font-size:11px;padding:6px 8px}.topbar .icon-button{height:30px;width:28px}.topbar .icon-button svg{height:16px;width:16px}#main{padding:23px 16px}.page-heading{margin-bottom:21px;align-items:flex-start;flex-wrap:wrap;gap:14px}.page-heading h1{font-size:23px;margin-bottom:5px}.page-heading p{font-size:11px}.eyebrow{font-size:9px}.heading-actions{gap:7px}.heading-actions .button{padding:9px 12px;min-height:36px;font-size:11px}.metric-grid{gap:11px;margin-bottom:18px}.metric{padding:16px 14px;min-height:135px;border-radius:12px}.metric-number{font-size:25px;margin-top:14px;margin-bottom:8px;letter-spacing:-1px}.metric-top{font-size:10px}.metric-icon{padding:5px;border-radius:6px}.metric-icon svg{width:14px;height:14px}.metric-foot{font-size:9px;line-height:1.6;min-height:14px}.currency{font-size:12px;margin-right:2px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.quick-card{padding:14px 6px;flex-direction:column;gap:8px;align-items:center;text-align:center;border-radius:10px}.quick-card .quick-icon{padding:7px;border-radius:8px}.quick-card svg{height:17px;width:17px}.quick-card small{display:none}.quick-card strong{font-size:10px}.overview-grid{gap:0}.panel{border-radius:13px;margin-bottom:18px}.panel-head{padding:18px 17px 0}.panel-head h2{font-size:15px}.panel-head p{font-size:10px}.panel-body{padding:18px 17px}.chart{height:160px;gap:4px}.chart-summary{gap:20px}.chart-summary strong{font-size:15px}.category-list{gap:16px}.category-row{font-size:11px}.legend{font-size:9px;gap:10px}.panel-link{font-size:10px}td{padding:13px 14px}th{padding:11px 14px}.filters{padding:14px;gap:8px}.filters .search{max-width:none;flex-basis:100%;min-width:0}.filters select{max-width:46%;flex:1}.filter-count{font-size:9px}.table-footer{padding:11px 14px}.table-footer .muted{display:none}.app-footer{font-size:8px;padding:0 17px 15px;flex-direction:column;gap:4px}.mobile-nav{position:fixed;display:flex;justify-content:space-around;align-items:center;bottom:0;left:0;right:0;padding:8px 6px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff2;backdrop-filter:blur(15px);z-index:30;min-height:65px}.mobile-nav a,.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;color:#8d9a83;font-size:9px;background:transparent;border:0;padding:3px}.mobile-nav svg{width:19px;height:19px}.mobile-nav .active{color:var(--green);font-weight:600}.notice{font-size:10px;padding:12px 13px;margin-bottom:17px}.cards-grid{grid-template-columns:1fr;gap:13px}.supplier-card{padding:19px}.supplier-top{margin-bottom:17px}.supplier-name{font-size:14px}.mini-grid{gap:8px}.mini-stat{padding:12px 9px}.mini-stat strong{font-size:18px}.mini-stat span{font-size:9px}.form-grid{gap:14px}.field>span{font-size:11px}.field input,.field textarea,.field select{font-size:16px;padding:9px 10px;min-height:42px}.field small{font-size:10px}.field .money-input{font-size:26px}.field select[multiple]{font-size:13px}.editor{width:calc(100% - 20px);max-height:93dvh;border-radius:15px}.editor form{max-height:92dvh}.editor.wide{width:calc(100% - 20px)}.modal-header{padding:18px 18px 14px}.modal-header h2{font-size:18px}.modal-body{padding:18px}.modal-footer{padding:13px 18px}.editor #modal-error{margin:12px 18px 0;font-size:10px}.modal-footer .button{min-height:42px;min-width:80px}.toast{left:50%;bottom:86px;font-size:11px;width:max-content;max-width:calc(100% - 30px)}.calendar-toolbar{padding:16px 13px;gap:7px}.calendar-toolbar h2{font-size:14px}.calendar-toolbar select{font-size:11px;max-width:130px;padding:6px}.calendar-week span{font-size:9px;padding:9px 2px}.calendar-cell{min-height:78px;padding:7px 4px}.day-number{font-size:11px;margin-bottom:4px}.day-status{font-size:8px;white-space:normal;line-height:1.5;display:block}.day-leave{font-size:7px;padding:0 2px}.calendar-cell.today .day-number{height:20px;width:20px;line-height:20px;margin-top:0;margin-bottom:3px}.calendar-legend{padding:12px 13px;gap:10px;font-size:8px}.import-steps{gap:12px}.import-step{font-size:10px}.import-step b{width:20px;height:20px}.upload-drop{padding:24px 14px}.upload-drop input{width:100%;font-size:11px}.import-controls{padding:13px;align-items:flex-start;flex-direction:column}.import-controls .button{width:100%}.import-table select{font-size:12px;min-height:30px}.settings-grid{gap:0}.auth-screen{display:flex;flex-direction:column}.auth-art{padding:30px 26px 32px;flex:none;min-height:220px}.auth-art .brand{font-size:18px}.auth-art .brand-mark{height:34px;width:34px;font-size:19px}.auth-art .brand small{font-size:8px}.auth-message{margin:27px 0 0}.auth-message h1{font-size:26px;line-height:1.5;margin-bottom:10px}.auth-message p{font-size:11px;margin-bottom:0}.auth-features,.auth-copyright{display:none}.auth-form-wrap{padding:33px 26px 50px}.auth-form{max-width:400px}.auth-form h2{font-size:23px}.auth-form>p{font-size:11px;margin-bottom:23px}.auth-form .field input{font-size:16px}.auth-note{font-size:10px}.auth-art:after{width:190px;height:190px;right:-60px;bottom:-60px}.flow-row{font-size:10px;gap:8px}.event-row{gap:9px}.event-copy small{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}