.product-page{box-sizing:border-box;width:100%;padding:1.5rem}.product-header{text-align:left;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;margin-left:.5rem;display:flex}.product-header-title h1{color:#222;margin:0;font-size:1.5rem;line-height:1.2}.product-header-title p{color:#777;margin:.4rem 0 0;font-size:.9rem}.product-header-actions{align-items:center;gap:.75rem;display:flex}.product-header-controls{flex-direction:column;align-items:flex-end;gap:.55rem;display:flex}.product-operation-feedback{box-sizing:border-box;border:1px solid;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.8rem;max-width:100%;padding:.55rem .75rem;font-size:.82rem;line-height:1.35;animation:.18s ease-out product-feedback-in;display:flex}.product-operation-feedback.success{color:#236b35;background:#effaf1;border-color:#b8dfc1}.product-operation-feedback.failure{color:#9b1c1c;background:#fff1f1;border-color:#efc0c0}.product-operation-feedback button{color:currentColor;cursor:pointer;background:0 0;border:0;flex:none;padding:0 .15rem;font-size:1.2rem;line-height:1}@keyframes product-feedback-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.product-button{cursor:pointer;border:none;border-radius:.5rem;min-height:2.5rem;padding:.65rem 1rem;font-size:.85rem;font-weight:600;transition:background .2s,color .2s,transform .15s,opacity .2s}.product-button:hover{transform:translateY(-1px)}.product-button:active{transform:translateY(0)}.product-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.product-button-edit{color:#eee;background:#333}.product-button-edit:hover{background:#444}.product-button-edit.active{color:#374151;background:#f3f4f6;border:1px solid #333}.product-button-delete{color:#fff;background:#8f1d1d}.product-button-delete:hover{background:#741717}.product-button-delete.active{color:#8f1d1d;background:#fff1f1;border:1px solid #8f1d1d}.product-button-add{color:#fff;background:#222}.product-button-add:hover{background:#333}.product-error{color:#a00000;background:#fff0f0;border:1px solid #f1b8b8;border-radius:.5rem;margin-bottom:1rem;padding:.8rem 1rem;scroll-margin-top:5rem;font-size:.85rem}.product-form-card{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:.75rem;width:100%;margin-bottom:1.5rem;padding:1.25rem;scroll-margin-top:5rem}.product-form-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.product-form-header h2{color:#444;margin:0;font-size:1.1rem}.product-form-header span{color:#777;margin-top:.3rem;font-size:.8rem;display:block}.product-form-close{color:#333;cursor:pointer;background:#eee;border:none;border-radius:.4rem;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:1.25rem;transition:background .2s;display:flex}.product-form-close:hover{background:#ddd}.product-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.product-form-full{grid-column:1/-1}.product-form-group{flex-direction:column;gap:.4rem;display:flex}.product-form-group label{color:#333;font-size:.85rem;font-weight:600}.product-form-group input,.product-form-group select{box-sizing:border-box;color:#222;background:#fff;border:1px solid #ccc;border-radius:.45rem;outline:none;width:100%;min-height:2.5rem;padding:.65rem .75rem}.product-form-group input:focus,.product-form-group select:focus{border-color:#555}.product-form-group small{color:#888;font-size:.75rem}.product-photo-preview-wrapper{align-items:flex-end;display:flex}.product-photo-preview{background:#f5f5f5;border:1px solid #ddd;border-radius:.75rem;width:7rem;height:7rem;overflow:hidden}.product-photo-preview img{object-fit:cover;width:100%;height:100%;display:block}.product-form-actions{border-top:1px solid #eee;justify-content:flex-end;gap:.75rem;margin-top:1.25rem;padding-top:1rem;display:flex}.product-button-cancel{color:#222;background:#eee}.product-button-cancel:hover{background:#ddd}.product-button-save{color:#fff;background:#222}.product-button-save:hover{background:#333}.product-list-card{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:.75rem;width:100%;margin-inline:auto;overflow:hidden}.product-list-header{text-align:left;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.product-list-tools{justify-content:flex-end;align-items:center;gap:.65rem;min-width:min(28rem,55%);display:flex}.product-search-control{width:min(17rem,30vw);display:block}.product-search-control input{box-sizing:border-box;color:#333;width:100%;min-height:2.5rem;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:.55rem;outline:none;padding:.55rem .75rem;font-size:.84rem;transition:border-color .15s,box-shadow .15s}.product-search-control input:focus{border-color:#555;box-shadow:0 0 0 3px #2222221a}.product-search-control input::placeholder{color:#999}.product-filter-button{color:#333;min-height:2.5rem;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:.55rem;flex-shrink:0;padding:.55rem .85rem;font-size:.84rem}.product-filter-button:hover{background:#f5f5f5}.product-filter-backdrop{z-index:1000;background:#11182747;justify-content:flex-end;display:flex;position:fixed;inset:0}.product-filter-drawer{box-sizing:border-box;background:#fff;width:19rem;max-width:88vw;height:100%;padding:1.15rem;overflow-y:auto;box-shadow:-8px 0 28px #0000001f}.product-filter-drawer-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.product-filter-drawer-heading h3{margin:0;font-size:1.05rem}.product-filter-drawer-heading button{color:#555;cursor:pointer;background:0 0;border:0;font-size:1.6rem;line-height:1}.product-filter-options{gap:.65rem;margin-bottom:1.15rem;display:grid}.product-filter-options strong{margin-bottom:.1rem;font-size:.9rem}.product-filter-options label{color:#4b5563;cursor:pointer;align-items:center;gap:.55rem;font-size:.88rem;display:flex}.product-filter-options input{accent-color:#222}.product-filter-options small{color:#777}.product-filter-reset{color:#333;width:100%;min-height:2.4rem;font:inherit;cursor:pointer;background:#f8f8f8;border:1px solid #d1d5db;border-radius:.5rem}.product-list-header .product-total-count{color:#555;white-space:nowrap;background:#f7f7f7;border:1px solid #e5e7eb;border-radius:999px;flex-shrink:0;margin:0;padding:.45rem .75rem;font-size:.8rem;font-weight:600}.product-page .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.product-list-header h2{color:#222;margin:0;font-size:1rem}.product-list-header span{color:#777;margin-top:.25rem;font-size:.8rem;display:block}.product-edit-hint{color:#555;background:#f0f0f0;border-radius:.4rem;padding:.4rem .7rem;font-size:.75rem}.product-mode-hint{border:1px solid #e3e3e3;margin:-.65rem 0 1rem .5rem}.product-mode-hint.delete-hint{color:#8f1d1d;background:#fff5f5;border-color:#f0caca}.product-table-wrapper{width:100%;overflow-x:auto}.product-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:0}.product-table th,.product-table td{text-align:left;border:1px solid #dedede;padding:.55rem .6rem}.product-table th:first-child,.product-table td:first-child{text-align:center;width:7%}.product-table th:nth-child(2),.product-table td:nth-child(2){width:29%}.product-table th:nth-child(3),.product-table td:nth-child(3){width:16%}.product-table th:nth-child(4),.product-table td:nth-child(4){width:22%}.product-table th:nth-child(5),.product-table td:nth-child(5){width:10%}.product-table th:nth-child(6),.product-table td:nth-child(6){width:16%}.product-table th:nth-child(4),.product-table td:nth-child(4),.product-table th:nth-child(5),.product-table td:nth-child(5),.product-table th:nth-child(6),.product-table td:nth-child(6){text-align:center}.product-name-primary,.product-name-meta,.product-timestamp-cell{display:block}.product-cup-cell{vertical-align:middle;white-space:nowrap;text-align:center}.product-table td.product-cup-cell .product-cup-description{color:#555;font-size:.84rem;font-weight:400}.product-table td.product-cup-cell .product-cup-size{margin-left:.3rem;font-size:.92rem;font-weight:700}.product-recipe-cell>span{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.product-name-primary{margin-bottom:.2rem}.product-name-meta{color:#858585;margin-top:.12rem;font-size:.72rem;line-height:1.35}.product-recipe-cell>span+span{margin-top:.42rem}.product-recipe-empty{color:#858585;font-weight:400}.product-recipe-cell strong,.product-recipe-cell small,.product-cup-cell strong,.product-cup-cell small,.product-timestamp-cell small{display:block}.product-cup-cell strong{white-space:nowrap}.product-recipe-cell small,.product-cup-cell small,.product-timestamp-cell small{color:#858585;margin-top:0;font-size:.78rem}.product-recipe-cell small{white-space:nowrap;flex:none}.product-timestamp-cell small:first-child{color:#333;font-size:.86rem;font-weight:600}.product-table th{color:#444;text-align:center;white-space:nowrap;background:#f5f5f5;font-size:.92rem;font-weight:700}.product-table td{color:#333;font-size:.84rem}.product-row{cursor:default;transition:background .15s}.product-row:hover{background:#fafafa}.product-page.selection-mode .product-row{cursor:pointer}.product-page.selection-mode .product-row:hover{background:#f3f3f3}.product-page.selection-mode .product-row:active{background:#e9e9e9}.product-page.selection-mode .product-row.selected{background:#eee}.product-page.selection-mode .product-row.selected:hover{background:#e7e7e7}.product-delete-backdrop{z-index:1100;background:#00000073;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.product-delete-modal{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:.75rem;width:min(100%,28rem);padding:1.4rem;box-shadow:0 1rem 3rem #0000002e}.product-delete-modal h2{color:#222;margin:0;font-size:1.1rem}.product-delete-modal p{color:#666;margin:.75rem 0 1.25rem;font-size:.9rem;line-height:1.5}.product-delete-actions{border-top:1px solid #eee;justify-content:flex-end;gap:.65rem;padding-top:1rem;display:flex}.product-button-delete-confirm{color:#fff;background:#b42318}.product-button-delete-confirm:hover:not(:disabled){background:#912018}.product-table-photo{object-fit:cover;background:0 0;border-radius:.5rem;width:3.25rem;height:3.25rem;margin-inline:auto;display:block}.product-table-photo-placeholder{color:#999;background:0 0;border-radius:.5rem;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;margin-inline:auto;display:flex}.product-state{text-align:center;color:#777;padding:3rem 1rem;font-size:.9rem}@media (width<=48rem){.product-cup-cell{white-space:normal;text-align:center}.product-cup-description,.product-cup-size{display:block}.product-table td.product-cup-cell .product-cup-size{margin-left:0}.product-table th:first-child,.product-table td:first-child{text-align:left}.product-table-photo,.product-table-photo-placeholder{margin-left:0;margin-right:0}.product-list-card{width:100%}.product-page{padding:1rem}.product-header{flex-direction:column;align-items:flex-start}.product-header-actions{width:100%}.product-header-controls{align-items:stretch;width:100%}.product-operation-feedback{width:100%}.product-header-actions .product-button{flex:1}.product-form-grid{grid-template-columns:1fr}.product-form-full{grid-column:auto}.product-list-header{flex-direction:column;align-items:flex-start}.product-list-tools{justify-content:space-between;width:100%;min-width:0}.product-search-control{flex:1;width:auto}.product-edit-hint{box-sizing:border-box;width:100%}.product-mode-hint{margin:0 0 1rem}}@media (width<=30rem){.product-page{padding:.75rem}.product-header-title h1{font-size:1.25rem}.product-header-actions{flex-direction:row;width:100%}.product-header-actions .product-button{flex:1;width:auto;padding-left:.5rem;padding-right:.5rem;font-size:.78rem}.product-form-card{padding:1rem}.product-form-actions{flex-direction:column-reverse}.product-form-actions .product-button{width:100%}.product-table{width:100%;min-width:0}}.bahan-page{box-sizing:border-box;color:#222;width:100%;padding:1.5rem}.bahan-header,.bahan-card-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.bahan-table-tools{justify-content:flex-end;align-items:center;gap:.65rem;min-width:0;display:flex}.table-search-control{width:min(17rem,30vw);display:block}.table-search-control input{box-sizing:border-box;color:#333;width:100%;min-height:2.5rem;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:.55rem;outline:none;padding:.55rem .75rem;font-size:.84rem;transition:border-color .15s,box-shadow .15s}.table-search-control input:focus{border-color:#555;box-shadow:0 0 0 3px #2222221a}.table-search-control input::placeholder{color:#999}.bahan-filter-button,.product-filter-button{color:#333;min-height:2.5rem;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:.55rem;padding:.55rem .85rem;font-size:.84rem}.bahan-filter-button:hover,.product-filter-button:hover{background:#f5f5f5}.bahan-filter-backdrop,.product-filter-backdrop{z-index:1000;background:#11182747;justify-content:flex-end;display:flex;position:fixed;inset:0}.bahan-filter-drawer,.product-filter-drawer{box-sizing:border-box;background:#fff;width:19rem;max-width:88vw;height:100%;padding:1.15rem;overflow-y:auto;box-shadow:-8px 0 28px #0000001f}.bahan-filter-drawer-heading,.product-filter-drawer-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.bahan-filter-drawer-heading h3,.product-filter-drawer-heading h3{margin:0;font-size:1.05rem}.bahan-filter-drawer-heading button,.product-filter-drawer-heading button{color:#555;cursor:pointer;background:0 0;border:0;font-size:1.6rem;line-height:1}.bahan-filter-options,.product-filter-options{gap:.65rem;margin-bottom:1.15rem;display:grid}.bahan-filter-options strong,.product-filter-options strong{margin-bottom:.1rem;font-size:.9rem}.bahan-filter-options label,.product-filter-options label{color:#4b5563;cursor:pointer;align-items:center;gap:.55rem;font-size:.88rem;display:flex}.bahan-filter-options input,.product-filter-options input{accent-color:#222}.bahan-filter-options small,.product-filter-options small{color:#777}.bahan-filter-reset,.product-filter-reset{color:#333;width:100%;min-height:2.4rem;font:inherit;cursor:pointer;background:#f8f8f8;border:1px solid #d1d5db;border-radius:.5rem}.bahan-header{text-align:left;align-items:center;margin:1.5rem .5rem}.bahan-header-title h1,.bahan-card-heading h2,.bahan-form-title{margin:0}.bahan-form-note{color:#697386;margin:-.35rem 0 1rem;font-size:.875rem}.bahan-header-title h1{color:#333;font-size:1.8rem}.bahan-header-title p,.bahan-card-heading p{color:#777;margin:.35rem 0 0;font-size:.88rem}.bahan-header-controls{justify-content:flex-end;align-items:center;gap:.75rem;margin-left:auto;display:flex}.bahan-outlet-control{align-items:center;gap:.55rem;display:flex}.bahan-outlet-label{color:#555;font-size:1.2rem;font-weight:500}.bahan-outlet-select-wrap select{box-sizing:border-box;appearance:none;color:#333;min-width:12rem;min-height:2.65rem;font:inherit;cursor:pointer;background-color:#fff;background-image:linear-gradient(45deg,#0000 50%,#666 50%),linear-gradient(135deg,#666 50%,#0000 50%);background-position:calc(100% - 17px),calc(100% - 12px);background-repeat:no-repeat;background-size:5px 5px;border:1px solid #d1d5db;border-radius:.6rem;padding:.55rem 2.35rem .55rem .9rem;font-size:.86rem;transition:border-color .15s,box-shadow .15s}.bahan-outlet-select-wrap select:hover:not(:disabled){border-color:#999}.bahan-outlet-select-wrap select:focus{border-color:#555;outline:none;box-shadow:0 0 0 3px #2222221a}.bahan-outlet-select-wrap select:disabled{color:#888;cursor:not-allowed;background-color:#f5f5f5}.bahan-card{background:#fff;border:1px solid #dedede;border-radius:.75rem;margin-bottom:1.25rem;overflow:hidden}.bahan-card-heading{border-bottom:1px solid #eee;padding:1rem 1.25rem}.bahan-card-heading h2{color:#333;font-size:1rem}.bahan-total-count{color:#555;background:#f7f7f7;border:1px solid #e5e7eb;border-radius:999px;flex-shrink:0;padding:.45rem .75rem;font-size:.8rem;font-weight:600}.bahan-form-card{padding:1.25rem;scroll-margin-top:1rem}.bahan-form-title{color:#333;text-align:center;margin-bottom:1.25rem;font-size:1.15rem}.bahan-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.bahan-field{flex-direction:column;gap:.4rem;display:flex}.bahan-field span{color:#333;font-size:.84rem;font-weight:600}.bahan-field input{box-sizing:border-box;color:#222;width:100%;min-height:2.65rem;font:inherit;background:#fff;border:1px solid #ccc;border-radius:.45rem;padding:.65rem .75rem}.bahan-field input:focus{border-color:#555;outline:2px solid #2222}.bahan-form-actions,.bahan-row-actions,.bahan-modal-actions{justify-content:flex-end;gap:.6rem;display:flex}.bahan-form-actions{border-top:1px solid #eee;grid-column:1/-1;margin-top:.25rem;padding-top:1rem}.bahan-button{min-height:2.4rem;font:inherit;cursor:pointer;border:0;border-radius:.45rem;padding:.55rem .85rem;font-size:.82rem;font-weight:600;transition:background .15s,opacity .15s}.bahan-button:disabled{cursor:not-allowed;opacity:.55}.bahan-button-primary{color:#fff;background:#222}.bahan-button-primary:hover:not(:disabled){background:#444}.bahan-button-light{color:#333;background:#f5f5f5;border:1px solid #ddd}.bahan-button-light:hover:not(:disabled){background:#e9e9e9}.bahan-button-danger{color:#a00000;background:#fff0f0}.bahan-button-danger:hover:not(:disabled){background:#ffe0e0}.bahan-button-danger-confirm{color:#fff;background:#b42318}.bahan-button-danger-confirm:hover:not(:disabled){background:#912018}.bahan-table-wrap{width:100%;overflow-x:auto}.bahan-table{border-collapse:collapse;width:100%;min-width:55rem}.bahan-table th,.bahan-table td{text-align:left;border-bottom:1px solid #eee;padding:.8rem .9rem}.bahan-table th{color:#555;white-space:nowrap;background:#f7f7f7;font-size:.76rem}.bahan-table td{color:#444;font-size:.84rem}.bahan-table tbody tr:last-child td{border-bottom:0}.bahan-name{font-weight:600;color:#222!important}.bahan-row-actions{justify-content:flex-start}.bahan-state{color:#777!important;text-align:center!important;padding:2.5rem!important}.bahan-alert{border:1px solid;border-radius:.5rem;margin:0 0 1rem;padding:.8rem 1rem;font-size:.85rem}.bahan-alert-error{color:#a00000;background:#fff0f0;border-color:#f1b8b8}.bahan-alert-success{color:#256b35;background:#effaf1;border-color:#b9dfc0}.bahan-modal-backdrop{z-index:1000;background:#00000073;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.bahan-confirm-modal{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:.75rem;width:min(100%,27rem);padding:1.4rem;box-shadow:0 1rem 3rem #0000002e}.bahan-confirm-modal h2{color:#222;margin:0;font-size:1.1rem}.bahan-confirm-modal p{color:#666;margin:.75rem 0 1.25rem;font-size:.9rem;line-height:1.5}.bahan-modal-actions{border-top:1px solid #eee;padding-top:1rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=48rem){.bahan-page{padding:1rem}.bahan-form{grid-template-columns:1fr}.bahan-form-actions{grid-column:auto}}@media (width<=36rem){.bahan-page{padding:.75rem}.bahan-header{flex-direction:column;align-items:flex-start}.bahan-header-title h1{font-size:1.4rem}.bahan-header-controls{width:100%;margin:0}.bahan-outlet-control,.bahan-outlet-select-wrap{flex:1;min-width:0}.bahan-outlet-select-wrap select{width:100%;min-width:0}.bahan-header-controls>.bahan-button{white-space:nowrap}.bahan-card-heading{flex-direction:column;align-items:stretch}.bahan-table-tools{justify-content:space-between;width:100%}.table-search-control{flex:1;width:auto}.bahan-form-card{padding:1rem}.bahan-form-actions{flex-direction:column-reverse}.bahan-form-actions .bahan-button{width:100%}}.outlet-page .outlet-table{min-width:48rem}.input-home-page{background:#f5f6f7;min-height:100%}.input-home-header{background:#fff;border-bottom:1px solid #e5e5e5;min-height:5rem;padding:1rem 2rem}.input-home-header h1{color:#171717;margin:0 0 .35rem;font-size:1.5rem}.input-home-header p{color:#666;margin:0}.input-status-card{background:#fff;border:1px solid #e1e4e8;border-radius:.8rem;margin:1.75rem 2rem 0;padding:1.2rem;box-shadow:0 3px 12px #1423190d}.input-status-heading{text-align:left;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.input-status-heading h2{color:#202124;margin:0 0 .3rem;font-size:1.05rem}.input-status-heading p{color:#737982;text-align:left;margin:0;font-size:.82rem}.input-status-heading button{color:#34383d;min-height:2.25rem;font:inherit;cursor:pointer;background:#fff;border:1px solid #d6d9dc;border-radius:.45rem;flex:none;padding:.45rem .75rem;font-size:.78rem;font-weight:600}.input-status-heading button:disabled{opacity:.65;cursor:wait}.input-status-table-wrap{border:1px solid #e1e4e8;border-radius:.55rem;overflow-x:auto}.input-status-table{border-collapse:collapse;table-layout:fixed;text-align:center;width:100%;min-width:620px}.input-status-date-col{width:40%}.input-status-data-col{width:20%}.input-status-table th,.input-status-table td{overflow-wrap:anywhere;border:1px solid #e1e4e8;padding:.7rem .8rem;font-size:.84rem}.input-status-table thead th{color:#34383d;text-transform:uppercase;background:#f5f6f7;font-weight:700}.input-status-table tbody th{color:#34383d;white-space:nowrap;background:#fff;font-weight:600}.input-date-cell{justify-content:center;align-items:center;min-height:2rem;display:flex;position:relative}.input-collect-button{color:#6f7780;min-height:1.85rem;font:inherit;cursor:pointer;background:#fff;border:1px solid #d4d8dc;border-radius:.35rem;padding:.25rem .5rem;font-size:.7rem;font-weight:700;position:absolute;left:0}.input-collect-button:not(:disabled){color:#24633a;background:#e6f4ea;border-color:#34764a}.input-collect-button:disabled{opacity:.65;cursor:not-allowed}.input-collect-backdrop{z-index:1200;background:#0f14117a;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.input-collect-dialog{background:#fff;border:1px solid #e0e3e6;border-radius:.8rem;width:min(100%,31rem);padding:1.35rem;box-shadow:0 1rem 3rem #0003}.input-collect-dialog h2{color:#202124;margin:0 0 .8rem;font-size:1.1rem}.input-collect-dialog p{color:#555d66;font-size:.9rem;line-height:1.55}.input-collect-error{color:#a32626!important}.input-collect-actions{justify-content:flex-end;gap:.6rem;margin-top:1.2rem;display:flex}.input-collect-actions button{color:#34383d;min-height:2.35rem;font:inherit;cursor:pointer;background:#fff;border:1px solid #d6d9dc;border-radius:.45rem;padding:.45rem .8rem;font-weight:600}.input-collect-actions button.is-confirm{color:#fff;background:#24633a;border-color:#24633a}.input-collect-actions button:disabled{opacity:.65;cursor:wait}.input-date-select{color:inherit;font:inherit;font-weight:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.35rem;padding:.25rem .4rem}.input-date-select:hover,.input-date-select:focus-visible{color:#24633a;background:#eaf5ee;border-color:#b9d8c4;outline:none}.input-status-table td{font-weight:600;transition:background-color .15s}.input-status-table td.is-warning{color:#775b11;background:#fff3cd}.input-status-table td.is-complete{color:#24633a;background:#dff3e5}.input-status-table td.is-loading{color:#777;background:#f3f4f6}.input-status-link{color:inherit;margin:-.7rem -.8rem;padding:.7rem .8rem;text-decoration:none;display:block}.input-status-link:hover,.input-status-link:focus-visible{outline-offset:-3px;outline:2px solid;text-decoration:underline}.input-status-error{color:#8f1d1d;background:#fff5f5;border:1px solid #f0caca;border-radius:.45rem;margin:0 0 .8rem;padding:.65rem .8rem;font-size:.82rem}.input-sop-card{background:#fff;border:1px solid #e1e4e8;border-radius:.8rem;margin:1rem 2rem 1.75rem;padding:1.2rem;box-shadow:0 3px 12px #1423190d}.input-sop-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.input-sop-heading h2{color:#202124;text-align:left;margin:0 0 .3rem;font-size:1.05rem}.input-sop-heading p{color:#737982;text-align:left;margin:0;font-size:.82rem}.input-sop-heading-meta{align-items:center;gap:.75rem;display:flex}.input-sop-heading-meta>span{color:#737982;font-size:.78rem}.input-sop-heading-meta>strong{color:#34383d;background:#fff;border:1px solid #d6d9dc;border-radius:.45rem;flex:none;padding:.5rem .75rem;font-size:.8rem}.input-sop-table-wrap{border:1px solid #e1e4e8;border-radius:.55rem;overflow-x:auto}.input-sop-table{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%;min-width:0}.input-sop-table th,.input-sop-table td{vertical-align:top;overflow-wrap:anywhere;border:1px solid #e1e4e8;width:33.333%;padding:.7rem .65rem;font-size:.84rem}.input-sop-table thead th{color:#34383d;text-align:center;text-transform:uppercase;background:#f5f6f7;font-weight:700}.input-sop-table tbody th{color:#34383d;white-space:nowrap;background:#fff;min-width:7rem;font-weight:600}.input-sop-table tbody th small{color:#737982;margin-top:.25rem;font-size:.72rem;font-weight:400;display:block}.input-sop-item{color:#565d65;justify-content:space-between;align-items:baseline;gap:1rem;margin:0 0 .3rem;display:flex}.input-sop-item:last-child{margin-bottom:0}.input-sop-item>span{text-align:left;overflow-wrap:anywhere;min-width:0}.input-sop-item strong{color:#202124;text-align:right;overflow-wrap:anywhere;min-width:0;font-weight:600}.input-sop-group+.input-sop-group{margin-top:.65rem}.input-sop-category{color:#34383d;text-transform:uppercase;margin-bottom:.3rem;font-size:.84rem;font-weight:700;display:block}.input-sop-muted{color:#858b93}.input-sop-audit-item{color:#565d65;gap:.22rem;margin-top:.35rem;font-size:.78rem;display:grid}.input-sop-audit-item>strong{color:#34383d;font-size:.82rem}.input-sop-audit-item>span{justify-content:space-between;gap:.8rem;display:flex}.input-sop-audit-item b{color:#202124;text-align:right;font-weight:600}.input-sop-audit-item>span.input-sop-note-row{display:block}.input-sop-audit-item b.input-sop-note{color:#565d65;text-align:left;font-weight:400;display:block}.input-sop-audit-item .is-normal b{color:#24633a}.input-sop-audit-item .is-saving b{color:#b66a00}.input-sop-audit-item .is-excess b,.input-sop-audit-item .is-unit-mismatch b{color:#a32626}@media (width<=48rem){.input-home-header{padding:1rem 1.25rem}.input-status-card{margin:1.25rem 1.25rem 0}.input-sop-card{margin:1rem 1.25rem 1.25rem}}@media (width<=30rem){.input-status-card{margin:1rem .75rem 0;padding:.85rem}.input-status-heading{flex-direction:column;align-items:flex-start}.input-status-table th,.input-status-table td{padding:.55rem .4rem;font-size:.74rem}.input-sop-card{margin:1rem .75rem;padding:.85rem}.input-sop-heading{flex-direction:column;align-items:flex-start}.input-sop-heading-meta{justify-content:space-between;width:100%}.input-sop-table th,.input-sop-table td{padding:.55rem .4rem;font-size:.74rem}.input-sop-item{flex-direction:column;align-items:flex-start;gap:.08rem}.input-sop-item strong{text-align:left}.input-sop-audit-item>span{flex-direction:column;align-items:flex-start;gap:.08rem}.input-sop-audit-item b{text-align:left}}.input-penjualan-page{background:#f5f6f7;width:100%;min-width:280px;min-height:100%}.input-penjualan-header{text-align:left;background:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 2rem;display:flex}.input-penjualan-header-copy{min-width:0}.input-penjualan-header-actions{flex:none;align-items:center;gap:.55rem;display:flex}.sales-form-mode-toggle{color:#fff;min-width:8.7rem;min-height:2.4rem;font:inherit;cursor:pointer;background:#202124;border:1px solid #d5d9de;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.4rem .65rem .4rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex;position:relative}.sales-form-mode-toggle:hover{background:#383a3d}.sales-form-mode-toggle:focus-visible{outline-offset:2px;outline:2px solid #18834a}.sales-form-mode-indicator{background:#8bc99f;border-radius:50%;width:.55rem;height:.55rem}.sales-form-mode-indicator.is-manual{background:#f1bd62}.sales-form-mode-swap{color:#d6d8da;margin-left:auto;font-size:1rem}.input-penjualan-header h1{color:#171717;margin:0 0 .35rem;font-size:1.5rem}.input-penjualan-header p,.sales-section-heading p{color:#6b7280;margin:0;font-size:.9rem}.input-penjualan-back{color:#34383d;background:#fff;border:1px solid #d5d9de;border-radius:.45rem;flex:none;justify-content:center;align-items:center;min-height:2.4rem;padding:.45rem .85rem;font-size:.84rem;font-weight:600;text-decoration:none;display:inline-flex}.input-penjualan-back:hover{background:#f3f4f5}.input-penjualan-back:focus-visible{outline-offset:2px;outline:2px solid #18834a}.input-penjualan-content{box-sizing:border-box;gap:1.25rem;width:min(100%,68rem);margin:0 auto;padding:1.75rem 2rem;display:grid}.sales-files-card,.sales-upload-card,.sales-preview-card,.sales-manual-card{background:#fff;border:1px solid #e1e4e8;border-radius:.8rem;padding:1.35rem;box-shadow:0 3px 12px #1423190d}.sales-manual-card{position:relative;overflow:visible}.sales-section-heading{justify-content:center;align-items:center;gap:1rem;margin-bottom:1.15rem;display:flex;position:relative}.sales-section-heading>div{text-align:center;flex:1}.sales-section-heading.sales-file-heading>div{text-align:left}.sales-section-heading.sales-preview-heading{justify-content:space-between}.sales-preview-heading>div:first-child{text-align:left;flex:0 auto}.sales-preview-tools{flex:1;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.sales-jump-button{color:#42464b;cursor:pointer;background:#fff;border:1px solid #d5d9de;border-radius:.4rem;flex:none;place-items:center;width:2rem;height:2rem;display:inline-grid}.sales-jump-button:hover{background:#f3f5f6;border-color:#9aa1a8}.sales-jump-button:focus-visible{outline-offset:2px;outline:2px solid #18834a}.sales-jump-button span{font-size:1.2rem;line-height:1}.sales-preview-search{width:min(17rem,35vw);display:block}.sales-preview-search input{box-sizing:border-box;color:#333;width:100%;min-height:2.5rem;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:.55rem;outline:none;padding:.55rem .75rem;font-size:.84rem}.sales-preview-search input:focus{border-color:#555;box-shadow:0 0 0 3px #2222221a}.sales-preview-count{color:#555;white-space:nowrap;background:#f7f7f7;border:1px solid #e5e7eb;border-radius:999px;flex:none;padding:.45rem .75rem;font-size:.8rem;font-weight:600}.sales-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sales-section-heading h2{color:#202124;margin:0 0 .35rem;font-size:1.08rem}.sales-section-heading p{line-height:1.45}.sales-dropzone{color:#30343b;text-align:center;background:#fafbfc;border:2px dashed #cbd2d9;border-radius:.7rem;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;min-height:13rem;padding:1.25rem;transition:border-color .15s,background .15s;display:flex;position:relative}.sales-dropzone.is-dragging{background:#f0faf4;border-color:#18834a}.sales-dropzone.has-error{border-color:#d14343}.sales-file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.sales-upload-icon{color:#18834a;background:#eaf5ee;border-radius:50%;place-items:center;width:2.6rem;height:2.6rem;font-size:1.5rem;font-weight:700;display:grid}.sales-dropzone>strong{overflow-wrap:anywhere;max-width:100%;font-size:.96rem}.sales-dropzone>span{color:#737982;font-size:.82rem}.sales-browse-button,.sales-manual-actions button{color:#fff;min-height:2.45rem;font:inherit;cursor:pointer;background:#202124;border:0;border-radius:.45rem;padding:.55rem .9rem;font-size:.84rem;font-weight:600}.sales-browse-button:hover{background:#383a3d}.sales-browse-button:disabled{opacity:.65;cursor:wait}.sales-upload-error{color:#b42318;margin:.25rem 0 0;font-size:.82rem}.sales-demo-badge{color:#5f6368;background:#f1f2f3;border-radius:999px;padding:.3rem .6rem;font-size:.72rem;font-weight:600;position:absolute;top:0;right:0}.sales-file-row{background:#fafbfc;border:1px solid #e3e6e9;border-radius:.55rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.9rem 1rem;display:grid}.sales-file-link{color:#315c44;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.sales-file-arrow{color:#858b91;font-size:1.15rem}.sales-file-actions{gap:.45rem;display:flex}.sales-file-actions button{color:#34383d;font:inherit;cursor:pointer;background:#fff;border:1px solid #d6d9dc;border-radius:.4rem;padding:.45rem .7rem;font-size:.78rem;font-weight:600}.sales-file-actions button:hover{background:#f0f1f2}.sales-file-actions button.is-delete{color:#a12424}.sales-confirm-row{justify-content:flex-end;align-items:center;gap:.8rem;margin-top:1rem;display:flex}.sales-confirm-row>span{color:#6b7280;font-size:.8rem}.sales-confirm-button{color:#fff;min-height:2.5rem;font:inherit;cursor:pointer;background:#202124;border:0;border-radius:.45rem;padding:.55rem .95rem;font-size:.84rem;font-weight:600}.sales-confirm-button:hover:not(:disabled){background:#383a3d}.sales-confirm-button:disabled{cursor:not-allowed;background:#bfc3c8}.sales-save-success{color:#24633a;background:#effaf2;border:1px solid #b7dfc3;border-radius:.45rem;margin:0 0 1rem;padding:.7rem .85rem;font-size:.84rem}.sales-delete-backdrop{z-index:1000;background:#0000007a;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.sales-delete-dialog{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;width:min(100%,28rem);padding:1.35rem;box-shadow:0 1rem 3rem #0003}.sales-delete-dialog h2{color:#202124;margin:0 0 .6rem;font-size:1.1rem}.sales-delete-dialog p{color:#5f6368;overflow-wrap:anywhere;margin:0;font-size:.9rem;line-height:1.5}.sales-delete-actions{border-top:1px solid #eceef0;justify-content:flex-end;gap:.6rem;margin-top:1.25rem;padding-top:.9rem;display:flex}.sales-delete-actions button{color:#34383d;min-height:2.4rem;font:inherit;cursor:pointer;background:#fff;border:1px solid #d5d8dc;border-radius:.45rem;padding:.5rem .85rem;font-size:.84rem;font-weight:600}.sales-delete-actions button.confirm{color:#fff;background:#a12424;border-color:#a12424}.sales-preview-card h2{color:#202124;margin:0 0 .35rem;font-size:1.08rem}.sales-summary-title{color:#30343b;margin:1.25rem 0 .65rem;font-size:.95rem}.sales-manual-detail-heading{justify-content:space-between;align-items:center;gap:.75rem;margin:1.25rem 0 .65rem;display:flex}.sales-manual-detail-heading h3{color:#30343b;text-align:left;margin:0;font-size:.95rem}.sales-mapping-warning{color:#76540b;background:#fff9e9;border:1px solid #f0d28b;border-radius:.45rem;margin:0 0 1rem;padding:.7rem .85rem;font-size:.82rem;line-height:1.45}.sales-preview-table-wrap{border:1px solid #e1e4e8;border-radius:.5rem;overflow-x:auto}.sales-preview-table{table-layout:fixed;border-collapse:collapse;text-align:left;width:100%;font-size:.82rem}.sales-preview-table:not(.sales-summary-table):not(.sales-manual-details-table) th:first-child{width:30%}.sales-preview-table:not(.sales-summary-table):not(.sales-manual-details-table) th:nth-child(2){width:25%}.sales-preview-table:not(.sales-summary-table):not(.sales-manual-details-table) th:nth-child(3){width:14%}.sales-preview-table:not(.sales-summary-table):not(.sales-manual-details-table) th:nth-child(4){width:10%}.sales-preview-table:not(.sales-summary-table):not(.sales-manual-details-table) th:nth-child(5){width:21%}.sales-preview-table.sales-summary-table th:first-child{width:40%}.sales-preview-table.sales-summary-table th:nth-child(2),.sales-preview-table.sales-summary-table th:nth-child(3),.sales-preview-table.sales-summary-table th:nth-child(4){width:12%}.sales-preview-table.sales-summary-table th:nth-child(5){width:24%}.sales-preview-table.sales-manual-details-table th:first-child{width:27%}.sales-preview-table.sales-manual-details-table th:nth-child(2){width:19%}.sales-preview-table.sales-manual-details-table th:nth-child(3){width:12%}.sales-preview-table.sales-manual-details-table th:nth-child(4){width:9%}.sales-preview-table.sales-manual-details-table th:nth-child(5){width:23%}.sales-preview-table.sales-manual-details-table th:nth-child(6){width:10%}.sales-preview-table th,.sales-preview-table td{white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid #e8eaed;padding:.65rem .75rem}.sales-preview-table th{white-space:nowrap;color:#42464b;background:#f5f6f7;font-weight:700}.sales-preview-table tbody tr:last-child td{border-bottom:0}.sales-preview-empty{color:#6b7280;text-align:center;padding:1.5rem!important}.sales-summary-table th:not(:first-child),.sales-summary-table td:not(:first-child){text-align:center}.sales-summary-total{background:#f5f8f6;font-weight:700}.sales-manual-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.sales-manual-form label{color:#3f4349;gap:.4rem;font-size:.82rem;font-weight:600;display:grid}.sales-manual-form input,.sales-manual-form select{box-sizing:border-box;color:#34383d;width:100%;min-height:2.55rem;font:inherit;background:#fff;border:1px solid #d4d8de;border-radius:.45rem;padding:.55rem .7rem;font-size:.84rem}.sales-manual-form input:focus,.sales-manual-form select:focus{border-color:#18834a;outline:2px solid #18834a24}.sales-manual-product-picker{z-index:5;align-content:start;position:relative}.sales-manual-draft-table-wrap{grid-column:1/-1}.sales-manual-draft-table th:first-child{width:72%}.sales-manual-draft-table th:last-child{text-align:center;width:28%}.sales-manual-draft-table tbody tr{height:3.5rem}.sales-manual-draft-table tbody td{box-sizing:border-box;vertical-align:middle;height:3.5rem}.sales-manual-draft-product-cell{justify-content:space-between;align-items:center;gap:.75rem;min-height:2.2rem;display:flex}.sales-manual-draft-product-cell>span{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sales-manual-draft-table td:last-child{text-align:center}.sales-manual-draft-table td:last-child input{text-align:right;width:min(100%,10rem)}.sales-manual-draft-empty{color:#737982;text-align:center;display:table-cell}.sales-manual-draft-remove{color:#a33b3b;cursor:pointer;background:0 0;border:0;border-radius:.35rem;flex:none;padding:.15rem .45rem;font-size:1.1rem}.sales-manual-draft-remove:hover{background:#fff0f0}.sales-manual-search-control{min-width:0;display:flex}.sales-manual-search-control input{border-radius:.45rem 0 0 .45rem;flex:1;min-width:0}.sales-manual-dropdown-toggle{color:#42464b;cursor:pointer;background:#f8f9fa;border:1px solid #d4d8de;border-left:0;border-radius:0 .45rem .45rem 0;flex:0 0 2.7rem;place-items:center;display:grid}.sales-manual-dropdown-toggle:hover{background:#eef1f3}.sales-manual-dropdown-toggle .sales-dropdown-triangle{border-top:.42rem solid #42464b;border-left:.32rem solid #0000;border-right:.32rem solid #0000;width:0;height:0;transition:transform .16s;display:inline-block}.sales-manual-dropdown-toggle .sales-dropdown-triangle.is-open{transform:rotate(180deg)}.sales-manual-dropdown-toggle:disabled{cursor:not-allowed}.sales-manual-product-options{z-index:10;background:#fff;border:1px solid #d4d8de;border-radius:.45rem;max-height:11rem;display:block;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow-y:auto;box-shadow:0 8px 20px #14231926}.sales-manual-product-options button{color:#34383d;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eceef1;gap:.2rem;width:100%;padding:.55rem .7rem;display:grid}.sales-manual-product-options button:last-child{border-bottom:0}.sales-manual-product-options button:hover,.sales-manual-product-options button.is-selected{background:#edf7f0}.sales-manual-product-options button:disabled{cursor:not-allowed}.sales-manual-product-options small{color:#737982;font-size:.74rem;font-weight:400}.sales-manual-product-empty{color:#737982;margin:0;padding:.7rem;font-size:.8rem;font-weight:400}.sales-manual-actions{grid-column:1/-1;justify-content:flex-end;padding-top:.15rem;display:flex}.sales-manual-actions button:disabled{cursor:not-allowed;background:#bfc3c8}@media (width<=48rem){.input-penjualan-header{padding:1rem 1.25rem}.input-penjualan-content{padding:1.25rem}.sales-section-heading.sales-preview-heading{flex-direction:column;align-items:flex-start}.sales-preview-heading>div:first-child{width:100%}.sales-preview-tools{flex-wrap:wrap;width:100%;min-width:0}.sales-preview-search{flex:1;width:auto;min-width:0}}@media (width<=30rem){.input-penjualan-header{flex-wrap:wrap;align-items:center;gap:.6rem;padding-left:.75rem;padding-right:.75rem}.input-penjualan-header-copy{flex:100%}.input-penjualan-header-actions{gap:.35rem}.sales-form-mode-toggle{min-width:7.8rem;padding-left:.7rem;padding-right:.5rem;font-size:.75rem}.input-penjualan-back{padding-left:.55rem;padding-right:.55rem;font-size:.78rem}.input-penjualan-header h1{font-size:1.25rem}.input-penjualan-header p{font-size:.8rem}.input-penjualan-back{min-height:2.2rem;padding:.4rem .65rem}.sales-preview-search{flex:100%}.sales-preview-tools{justify-content:flex-start}}@media (width<=36rem){.sales-upload-card,.sales-files-card,.sales-preview-card,.sales-manual-card{padding:1rem}.sales-file-row{flex-direction:column;align-items:stretch;gap:.55rem;min-width:0;display:flex}.sales-file-link{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}.sales-file-arrow{display:none}.sales-file-actions{grid-column:1/-1;justify-content:flex-end}.sales-confirm-row{flex-direction:column;align-items:stretch}.sales-manual-form{grid-template-columns:1fr}.sales-manual-actions{grid-column:auto}}.input-fisik-page{background:#f5f6f7;min-height:100%;padding-bottom:1.5rem}.input-fisik-header{text-align:left;background:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 2rem;display:flex}.input-fisik-header-copy{min-width:0}.input-fisik-header-actions{flex:none;align-items:center;gap:.55rem;display:flex}.input-fisik-header h1{color:#171717;margin:0 0 .35rem;font-size:1.5rem}.input-fisik-header p{color:#6b7280;margin:0;font-size:.9rem}.input-fisik-back,.input-fisik-actions button{color:#34383d;min-height:2.4rem;font:inherit;cursor:pointer;background:#fff;border:1px solid #d6d9dc;border-radius:.45rem;justify-content:center;align-items:center;padding:.45rem .85rem;font-size:.84rem;font-weight:600;text-decoration:none;display:inline-flex}.input-fisik-back:hover{background:#f3f4f5}.input-fisik-back:focus-visible{outline-offset:2px;outline:2px solid #18834a}.input-fisik-card{background:#fff;border:1px solid #e1e4e8;border-radius:.8rem;margin:1.5rem 2rem 0;padding:1.2rem;box-shadow:0 3px 12px #1423190d}.input-fisik-subform+.input-fisik-subform{border-top:1px solid #e5e8eb;margin-top:1.5rem;padding-top:1.35rem}.input-fisik-subform h2{color:#252a30;margin:0 0 .8rem;font-size:1.05rem}.input-fisik-table input{box-sizing:border-box;color:#34383d;min-height:2.35rem;font:inherit;background:#fff;border:1px solid #d5d9de;border-radius:.4rem;padding:.45rem .6rem;font-size:.82rem}.input-fisik-message{border:1px solid;border-radius:.45rem;margin:0 0 .9rem;padding:.65rem .8rem;font-size:.82rem}.input-fisik-message.is-error{color:#8f1d1d;background:#fff5f5;border-color:#edc5c5}.input-fisik-message.is-success{color:#24633a;background:#eff9f1;border-color:#c3dfca}.input-fisik-state{color:#737982;text-align:center;margin:0;padding:1.5rem}.input-fisik-table-wrap{border:1px solid #e1e4e8;border-radius:.5rem;overflow-x:auto}.input-fisik-table{border-collapse:collapse;text-align:center;width:100%;min-width:980px}.input-fisik-table th,.input-fisik-table td,.input-fisik-table th{vertical-align:middle;text-align:center;border:1px solid #e1e4e8;padding:.6rem;font-size:.8rem}.input-fisik-table thead th{color:#34383d;text-align:center;white-space:nowrap;text-transform:uppercase;background:#f5f6f7}.input-fisik-table tbody th{color:#34383d;text-align:left;min-width:10rem;font-weight:600}.input-fisik-table tbody th small{color:#737982;margin-top:.2rem;font-size:.72rem;font-weight:400;display:block}.input-fisik-table input[type=number]{text-align:center;width:7.5rem}.input-fisik-table input[type=text]{text-align:center;width:90%}.input-fisik-powder-table{table-layout:fixed;min-width:1080px}.input-fisik-powder-table th,.input-fisik-powder-table td{padding:.45rem .35rem;font-size:.76rem}.input-fisik-powder-table th:first-child{width:15%}.input-fisik-powder-table th:nth-child(2),.input-fisik-powder-table th:nth-child(3),.input-fisik-powder-table th:nth-child(4),.input-fisik-powder-table th:nth-child(5),.input-fisik-powder-table th:nth-child(6),.input-fisik-powder-table th:nth-child(7){width:12%}.input-fisik-powder-table th:nth-child(8){width:11%}.input-fisik-powder-table input[type=number]{width:min(100%,6.5rem);padding-inline:.35rem}.input-fisik-powder-table input[type=text]{width:100%;padding-inline:.35rem}.input-fisik-powder-opening strong,.input-fisik-powder-opening small{display:block}.input-fisik-powder-opening strong{color:#34383d;white-space:nowrap;font-weight:600}.input-fisik-powder-opening small{color:#737982;margin-top:.2rem;font-size:.7rem}.input-fisik-readonly-value{color:#454b52;text-align:right;white-space:nowrap;font-weight:600}.input-fisik-usage strong,.input-fisik-usage span{display:block}.input-fisik-usage strong{color:#34383d;white-space:nowrap;font-size:.84rem;font-weight:700}.input-fisik-usage span{margin-top:.2rem;font-size:.76rem;font-weight:600}.input-fisik-usage.is-normal span{color:#24633a}.input-fisik-usage.is-saving span{color:#b66a00}.input-fisik-usage.is-excess span{color:#a32626}.input-fisik-usage.is-pending{color:#737982;font-size:.76rem}.input-fisik-ctp-remainder{color:#515b55;background:#f5faf7;border:1px solid #d9e5df;border-radius:.45rem;margin:0 0 .85rem;padding:.65rem .8rem;font-size:.84rem}.input-fisik-ctp-remainder strong{color:#252a27}.input-fisik-warning{color:#76530c;background:#fff8e8;border:1px solid #f0d59a;border-radius:.45rem;margin:0 0 .85rem;padding:.65rem .8rem;font-size:.84rem}.input-fisik-warning strong{font-weight:700}.input-powder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.input-powder-card{background:#fff;border:1px solid #e1e4e8;border-radius:.55rem;min-width:0;padding:.9rem}.input-powder-card h3{color:#34383d;margin:0 0 .8rem;font-size:.95rem}.input-powder-card h3 small{color:#737982;margin-top:.2rem;font-size:.74rem;font-weight:400;display:block}.input-powder-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.input-powder-field{color:#5c626a;text-transform:uppercase;gap:.3rem;min-width:0;font-size:.72rem;display:grid}.input-powder-field>strong{color:#34383d;text-transform:none;align-items:center;min-height:2.35rem;font-size:.82rem;font-weight:600;display:flex}.input-powder-field>strong.is-centered{text-align:center;justify-content:center}.input-powder-ctp-remainder{color:#5c626a;text-align:center;text-transform:uppercase;border:1px solid #e1e4e8;border-radius:.4rem;justify-items:center;gap:.2rem;margin:0 0 .75rem;padding:.5rem;font-size:.72rem;display:grid}.input-powder-ctp-remainder strong{color:#34383d;text-transform:none;font-size:.88rem;font-weight:600}.input-powder-field input{box-sizing:border-box;color:#34383d;width:100%;min-width:0;min-height:2.35rem;font:inherit;text-transform:none;background:#fff;border:1px solid #d5d9de;border-radius:.4rem;padding:.45rem .55rem;font-size:.82rem}.input-powder-field input[type=number]{text-align:center}.input-powder-note{grid-column:1/-1}.input-powder-note-label,.input-powder-note input{text-align:left}.input-fisik-formula{color:#737982;margin:.85rem 0 0;font-size:.8rem}.input-fisik-actions{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.input-fisik-actions span{color:#737982;font-size:.78rem}.input-fisik-action-buttons{align-items:center;gap:.55rem;margin-left:auto;display:flex}.input-fisik-actions button{color:#fff;background:#202124;border-color:#202124}.input-fisik-actions button.input-fisik-reset{color:#34383d;background:#fff;border-color:#d6d9dc}.input-fisik-actions button:disabled{opacity:.6;cursor:wait}@media (width<=48rem){.input-fisik-header{padding:1rem 1.25rem}.input-fisik-card{margin:1.25rem 1.25rem 0}.input-powder-grid{grid-template-columns:1fr}}@media (width<=30rem){.input-fisik-header{flex-wrap:wrap;align-items:center;gap:.6rem;padding-left:.75rem;padding-right:.75rem}.input-fisik-header-copy{flex:100%}.input-fisik-header-actions{gap:.35rem}.input-fisik-header h1{font-size:1.25rem}.input-fisik-header p{font-size:.8rem}.input-fisik-back{min-height:2.2rem;padding:.4rem .65rem;font-size:.78rem}.input-fisik-card{margin:1rem .75rem 0;padding:.85rem}.input-powder-fields{grid-template-columns:1fr}.input-powder-note{grid-column:auto}.input-fisik-actions{flex-direction:column;align-items:stretch}.input-fisik-action-buttons{justify-content:flex-end;margin-left:0}}.daily-report-page{background:#f5f6f7;min-height:100%;padding:1.5rem 2rem}.daily-report-page>header{margin-bottom:1rem}.daily-report-page h1{color:#171717;margin:0 0 .3rem;font-size:1.5rem}.daily-report-page p{color:#737982;margin:0}.daily-report-card{background:#fff;border:1px solid #e1e4e8;border-radius:.8rem;padding:1rem;box-shadow:0 3px 12px #1423190d}.daily-report-table-wrap{border:1px solid #e1e4e8;border-radius:.55rem;overflow-x:auto}.daily-report-table-wrap table{border-collapse:collapse;text-align:left;width:100%}.daily-report-table-wrap th,.daily-report-table-wrap td{color:#34383d;border:1px solid #e1e4e8;padding:.75rem .85rem;font-size:.86rem}.daily-report-table-wrap th{background:#f5f6f7;font-weight:700}.daily-report-table-wrap td a,.daily-report-detail-header>a{color:#24633a;font-weight:600;text-decoration:none}.daily-report-status{color:#24633a;background:#dff3e5;border-radius:2rem;padding:.25rem .55rem;font-size:.78rem;font-weight:700;display:inline-block}.daily-report-error{color:#a32626!important;margin:0 0 .8rem!important}.daily-report-detail-header{align-items:flex-start;gap:1rem;display:flex}.daily-report-detail-header>a{background:#fff;border:1px solid #d6d9dc;border-radius:.45rem;flex:none;padding:.55rem .75rem}.daily-report-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;padding:1.35rem;display:grid}.daily-report-meta>div{gap:.45rem;display:grid}.daily-report-meta span,.daily-report-date-block span{color:#737982;font-size:.84rem}.daily-report-meta strong,.daily-report-date-block strong{color:#202124;font-size:1rem}.daily-report-date-block{background:#fff;border-left:.25rem solid #34764a;gap:.5rem;margin:3rem 0 2rem;padding:1rem 1.35rem;display:grid}.daily-report-input-sections{gap:1.5rem;display:grid}.daily-report-input-sections h2{color:#202124;margin:0;font-size:1.15rem}.daily-report-input-sections h3{color:#34383d;text-transform:uppercase;margin:0 0 .75rem;font-size:.92rem}.daily-report-empty-section{color:#737982;margin:0;font-size:.86rem}.daily-report-table-wrap td{vertical-align:top}@media (width<=48rem){.daily-report-page{padding:1rem 1.25rem}}@media (width<=30rem){.daily-report-page{padding:.8rem .75rem}.daily-report-meta{grid-template-columns:1fr;gap:1.2rem}.daily-report-date-block{margin:2rem 0 1.5rem}.daily-report-table-wrap table{min-width:48rem}}.audit-input-page{background:#f5f6f7;min-height:100%;padding:1.5rem 2rem}.audit-input-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.audit-input-heading h1{color:#171717;margin:0 0 .3rem;font-size:1.5rem}.audit-input-heading p,.audit-input-subtitle{color:#737982;margin:0}.audit-input-heading select{color:#34383d;max-width:min(100%,27rem);min-height:2.5rem;font:inherit;background:#fff;border:1px solid #d6d9dc;border-radius:.45rem;padding:.45rem .65rem}.audit-input-subtitle{margin:.4rem 0 1rem;font-size:.86rem}.audit-input-card{background:#fff;border:1px solid #e1e4e8;border-radius:.8rem;padding:1rem;box-shadow:0 3px 12px #1423190d}.audit-input-table-wrap{border:1px solid #e1e4e8;border-radius:.55rem;overflow-x:auto}.audit-input-table-wrap table{border-collapse:collapse;table-layout:fixed;width:100%}.audit-input-table-wrap th,.audit-input-table-wrap td{vertical-align:top;border:1px solid #e1e4e8;width:33.333%;padding:.7rem}.audit-input-table-wrap th{color:#34383d;text-align:center;background:#f5f6f7;font-size:.84rem}.audit-input-list{gap:.75rem;display:grid}.audit-input-item{color:#626a73;border-bottom:1px solid #edf0f2;gap:.35rem;padding-bottom:.7rem;font-size:.8rem;display:grid}.audit-input-item>strong{color:#34383d;font-size:.86rem}.audit-input-item>span{justify-content:space-between;gap:.5rem;display:flex}.audit-input-item b{color:#202124;text-align:right;font-weight:600}.audit-input-item .audit-input-note{display:block}.audit-input-note b{color:#626a73;text-align:left;overflow-wrap:anywhere;margin-top:.15rem;font-weight:400;display:block}.audit-input-muted{color:#737982;font-size:.84rem}.audit-input-empty{padding:1rem}.audit-input-error{color:#a32626}@media (width<=48rem){.audit-input-page{padding:1rem 1.25rem}}@media (width<=36rem){.audit-input-page{padding:.8rem .75rem}.audit-input-heading{flex-direction:column;align-items:flex-start}.audit-input-heading select{width:100%;max-width:100%}.audit-input-table-wrap table{min-width:42rem}}.login-page{box-sizing:border-box;background-color:#b3b3b3;background-image:var(--login-background);background-position:50%;background-repeat:no-repeat;background-size:55%;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1.5rem;display:flex;position:relative}.login-page:before{content:"";z-index:0;background:#b3b3b3b8;position:absolute;inset:0}.login-card{z-index:1;box-sizing:border-box;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);background:#d9d9d9f0;border:.025rem solid #333;border-radius:1rem;width:100%;max-width:30rem;padding:3rem;position:relative;box-shadow:0 .625rem 1.875rem #00000026}.login-header{margin-bottom:1.75rem}.login-header h1{color:#333;margin:0 0 1rem}.login-header p{color:#333;margin:0;font-size:1rem;font-weight:500}.form-group{margin-bottom:1.125rem}.form-group label{color:#333;text-align:left;margin-bottom:.5rem;margin-left:.6rem;font-weight:600;display:block}.form-group input{box-sizing:border-box;color:#333;background-color:#f5f5f5;border:.0625rem solid #d9d9d9;border-radius:1rem;outline:none;width:100%;padding:.75rem .875rem;font-size:1rem;transition:border-color .2s,background-color .2s}.form-group input:focus{background-color:#fff;border-color:#333}.login-card button{color:#fff;cursor:pointer;background:#111;border:none;border-radius:1rem;width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:600;transition:background-color .2s,opacity .2s,transform .1s}.login-card button:hover:not(:disabled){background:#333}.login-card button:active:not(:disabled){transform:scale(.98)}.login-card button:disabled{opacity:.45;cursor:not-allowed}.login-error{color:#c62828;background:#ffecec;border-radius:.5rem;margin-bottom:1rem;padding:.625rem .75rem;font-size:.875rem}@media (width<=48rem){.login-page{background-size:cover;padding:1.25rem}.login-card{max-width:28rem;padding:2.5rem}}@media (width<=30rem){.login-page{background-position:50%;padding:1rem}.login-card{border-radius:.875rem;max-width:none;padding:2rem 1.5rem}.login-header{margin-bottom:1.5rem}.login-header h1{margin-left:0;font-size:1.75rem}.login-header p{font-size:.9375rem}.form-group{margin-bottom:1rem}.form-group label{margin-left:.25rem;font-size:.9375rem}.form-group input{padding:.7rem .75rem;font-size:.9375rem}.login-card button{padding:.7rem .875rem;font-size:.9375rem}.login-error{font-size:.8125rem}}.dashboard-page{background:#f5f5f5;width:100%;height:100%;display:flex}.dashboard-main{flex-direction:column;width:100%;min-width:0;height:100%;display:flex}.dashboard-header{text-align:left;background:#fff;border-bottom:.0625rem solid #e5e5e5;align-items:center;min-height:5rem;padding:1rem 2rem;display:flex}.dashboard-header h1{color:#111;text-align:left;margin:0 0 .375rem;font-size:1.5rem}.dashboard-header p{text-align:left;color:#666;margin:0;font-size:.9375rem}.dashboard-content{flex:1;padding:2rem;overflow-y:auto}.dashboard-title{margin-bottom:1.5rem}.dashboard-title h2{margin:0 0 .375rem;font-size:1.5rem}.dashboard-title p{color:#666;margin:0}.dashboard-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.dashboard-card{background:#fff;border:.0625rem solid #e5e5e5;border-radius:1rem;padding:1.5rem}.dashboard-card span{color:#666;margin-bottom:.75rem;font-size:.875rem;display:block}.dashboard-card strong{color:#111;font-size:2rem}.user-management{box-sizing:border-box;width:100%;padding:2rem}.user-management-header{text-align:left;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.5rem;display:flex}.user-management-header h1{color:#374151;margin:0;font-size:1.8rem}.user-management-header p{color:#6b7280;margin:.4rem 0 0}.user-management-header button{cursor:pointer;color:#fff;background:#111827;border:none;border-radius:.5rem;padding:.7rem 1rem;transition:all .2s}.user-management-header button:hover{background:#1f2937}.user-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;margin-bottom:1rem;padding:.8rem 1rem}.user-form-card,.user-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:1.5rem;overflow:hidden}.user-form-header,.user-table-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.user-form-header h2,.user-table-header h2{color:#374151;margin:0;font-size:1.1rem}.user-form-header button{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:1.1rem;transition:all .2s}.user-form-header button:hover{color:#111827}.user-form-card form{padding:1.25rem}.user-form-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:#374151;font-size:.9rem;font-weight:600}.form-group input,.form-group select{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:.45rem;outline:none;width:100%;padding:.7rem;transition:all .2s}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m5 7.5 5 5 5-5' stroke='%236b7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;min-height:2.75rem;padding-right:2.4rem}.form-group input:focus,.form-group select:focus{border-color:#111827;box-shadow:0 0 0 2px #11182714}.user-profile-section{border-bottom:1px solid #e5e7eb;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.user-profile-preview{color:#9ca3af;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:6rem;height:6rem;font-size:2.2rem;display:flex;overflow:hidden}.user-profile-preview .user-profile-icon{width:66%;height:66%}.user-profile-preview img{object-fit:cover;width:100%;height:100%;display:block}.user-profile-controls{flex-direction:column;gap:.35rem;display:flex}.user-profile-controls strong{color:#374151;font-size:.95rem}.user-profile-controls>span{color:#6b7280;font-size:.82rem}.user-photo-buttons{align-items:center;gap:.5rem;margin-top:.45rem;display:flex}.photo-select-button,.photo-remove-button{cursor:pointer;border:none;border-radius:.4rem;padding:.5rem .75rem;font-size:.85rem;transition:all .2s}.photo-select-button{color:#fff;background:#111827}.photo-select-button:hover{background:#1f2937}.photo-remove-button{color:#b91c1c;background:#fee2e2}.photo-remove-button:hover{background:#fecaca}.permissions-section{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.permissions-title{margin-bottom:1rem}.permissions-title h3{color:#374151;margin:0}.permissions-title span{color:#6b7280;margin-top:.25rem;font-size:.85rem;display:block}.permission-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;display:grid}.permission-item{cursor:pointer;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.6rem;padding:.75rem;transition:all .2s;display:flex}.permission-item:hover{background:#f9fafb;border-color:#d1d5db}.permission-item input{cursor:pointer;width:1rem;height:1rem}.permission-item span{color:#374151;font-size:.9rem}.admin-permission-info{color:#374151;background:#f3f4f6;border-radius:.5rem;padding:1rem}.user-form-actions{justify-content:flex-end;gap:.7rem;margin-top:1.5rem;display:flex}.user-form-actions button{cursor:pointer;border:none;border-radius:.45rem;padding:.65rem 1rem;transition:all .2s}.user-form-actions button:first-child{color:#374151;background:#e5e7eb}.user-form-actions button:first-child:hover{background:#d1d5db}.user-form-actions button:last-child{color:#fff;background:#00875a}.user-form-actions button:last-child:hover{background:#1f2937}.user-form-actions button:disabled{opacity:.6;cursor:not-allowed}.user-table-header span{color:#6b7280;font-size:.85rem}.table-wrapper{width:100%;overflow-x:auto}.user-table-card table{border-collapse:collapse;width:100%}.user-table-card th,.user-table-card td{text-align:left;border-bottom:1px solid #e5e7eb;padding:.9rem 1rem}.user-table-card th{color:#374151;background:#f9fafb;font-size:.85rem;font-weight:600}.user-table-card td{color:#374151;font-size:.9rem}.user-table-card tbody tr:hover{background:#fafafa}.user-loading,.user-empty{text-align:center;color:#6b7280;padding:2rem}.user-table-avatar{color:#9ca3af;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:1.1rem;display:flex;overflow:hidden}.user-table-avatar img{object-fit:cover;width:100%;height:100%;display:block}.role-badge{border-radius:999px;padding:.3rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.role-1{color:#6d28d9;background:#ede9fe}.role-2{color:#1d4ed8;background:#dbeafe}.role-3{color:#4b5563;background:#f3f4f6}.user-actions{gap:.5rem;display:flex}.user-actions button{cursor:pointer;color:#fff;background:#00ca1b;border:none;border-radius:.4rem;min-width:4rem;padding:.45rem .65rem;transition:all .2s}.user-actions button:hover{filter:brightness(.95)}.user-actions .edit-button{color:#fff;background:#00875a}.user-actions .delete-button{color:#b91c1c;background:#fee2e2}.user-actions .delete-button:hover{background:#fecaca}.photo-modal-overlay{z-index:9999;box-sizing:border-box;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1118278c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.photo-modal{background:#fff;border-radius:.85rem;flex-direction:column;width:min(32rem,100%);max-height:calc(100vh - 2rem);animation:.18s ease-out photoModalAppear;display:flex;overflow:hidden;box-shadow:0 20px 50px #0003}@keyframes photoModalAppear{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.photo-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:1.1rem 1.25rem;display:flex}.photo-modal-header h2{color:#111827;margin:0;font-size:1.1rem}.photo-modal-header p{color:#6b7280;margin:.3rem 0 0;font-size:.82rem}.photo-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.4rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;transition:all .2s;display:flex}.photo-modal-close:hover{color:#111827;background:#f3f4f6}.photo-modal-body{padding:1.25rem}.photo-drop-zone{box-sizing:border-box;text-align:center;cursor:pointer;background:#fafafa;border:2px dashed #d1d5db;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;min-height:17rem;padding:1.5rem;transition:border-color .2s,background .2s,transform .2s;display:flex}.photo-drop-zone:hover{background:#f9fafb;border-color:#9ca3af}.photo-drop-zone.dragging{background:#f3f4f6;border-color:#111827;transform:scale(1.01)}.photo-upload-icon{color:#374151;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-bottom:.8rem;font-size:1.8rem;font-weight:600;display:flex}.photo-drop-zone>strong{color:#374151;font-size:.95rem}.photo-drop-zone>span{color:#6b7280;margin-top:.3rem;font-size:.85rem}.photo-drop-zone>small{color:#9ca3af;margin-top:.7rem;font-size:.75rem}.photo-drop-zone.has-preview{background:#fafafa;padding:1rem}.photo-modal-preview{object-fit:cover;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.7rem;width:12rem;height:12rem;box-shadow:0 4px 12px #00000014}.photo-preview-info{flex-direction:column;align-items:center;gap:.25rem;margin-top:.8rem;display:flex}.photo-preview-info strong{color:#374151;font-size:.9rem}.photo-preview-info span{color:#6b7280;font-size:.8rem}.photo-modal-footer{background:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.photo-modal-footer-right{align-items:center;gap:.5rem;display:flex}.photo-modal-cancel,.photo-modal-folder,.photo-modal-confirm{cursor:pointer;border:none;border-radius:.45rem;padding:.6rem .85rem;font-size:.85rem;transition:all .2s}.photo-modal-cancel{color:#374151;background:#e5e7eb}.photo-modal-cancel:hover{background:#d1d5db}.photo-modal-folder{color:#374151;background:#f3f4f6}.photo-modal-folder:hover{background:#e5e7eb}.photo-modal-confirm{color:#fff;background:#111827}.photo-modal-confirm:hover{background:#1f2937}.photo-modal-confirm:disabled{opacity:.45;cursor:not-allowed}@media (width>=1366px){.permission-list{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width>=1200px) and (width<=1365px){.permission-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=992px) and (width<=1199px){.permission-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=769px) and (width<=991px){.permission-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=481px) and (width<=768px){.permission-list{grid-template-columns:repeat(2,minmax(0,1fr))}.user-management{padding:1rem}.user-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-profile-section{align-items:flex-start}}@media (width<=480px){.permission-list{grid-template-columns:repeat(2,minmax(0,1fr))}.user-management{padding:1rem}.user-form-grid{grid-template-columns:1fr}.user-profile-section{align-items:flex-start}}@media (width<=360px){.permission-list{grid-template-columns:1fr}}@media (width<=30rem){.user-management-header{flex-direction:column;align-items:flex-start;gap:1rem}.user-management-header button{width:100%}.user-profile-section{flex-direction:column}.user-photo-buttons{flex-wrap:wrap}.photo-modal-footer{flex-direction:column-reverse;align-items:stretch;gap:.75rem}.photo-modal-footer-right{width:100%}.photo-modal-footer-right button{flex:1}.photo-modal-cancel{width:100%}.photo-drop-zone{min-height:15rem}.photo-modal-preview{width:10rem;height:10rem}}.sidebar{box-sizing:border-box;color:#fff;z-index:2000;background:#111;flex-direction:column;width:18rem;height:100dvh;transition:width .25s;display:flex;position:fixed;top:0;left:0;overflow:visible}.sidebar--minimized{width:4.5rem}.sidebar-top{box-sizing:border-box;flex-shrink:0;width:100%;min-height:7.5rem;padding:1rem;position:relative}.sidebar-user{box-sizing:border-box;background:#1d1d1d;border-radius:.625rem;flex-direction:row;align-items:center;gap:.75rem;width:100%;min-height:5.5rem;margin:0;padding:.75rem 3rem .75rem .75rem;transition:opacity .2s;display:flex;overflow:hidden}.sidebar-profile-photo{box-sizing:border-box;background:#333;border:2px solid #555;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3.25rem;min-width:3.25rem;height:3.25rem;display:flex;overflow:hidden}.sidebar-profile-photo img{object-fit:cover;width:100%;height:100%;display:block}.sidebar-profile-placeholder{color:#aaa;justify-content:center;align-items:center;width:66%;height:66%;font-size:1.65rem;line-height:1;display:flex}.sidebar-user-info{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:.25rem;min-width:0;display:flex;overflow:hidden}.sidebar-user-info strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:100%;min-width:0;font-size:1rem;font-weight:700;overflow:hidden}.sidebar-user-info span{color:#999;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.7rem;overflow:hidden}.sidebar-toggle{color:#fff;cursor:pointer;box-sizing:border-box;z-index:1001;background:#292929;border:1px solid #444;border-radius:.4rem;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;padding:0;font-size:1.2rem;font-weight:600;line-height:1;transition:background-color .2s,border-color .2s,transform .15s;display:flex;position:absolute;top:1.5rem;right:-1rem}.sidebar-toggle:hover{background:#3a3a3a;border-color:#666}.sidebar-toggle:active{transform:scale(.92)}.sidebar-toggle .sidebarminimizedicon{max-width:.75rem;max-height:.75rem}.sidebar--minimized .sidebar-top{min-height:5rem;padding:1rem .75rem}.sidebar--minimized .sidebar-user{opacity:1;pointer-events:auto;visibility:visible;justify-content:center;align-items:center;gap:0;min-width:3rem;min-height:3rem;padding:.5rem;display:flex}.sidebar--minimized .sidebar-profile-photo{width:2rem;min-width:2rem;height:2rem}.sidebar--minimized .sidebar-user-info{display:none}.sidebar--minimized .sidebar-toggle{margin:0;position:absolute;top:1.5rem;right:-1rem}.sidebar-nav{box-sizing:border-box;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#333 transparent;flex-direction:column;flex:auto;gap:.375rem;min-height:0;padding:1rem;display:flex;overflow:hidden auto}.sidebar-menu{color:#ccc;text-align:left;cursor:pointer;box-sizing:border-box;white-space:nowrap;background:0 0;border:none;border-radius:.625rem;flex-shrink:0;align-items:center;gap:.75rem;width:100%;min-height:3rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;transition:background-color .2s,color .2s;display:flex}.sidebar-menu:hover{color:#fff;background:#292929}.sidebar-menu.active{color:#fff;background:#333;font-weight:600}.sidebar-menu-icon{justify-content:center;align-items:center;width:1.25rem;min-width:1.25rem;font-size:.875rem;line-height:1;display:flex}.sidebar-menu-text{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;transition:opacity .15s;overflow:hidden}.sidebar-admin-panel,.sidebar-admin-panel-toggle{width:100%;position:relative}.sidebar-admin-panel-toggle .sidebar-menu-icon{flex-shrink:0}.sidebar-admin-panel-arrow{color:#999;justify-content:center;align-items:center;width:1rem;min-width:1rem;margin-left:auto;font-size:.75rem;line-height:1;transition:transform .2s,color .2s;display:flex}.sidebar-admin-panel-toggle:hover .sidebar-admin-panel-arrow{color:#fff}.sidebar-admin-panel-submenu{opacity:0;flex-direction:column;gap:.25rem;width:100%;max-height:0;margin-left:0;transition:max-height .25s,opacity .2s,margin .25s;display:flex;overflow:hidden}.sidebar-admin-panel--open .sidebar-admin-panel-submenu{opacity:1;max-height:12rem;margin-top:.125rem}.sidebar-admin-submenu-item{width:100%;min-height:2.75rem;padding:.625rem 1rem .625rem 1.75rem;font-size:.875rem}.sidebar-admin-panel--active .sidebar-admin-panel-toggle{color:#fff;background:#292929}.sidebar-admin-panel--open .sidebar-admin-panel-arrow{color:#fff}.sidebar--minimized .sidebar-admin-panel-toggle{cursor:default;justify-content:center;gap:0;padding-left:0;padding-right:0}.sidebar--minimized .sidebar-admin-panel-toggle .sidebar-menu-text,.sidebar--minimized .sidebar-admin-panel-arrow{display:none}.sidebar--minimized .sidebar-admin-panel-toggle:hover{color:#ccc;background:0 0}.sidebar--minimized .sidebar-admin-panel-submenu{opacity:0;gap:.375rem;width:100%;max-height:0;margin:0;overflow:hidden}.sidebar--minimized .sidebar-admin-panel--open .sidebar-admin-panel-submenu{opacity:1;max-height:12rem;margin-top:.375rem}.sidebar--minimized .sidebar-admin-submenu-item{justify-content:center;gap:0;min-height:2.75rem;padding-left:0;padding-right:0}.sidebar--minimized .sidebar-admin-submenu-item .sidebar-menu-text{display:none}.sidebar--minimized .sidebar-admin-submenu-item .sidebar-menu-icon{width:1.35rem;min-width:1.35rem;font-size:1.1rem}.sidebar--minimized .sidebar-admin-submenu-item.active{color:#fff;background:#333}.sidebar-footer{z-index:1;box-sizing:border-box;border-top:.0625rem solid #333;flex-shrink:0;margin-top:auto;padding:1rem;position:relative}.sidebar-logout{color:#fff;cursor:pointer;box-sizing:border-box;background:#333;border:none;border-radius:.625rem;align-items:center;gap:.75rem;width:100%;min-height:3rem;padding:.7rem 1rem;font-size:.875rem;font-weight:600;transition:background-color .2s,transform .1s;display:flex}.sidebar-logout:hover{background:#444}.sidebar-logout:active{transform:scale(.98)}.sidebar--minimized .sidebar-footer{padding-left:.75rem;padding-right:.75rem}.sidebar--minimized .sidebar-logout{justify-content:center;gap:0;padding-left:0;padding-right:0}.sidebar--minimized .sidebar-logout .sidebar-menu-text{display:none}.sidebar-nav::-webkit-scrollbar{width:.25rem}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#333;border-radius:999px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#444}.mobile-navbar,.mobile-sidebar-overlay{display:none}@media (width<=48rem){.mobile-navbar{box-sizing:border-box;z-index:1000;background:#111;border-bottom:1px solid #292929;align-items:center;width:100%;height:4rem;padding:0 .875rem;display:flex;position:fixed;top:0;left:0}.mobile-navbar-button{color:#fff;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;padding:0;display:flex}.mobile-navbar-button:hover{background:#292929}.mobile-navbar-button:active{transform:scale(.94)}.mobile-navbar-burger{flex-direction:column;gap:.28rem}.mobile-navbar-burger-line{background:#fff;border-radius:999px;width:1.25rem;height:.125rem;display:block}.mobile-navbar-profile{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;margin-left:.25rem;padding:0;display:flex}.mobile-navbar-profile-photo{box-sizing:border-box;background:#333;border:2px solid #555;border-radius:50%;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;display:flex;overflow:hidden}.mobile-navbar-profile-photo img{object-fit:cover;width:100%;height:100%;display:block}.mobile-navbar-profile-placeholder{color:#aaa;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.15rem;line-height:1;display:flex}.mobile-navbar-company{justify-content:center;align-items:center;margin-left:auto;display:flex}.mobile-navbar-company-logo{object-fit:contain;box-sizing:border-box;border-radius:.8rem;width:3rem;height:3rem;display:block}.sidebar{box-sizing:border-box;z-index:2100;flex-direction:column;width:55%;height:100dvh;min-height:0;transition:transform .3s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-100%)}.sidebar.sidebar--mobile-open{transform:translate(0)}.sidebar-top{min-height:7.5rem;padding:1rem}.sidebar-user{opacity:1;visibility:visible;pointer-events:auto}.sidebar-toggle{display:none}.sidebar-nav{flex:1;min-height:0;padding:1rem;overflow:hidden auto}.sidebar--minimized{width:55%}.sidebar--minimized .sidebar-user{justify-content:flex-start;gap:.75rem;min-width:0;min-height:5.5rem;padding:.75rem 3rem .75rem .75rem}.sidebar--minimized .sidebar-profile-photo{width:3.25rem;min-width:3.25rem;height:3.25rem}.sidebar--minimized .sidebar-user-info{display:flex}.sidebar--minimized .sidebar-nav{padding-left:1rem;padding-right:1rem}.sidebar--minimized .sidebar-menu{justify-content:flex-start;gap:.75rem;padding-left:1rem;padding-right:1rem}.sidebar--minimized .sidebar-menu-text{display:inline}.sidebar--minimized .sidebar-menu-icon{width:1.25rem;min-width:1.25rem;font-size:.875rem}.sidebar--minimized .sidebar-footer{padding-left:1rem;padding-right:1rem}.sidebar--minimized .sidebar-logout{justify-content:flex-start;gap:.75rem;padding-left:1rem;padding-right:1rem}.sidebar--minimized .sidebar-logout .sidebar-menu-text{display:inline}.mobile-sidebar-overlay{opacity:0;visibility:hidden;pointer-events:none;z-index:2050;background:#00000073;border:none;width:100%;height:100vh;padding:0;transition:opacity .7s,visibility .7s;display:block;position:fixed;top:0;right:0}.mobile-sidebar-overlay--visible{opacity:1;visibility:visible;pointer-events:auto}.sidebar-footer{flex-shrink:0;padding:1rem}}.sidebar-admin-panel{width:100%}.sidebar-admin-panel-submenu{width:auto;box-shadow:none;visibility:visible;pointer-events:auto;background:0 0;border:none;border-radius:0;margin-left:.75rem;padding:0;position:static;transform:none}.sidebar-admin-panel--open .sidebar-admin-panel-submenu{opacity:1;visibility:visible;pointer-events:auto}.sidebar-admin-panel-toggle{cursor:pointer}.sidebar-admin-panel-arrow{display:flex}.sidebar-admin-submenu-item{width:100%}@media (width<=30rem){.mobile-navbar{height:3.75rem;padding-left:.625rem;padding-right:.625rem}.mobile-navbar-button,.mobile-navbar-profile{width:2.5rem;height:2.5rem}.mobile-navbar-profile-photo{width:2rem;height:2rem}.mobile-navbar-company-logo{width:2rem;height:2rem;font-size:.875rem}.sidebar,.mobile-sidebar-overlay{height:100vh;top:0}.sidebar-nav,.sidebar-footer{padding:.75rem}}.admin-layout{box-sizing:border-box;width:100%;min-height:100vh}.admin-content{box-sizing:border-box;width:calc(100% - 18rem);min-height:100vh;margin-left:18rem;transition:width .25s,margin-left .25s}.admin-layout.sidebar-minimized .admin-content{width:calc(100% - 4.5rem);margin-left:4.5rem}body{overflow-x:hidden}@media (width<=48rem){.admin-layout{width:100%;min-height:100vh;display:block}.admin-content{box-sizing:border-box;width:100%;min-height:100vh;margin-left:0;padding-top:4rem}.admin-layout.sidebar-minimized .admin-content{width:100%;margin-left:0;padding-top:4rem}}@media (width<=30rem){.admin-content{padding-top:3.75rem}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}*,:before,:after{box-sizing:border-box}body{color:#333;background:#f5f5f5;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.route-access-state{color:#555;padding:2rem}.route-access-state button{color:#fff;background:#222;border:0;border-radius:.45rem;min-height:2.4rem;padding:.55rem .9rem}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}