@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@font-face{font-family:"Civil Premium";src:url(../fonts/Civil\ Premium\ Regular.woff2)format("woff2"),url(../fonts/Civil\ Premium\ Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Civil Premium";src:url(../fonts/Civil\ Premium\ Medium.woff2)format("woff2"),url(../fonts/Civil\ Premium\ Medium.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Civil Premium";src:url(../fonts/Civil\ Premium\ Bold.woff2)format("woff2"),url(../fonts/Civil\ Premium\ Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--color-primary:#00b199;--color-primary-dark:#009980;--color-primary-light:#cef9f5;--color-bg:#f9f9f6;--color-surface:#ffffff;--color-text:var(--color-primary);--color-border:#e0e0e0;--color-warning:#f39c12;--color-error:#dc3545;--color-success:#27ae60;--nav-height:5rem;--border-radius:4px;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--color-primary-mid:#e0f7f4;--content-padding:4rem}@media screen and (orientation:portrait){:root{--content-padding:2rem}}*{--scrollbarBG:var(--color-bg);--thumbBG:var(--color-primary);box-sizing:border-box;margin:0;padding:0;font-family:"Civil Premium",Arial,sans-serif;font-size:14px;line-height:1.3;scrollbar-width:thin;scrollbar-color:var(--thumbBG) var(--scrollbarBG)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbarBG)}::-webkit-scrollbar-thumb{background-color:var(--thumbBG);border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--thumbBG),black 15%)}body,html{min-height:100%!important;height:100%;width:100%;overflow:auto}body{background:var(--color-bg);color:var(--color-text)}a,a.nav-link:hover{text-decoration:none}a{color:var(--color-primary)}a:hover{color:var(--color-primary-dark)}.hidden{display:none!important}.lds-ring div,nav{display:block;position:absolute}nav{top:0;width:100%;height:var(--nav-height);background-color:var(--color-primary);box-shadow:var(--shadow-md);z-index:20}.logo,svg.icon{display:inline-block}.logo{position:absolute;top:.5rem;z-index:10;left:var(--content-padding);padding-left:10px}.logo-nav{display:block;height:calc(var(--nav-height) - 2rem)}.nav-user{position:absolute;bottom:.4rem;right:var(--content-padding);color:#fff;font-size:.9rem;opacity:.85;gap:.4rem}.nav-user,.nav-user a{display:flex;align-items:center}.nav-role{font-size:.75rem;opacity:.7;padding:.1rem .4rem;border:1px solid rgba(255,255,255,.4);border-radius:3px}.nav-logout-icon{width:1rem;height:1rem;color:#fff;opacity:.85;cursor:pointer;transition:opacity .2s}.nav-logout-icon:hover{opacity:1}.nav-links{position:absolute;bottom:.4rem;left:50%;transform:translateX(-50%);display:flex;gap:1.5rem;align-items:center}.nav-link{color:#fff;font-size:.95rem;font-weight:600;opacity:.7;text-decoration:none;transition:opacity .2s;display:inline-flex;align-items:center;gap:.35rem;border-bottom:2px solid transparent;padding-bottom:.15rem}a.nav-link:hover{opacity:1}.nav-link-active{opacity:1;border-bottom-color:#fff}.nav-link-icon{width:.85em;height:.85em;color:#fff}.clickable{cursor:pointer;transition:transform .2s}.clickable:hover{transform:scale(1.2)}svg.icon{width:1em;height:1em;vertical-align:-.125em;flex-shrink:0;overflow:visible}.icon-sm{width:14px;height:14px}.icon-lg{width:24px;height:24px}.icon-xl{width:32px;height:32px}.icon-button{width:2rem;height:2rem}.icon-button,.svg-theme{color:var(--color-primary)}img.svg-theme{filter:invert(58%) sepia(85%) saturate(953%) hue-rotate(124deg) brightness(79%) contrast(103%)}.svg-red{color:var(--color-error)}img.svg-red{filter:invert(19%) sepia(95%) saturate(6932%) hue-rotate(358deg) brightness(100%) contrast(110%)}#archive-toggle,#filter-toggle{opacity:.5;transition:opacity .2s,transform .2s}#archive-toggle:hover,#filter-toggle:hover{opacity:.8}#archive-toggle.active,#filter-toggle.active,.list-table thead th.sortable:hover{opacity:1}#archive-toggle{margin-right:.3rem}#backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.15);backdrop-filter:blur(6px);z-index:15}.lds-ring{position:fixed;display:block;left:calc(50% - 2.5rem);top:calc(50% - 2.5rem);width:80px;height:80px;z-index:2000}.lds-ring div{box-sizing:border-box;width:64px;height:64px;margin:8px;border:8px solid #fff;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--color-primary) transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}#toast{visibility:hidden;min-width:250px;background-color:var(--color-primary);color:#fff;text-align:center;border-radius:var(--border-radius);padding:12px 24px;position:fixed;z-index:400;bottom:30px;left:50%;transform:translateX(-50%);font-size:14px;cursor:pointer;display:flex;align-items:center;gap:10px}#toast.show{visibility:visible;animation:fadein .3s}#toast.toast-err{background-color:var(--color-error)}#toast-icon{width:16px;height:16px;flex-shrink:0;display:block;color:#fff;transform:translateY(-.05em)}main{position:absolute;top:var(--nav-height);display:block;left:var(--content-padding);padding:1rem 1rem 7rem;width:calc(100% - var(--content-padding)*2);color:var(--color-primary)}h1{font-weight:600;font-size:1.6rem;margin-top:.5rem}.list-table{width:100%;border-collapse:collapse;table-layout:fixed}.list-table thead th{text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;padding:.6rem .5rem;border-bottom:2px solid var(--color-primary);color:var(--color-primary);opacity:.7;text-align:left;font-weight:600;white-space:nowrap}.list-table thead th.sortable{cursor:pointer;user-select:none;position:relative;padding-right:1.2rem}.list-table thead th.sorted-asc::after,.list-table thead th.sorted-desc::after{content:"▲";position:absolute;right:.2rem;opacity:.9;font-size:.6rem}.list-table thead th.sorted-desc::after{content:"▼"}.list-table td,.list-table th{vertical-align:top;padding:.6rem .5rem;white-space:normal;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis}.list-table td{border-bottom:1px solid var(--color-border)}.list-table td:last-child{overflow:visible}tr.row-highlight{cursor:pointer;transition:background-color .15s}tr.row-highlight:hover{background-color:var(--color-primary-light)!important}.list-table tbody tr.highlight{background:var(--color-primary-mid)}.th-actions{text-align:right!important}.th-actions .icon{vertical-align:middle;margin-left:6px}.th-actions .icon:first-child{margin-left:0}.filter-row.filter-hidden{display:none}.list-table .filter-row th{padding:.4rem .5rem;border-bottom:none;text-transform:none;letter-spacing:normal;opacity:1}.filter-wrap{position:relative;display:block}.filter-clear{position:absolute;right:.3rem;top:50%;transform:translateY(-50%);color:var(--color-primary);font-size:1rem;line-height:1;cursor:pointer;display:none;opacity:.6;transition:opacity .15s}.filter-clear:hover{opacity:1}.filter-wrap.has-value .filter-clear{display:block}input[type=text].filter-input{width:100%;height:1.8rem;border:1px solid var(--color-primary);border-radius:0 0 6px 6px;outline:0;padding:0 1.4rem 0 .4rem;font-size:.8rem;color:var(--color-primary);box-sizing:border-box;text-align:left}input[type=text].filter-input::placeholder{color:var(--color-primary);opacity:.4}input[type=text].filter-input:focus{box-shadow:0 0 0 2px rgba(0,177,153,.15);border-color:var(--color-primary)}mark.filter-highlight{background-color:#fff3cd;color:inherit;padding:2px 0;border-radius:2px}.status-badge{display:inline-block}.status-draft{background-color:#e2e3e5;color:#383d41}.status-new{background-color:#cce5ff;color:#004085}.status-open{background-color:#fff3cd;color:#856404}.status-closed{background-color:#d4edda;color:#155724}.status-submitted{background-color:#fff3cd;color:#856404}.status-returned{background-color:#f8d7da;color:#721c24}.status-ke_schvaleni{background-color:#e2e3f1;color:#383d6e}.status-schvaleno{background-color:#d4edda;color:#155724}.icon-row{display:flex;gap:.2rem;justify-content:flex-end;flex-wrap:nowrap}.icon-row .icon{box-sizing:content-box;width:1.1rem;height:1.1rem;padding:.15rem;border-radius:25%;transition:background-color .15s,transform .2s}.icon-row .icon:hover{background-color:rgba(0,177,153,.08)}#year-pills{display:flex;gap:.5rem;margin-bottom:.8rem}.year-btn{display:inline-flex;align-items:center;gap:.35rem;flex:none;height:2.2rem;padding:0 1rem;border:2px solid var(--color-primary);border-radius:0 0 6px 6px;background:var(--color-surface);color:var(--color-primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s}.year-btn .pill-icon{width:14px;height:14px;opacity:.7}.year-btn:not(.active):hover{background-color:var(--color-primary-light)}.year-btn.active{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.year-btn.active .pill-icon{color:#fff;opacity:1}.row-count{font-size:.85rem;color:var(--color-primary);opacity:.6;padding:.6rem 0}.list-item-elem{vertical-align:middle}.form-container{background:var(--color-surface);padding:24px;border-radius:var(--border-radius);box-shadow:0 2px 8px rgba(0,0,0,.15);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:250;min-width:400px;max-width:600px;max-height:80vh;overflow-y:auto}.form-container label{display:block;margin-bottom:4px;font-weight:600;font-size:13px;color:var(--color-primary-dark)}.form-container input,.form-container select,.form-container textarea{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:14px;margin-bottom:12px}.form-container input:focus,.form-container select:focus,.form-container textarea:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(0,177,153,.2)}.form-container textarea{min-height:80px;resize:vertical}.btn-icon{width:.95rem;height:.95rem;display:block;transform:translateY(-.05em)}.cta-button .btn-icon{color:#fff}.cta-button img.btn-icon{filter:invert(1)}.cta-button-secondary .btn-icon{color:var(--color-primary)}.cta-button-secondary img.btn-icon{filter:invert(58%) sepia(85%) saturate(953%) hue-rotate(124deg) brightness(79%) contrast(103%)}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.4rem;background-color:var(--color-primary);color:#fff;border:0;border-radius:0 0 8px 8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .15s}.cta-button:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.cta-button-secondary{background-color:var(--color-surface);color:var(--color-primary);border:2px solid var(--color-primary)}.cta-button-secondary:hover{background-color:var(--color-primary-light)}.cta-button-danger{background-color:var(--color-error)}.cta-button-danger:hover{background-color:color-mix(in srgb,var(--color-error),black 15%);transform:translateY(-1px)}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.banner{display:block;width:750px;max-width:90%;margin-top:10%;margin-left:auto;margin-right:auto}#edit-form,.landing-buttons{position:fixed;left:0;width:100%;display:flex}.landing-buttons{bottom:8%;flex-direction:column;align-items:center;gap:.75rem}.landing-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.6rem;border-radius:2rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:background-color .2s,box-shadow .2s,transform .15s;cursor:pointer;min-width:260px;justify-content:center}.landing-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.landing-btn-primary{background-color:var(--color-primary);color:#fff}.landing-btn-primary:hover{background-color:var(--color-primary-dark)}.landing-btn-secondary{background-color:var(--color-surface);color:var(--color-primary);border:1.5px solid var(--color-primary)}.landing-btn-secondary:hover{background-color:#f0faf8}.landing-btn-icon{height:1.2em;width:auto;vertical-align:middle;flex-shrink:0}.landing-btn-secondary .landing-btn-icon,.landing-footer,html.dark .list-table th{color:var(--color-primary)}.landing-footer{position:fixed;bottom:1rem;right:1.5rem;display:flex;gap:.75rem;font-size:.75rem;opacity:.6}#edit-form{z-index:250;top:0;height:100%;align-items:flex-start;justify-content:center;padding-top:calc(var(--nav-height) + 2rem);padding-bottom:2rem;overflow-y:auto}#wizard-container{background:var(--color-surface);border:1px solid rgba(0,177,153,.2);border-radius:8px;padding:1.5rem;width:42rem;max-width:90vw;box-shadow:var(--shadow-lg)}.wizard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.wizard-title{font-size:1.15rem;font-weight:700;color:var(--color-primary);margin-bottom:0}.wizard-step-dot,.wizard-steps{display:flex;align-items:center;justify-content:center}.wizard-steps{gap:0;margin-bottom:1.5rem}.wizard-step-dot{width:1.6rem;height:1.6rem;border-radius:50%;border:2px solid var(--color-primary);background:var(--color-surface);color:var(--color-primary);font-size:.7rem;font-weight:700;transition:background-color .2s,color .2s}.wizard-step-dot.active{background-color:var(--color-primary);color:#fff}.wizard-step-line{width:1.5rem;height:2px;background-color:var(--color-primary);opacity:.3}#wizard-container .form-row{margin-bottom:1rem}.form-row-pair{display:flex;gap:1rem}.form-row-pair>.form-row{flex:1;min-width:0}#detail-container label,#wizard-container label,.detail-info-field label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.3rem;color:var(--color-primary)}#wizard-container .form-actions{margin-top:.5rem}.wizard-input{display:block;width:100%;height:2.2rem;border:2px solid var(--color-primary);border-radius:0 0 8px 8px;outline-color:var(--color-primary);padding:0 .5rem;font-size:.9rem;text-align:left;color:var(--color-primary);box-sizing:border-box;background:var(--color-surface)}.wizard-input:focus,input.combo-input:focus{outline:0;box-shadow:0 0 0 3px rgba(0,177,153,.15);border-color:var(--color-primary)}.wizard-input::-webkit-calendar-picker-indicator{filter:invert(58%) sepia(85%) saturate(953%) hue-rotate(124deg) brightness(79%) contrast(103%);cursor:pointer}.wizard-input::placeholder,input.combo-input::placeholder{color:var(--color-primary);opacity:.55}.wizard-textarea{height:auto;min-height:6rem;resize:vertical;padding-top:.4rem;padding-bottom:.4rem}.display-field,.ref-num-row{display:flex;align-items:center}.display-field{background:rgba(0,177,153,.06);border:2px solid var(--color-primary);border-radius:0 0 8px 8px;padding:0 .5rem;height:2.2rem;font-size:.9rem;color:var(--color-primary)}.ref-num-row{gap:.4rem}.ref-num-part{flex:1;text-align:center;justify-content:center;min-width:3rem}.ref-num-sep{font-size:1.2rem;font-weight:700;color:var(--color-primary);opacity:.6;flex-shrink:0}.input-wrap{position:relative;display:block}.input-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:var(--color-primary);font-size:1rem;line-height:1;cursor:pointer;display:none;opacity:.6;transition:opacity .15s}.input-clear:hover{opacity:1}.input-wrap.has-value .input-clear{display:block}.input-wrap .wizard-input{padding-right:1.6rem}.input-wrap .wizard-textarea+.input-clear{top:.4rem;transform:none}.summary-grid{margin-bottom:1rem}.summary-row{display:flex;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.summary-row:last-child{border-bottom:none}.summary-label{font-weight:600;color:var(--color-primary);width:7rem;flex-shrink:0;font-size:.85rem}.summary-value{color:var(--color-primary);font-size:.9rem;white-space:pre-line;word-break:break-word}.combo-wrap{position:relative}select.combo-hidden{display:none}.combo-clear,input.combo-input{color:var(--color-primary);cursor:pointer}input.combo-input{display:block;width:100%;height:2.2rem;outline-color:var(--color-primary);padding:0 2rem 0 .5rem;font-size:.9rem;text-align:left;box-sizing:border-box;background-color:var(--color-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b199' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .4rem center;background-size:1.2rem}.combo-clear{position:absolute;right:1.8rem;top:50%;transform:translateY(-50%);font-size:1rem;display:none;opacity:.5;line-height:1;z-index:1}.combo-clear:hover{opacity:1}.combo-list.open,.combo-wrap.has-value .combo-clear{display:block}.combo-list,input.combo-input{border:2px solid var(--color-primary);border-radius:0 0 8px 8px}.combo-list{display:none;position:fixed;max-height:14rem;overflow-y:auto;background:var(--color-surface);border-top:none;z-index:2000}.combo-item{padding:.4rem .5rem;font-size:.9rem;color:var(--color-primary);cursor:pointer}.combo-item.active,.combo-item.highlighted,.combo-item:hover{background-color:#cef9f5}.combo-item.active{font-weight:600}::highlight(search-results){background-color:var(--color-warning);color:#000}.add-btn{position:fixed;bottom:24px;right:24px;width:56px;height:56px;background:var(--color-primary);color:#fff;border:0;font-size:28px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.3);justify-content:center;z-index:50;transition:background .2s}.add-btn:hover{background:var(--color-primary-dark)}footer{position:fixed;left:0;bottom:0;width:100%;height:3rem;background-color:rgba(255,255,255,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:1.5rem 1.5rem 0 0;z-index:5;min-width:25rem;box-shadow:0-2px 8px rgba(0,0,0,.04)}#detail-panel,cta,version{position:fixed;display:block}.add-btn,cta{border-radius:50%}cta{margin:auto;background-color:var(--color-primary);width:5rem;height:5rem;z-index:10;bottom:0;border:.25rem solid #fff;left:calc(50% - 2.5rem);box-shadow:var(--shadow-lg);transition:transform .2s,box-shadow .2s}cta:hover{transform:scale(1.05);box-shadow:0 12px 32px rgba(0,0,0,.18)}.add-btn,.detail-header,cta icon{display:flex;align-items:center}cta icon{justify-content:center;height:100%;width:100%;cursor:pointer}cta icon img,cta icon svg,cta icon svg.icon{width:3.2rem;height:3.2rem}version{position:absolute;font-size:.7rem;color:var(--color-primary);opacity:.6;bottom:.5rem;right:.5rem}#detail-panel{z-index:250;left:15%;width:70%;top:calc(var(--nav-height) + 2rem);max-height:calc(100vh - var(--nav-height) - 6rem);overflow-y:auto;transition:left .2s,width .2s}#detail-panel.detail-narrow{left:30%;width:40%}#detail-panel.detail-confirm{left:35%;width:30%}#detail-container{background:var(--color-surface);border:1px solid rgba(0,177,153,.2);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow-lg)}#detail-container .form-row{margin-bottom:1rem}#detail-container .form-actions{margin-top:2.5rem}.detail-header{justify-content:space-between;margin:-1.5rem -1.5rem 1rem;padding:1rem 1.5rem;position:sticky;top:0;background:var(--color-surface);z-index:10;border-radius:8px 8px 0 0}.detail-header-left{display:flex;align-items:center;gap:.6rem;min-width:0}.detail-title{font-size:1.15rem;font-weight:700;color:var(--color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.detail-header-actions .icon-button{width:2.5rem;height:2.5rem}.detail-status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .9rem;border-radius:1rem;font-size:.95rem;font-weight:600;white-space:nowrap;line-height:1.4}.detail-status-badge .status-icon{width:1rem;height:1rem}.detail-status-draft{background-color:#e2e3e5;color:#383d41}.detail-status-new{background-color:#cce5ff;color:#004085}.detail-status-open{background-color:#fff3cd;color:#856404}.detail-status-closed{background-color:#d4edda;color:#155724}.detail-status-submitted{background-color:#fff3cd;color:#856404}.detail-status-returned{background-color:#f8d7da;color:#721c24}.detail-status-ke_schvaleni{background-color:#e2e3f1;color:#383d6e}.detail-status-schvaleno{background-color:#d4edda;color:#155724}.detail-status-registered,.status-badge.status-registered{background-color:#cce5ff;color:#004085}.detail-status-approved,.status-badge.status-approved{background-color:#d4edda;color:#155724}.detail-status-completed,.status-badge.status-completed{background-color:#e2e3e5;color:#383d41}.detail-status-cancelled,.status-badge.status-cancelled{background-color:#f8d7da;color:#721c24}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:1rem;font-size:.8rem;font-weight:600;white-space:nowrap;line-height:1.4}.status-icon{width:.85rem;height:.85rem;flex-shrink:0}.rating-new-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border:2px solid var(--color-primary);border-radius:6px;background:var(--color-surface);color:var(--color-primary);font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s;margin-bottom:.5rem}.rating-new-btn:hover{background:var(--color-primary-mid)}.rating-new-icon{width:16px;height:16px}.rating-form{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1rem}.rating-form.collapsed,.rating-option input[type=radio]{display:none}.rating-criterion{display:grid;grid-template-columns:11rem 1fr;gap:.5rem .5rem;align-items:center}.rating-criterion-label{font-weight:600;font-size:.85rem;color:var(--color-primary);display:flex;align-items:center;justify-content:space-between}.rating-options{display:flex;gap:.5rem;flex-wrap:wrap}.rating-option{border:2px solid var(--color-primary);border-radius:6px;padding:.3rem .7rem;cursor:pointer;font-size:.85rem;color:var(--color-primary);transition:background .15s,color .15s;user-select:none}.rating-option:hover{background:var(--color-primary-mid)}#detail-container .rating-option.selected{background:var(--color-primary);color:#fff}.rating-total{font-weight:700;color:var(--color-primary);font-size:.95rem;min-height:1.4em}.rating-comment-label{font-size:.85rem;font-weight:600;color:var(--color-primary)}.rating-comment{width:100%;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:6px;padding:.4rem .5rem;font-family:inherit;font-size:.9rem;color:var(--color-primary);resize:vertical}.rating-comment::placeholder{color:var(--color-primary);opacity:.5}.rating-comment:focus{outline:0}.rating-btn-row{display:flex;gap:.6rem;align-items:center}.rating-cancel-btn,.rating-submit-btn{display:inline-flex;align-items:center;gap:.4rem;border-radius:6px;padding:.5rem 1.2rem;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s}.rating-submit-btn{background:var(--color-primary);color:#fff;border:0}.rating-submit-btn:hover{background:var(--color-primary-dark)}.rating-submit-btn:disabled{opacity:.4;cursor:not-allowed}.rating-cancel-btn{background:var(--color-surface);color:var(--color-primary);border:2px solid var(--color-primary)}.rating-cancel-btn:hover{background:var(--color-primary-mid)}.rating-btn-icon{width:16px;height:16px}.rating-summary{margin-bottom:.8rem}.rating-summary-text{font-size:.85rem;color:var(--color-primary);margin-bottom:.3rem}.rating-summary-bar{height:8px;background:var(--color-primary-mid);border-radius:4px;overflow:hidden}.rating-summary-fill{height:100%;background:var(--color-primary);border-radius:4px;transition:width .3s}.rating-history{margin-bottom:1rem}.detail-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1.5rem;margin-bottom:1.5rem}.detail-info-single{grid-template-columns:1fr}.detail-info-full{grid-column:1/-1}.detail-info-field{min-width:0}.detail-info-value{background-color:var(--color-primary-light);border:2px solid var(--color-primary);border-radius:0 0 8px 8px;padding:.4rem .5rem;font-size:.9rem;color:var(--color-primary);height:auto;min-height:2.2rem;line-height:1.4rem;box-sizing:border-box;word-break:break-word;white-space:pre-line}.summary-section .detail-info-value{background:0 0;border:0;border-radius:0;padding:.2rem 0;color:var(--color-primary);font-size:.9rem;white-space:pre-wrap;line-height:1.5;min-height:0}.detail-section-title{font-size:1rem;font-weight:700;color:var(--color-primary);border-bottom:2px solid var(--color-primary);padding-bottom:.3rem;margin-top:1.5rem;margin-bottom:.8rem}.summary-section{background-color:var(--color-primary-light);border-radius:8px;padding:.8rem 1rem;margin-bottom:.5rem}.summary-section-header{display:flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none}.summary-section-chevron{font-size:.85rem;color:var(--color-primary);transition:transform .2s;flex-shrink:0}.summary-section.expanded .summary-section-chevron{transform:rotate(90deg)}.summary-section-title{font-weight:700;font-size:.95rem;color:var(--color-primary)}.summary-section-body{max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .2s ease}.summary-section.expanded .summary-section-body{max-height:2000px;opacity:1}.summary-section-body .summary-grid{margin-top:.4rem}.summary-section-body .detail-info-grid{margin-top:.5rem;margin-bottom:0}.summary-section-warn{margin-left:auto;width:1rem;height:1rem;flex-shrink:0;color:var(--color-warning)}.detail-bottom-actions{margin-top:2.5rem}.detail-history-row{display:flex;gap:.8rem;padding:.4rem;border-bottom:1px solid var(--color-primary-light);font-size:.85rem;align-items:baseline}.detail-history-row:last-child,.stats-table tr:last-child{border-bottom:none}.detail-history-action{font-weight:600;flex-shrink:0;color:var(--color-primary)}.detail-history-subject{flex:2;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-history-time,.detail-history-user{opacity:.7;flex-shrink:0;text-align:right}.detail-history-time{font-size:.8rem}.mini-modal{position:fixed;z-index:1500;top:0;left:0;width:100%;height:100%;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:center;padding-top:calc(var(--nav-height) + 2rem);padding-bottom:2rem;overflow:hidden;background:rgba(0,0,0,.15);backdrop-filter:blur(6px)}.mini-modal-container{background:var(--color-surface);border:1px solid rgba(0,177,153,.2);border-radius:8px;padding:1.5rem 1.5rem 2.5rem;box-sizing:border-box;width:30rem;max-width:90vw;max-height:100%;overflow-y:auto;box-shadow:var(--shadow-lg)}.mini-modal-container modal-title{display:block;font-size:1rem;font-weight:700;color:var(--color-primary);margin-bottom:.75rem}.history-diff-container{width:38rem}.history-diff-table{width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:.85rem}.history-diff-table th{text-transform:uppercase;font-size:.75rem;letter-spacing:.03em;padding:.5rem .6rem;border-bottom:2px solid var(--color-primary);color:var(--color-primary);opacity:.7;text-align:left}.history-diff-table td{padding:.5rem .6rem;border-bottom:1px solid var(--color-border);vertical-align:top;word-break:break-word}.history-diff-table td:first-child{font-weight:600;white-space:nowrap;width:8rem}.history-diff-old{background-color:#fff0f0}.history-diff-new{background-color:#f0fff0}.history-diff-inline{line-height:1.6}.history-diff-inline .diff-add,.history-diff-inline .diff-del{background-color:#d4edda;padding:.1em .2em;border-radius:2px}.history-diff-inline .diff-del{background-color:#f8d7da;text-decoration:line-through;opacity:.7}.field-diff-toggle{margin-left:auto;width:1rem;height:1rem;flex-shrink:0;opacity:.5;cursor:pointer;transition:opacity .2s,transform .2s}.field-diff-toggle:hover{opacity:1;transform:scale(1.2)}.field-diff-view{font-size:.9rem;line-height:1.6;white-space:pre-wrap}.field-diff-view .diff-add,.field-diff-view .diff-del{background-color:#d4edda;padding:.1em .2em;border-radius:2px}.field-diff-view .diff-del{background-color:#f8d7da;text-decoration:line-through;opacity:.7}.field-diff-view.hidden,.list-table tfoot.hidden{display:none}.delete-confirm-text{font-size:.95rem;color:var(--color-text);padding:1rem 0;text-align:center}.nav-impersonate-icon{width:1rem;height:1rem;color:#fff;opacity:.85;cursor:pointer;transition:opacity .2s}.nav-impersonate-icon:hover{opacity:1}.impersonate-modal{position:absolute;top:var(--nav-height);right:var(--content-padding);background:var(--color-surface);border:1px solid rgba(0,177,153,.2);border-radius:0 0 8px 8px;padding:1rem;box-shadow:var(--shadow-lg);z-index:25;min-width:20rem}.impersonate-modal modal-title{display:block;font-size:1rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.impersonate-modal .form-actions{margin-top:.75rem}.impersonate-modal .icon-button{width:1.5rem;height:1.5rem}#detail-approve-modal,#detail-return-note{margin-top:1.5rem;border:2px solid var(--color-error);border-radius:8px;padding:1rem;background:var(--color-surface)}#detail-return-note .form-row{margin-bottom:.5rem}#detail-return-note .form-actions{margin-top:.75rem}#detail-approve-modal{border:2px solid var(--color-primary)}#detail-approve-modal .form-row{margin-bottom:.5rem}#detail-approve-modal .form-actions{margin-top:.75rem}.approve-checkbox-label{display:flex;gap:.5rem}.approve-checkbox-label input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--color-primary)}.approve-checkbox-label,.approve-radio-label,.status-filter-btn{align-items:center;font-weight:600;cursor:pointer}.approve-radio-label{display:flex;gap:.5rem;margin-bottom:.5rem;padding:.4rem 0}.approve-radio-label input[type=radio]{flex-shrink:0;width:1.3rem;height:1.3rem;margin:0;accent-color:var(--color-primary);cursor:pointer}#status-filter-pills{display:flex;gap:.5rem;margin-bottom:.8rem}.status-filter-btn{display:inline-flex;gap:.35rem;flex:none;height:2.2rem;padding:0 1rem;border:2px solid var(--color-primary);border-radius:0 0 6px 6px;background:var(--color-surface);color:var(--color-primary);font-size:.9rem;transition:background-color .2s,color .2s}.status-filter-btn .pill-icon{width:14px;height:14px;opacity:.7}.status-filter-btn:not(.active):hover{background-color:var(--color-primary-light)}.status-filter-btn.active{background-color:var(--color-primary);color:#fff}.status-filter-btn.active .pill-icon{color:#fff;opacity:1}#stats-container{margin-bottom:.8rem}.stats-header,input[type=text].search-input{border:2px solid var(--color-primary);border-radius:0 0 8px 8px;background:var(--color-surface)}.stats-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.5rem .75rem;user-select:none}.stats-header-left{display:flex;align-items:center;gap:.4rem}.stats-header-left .icon{width:1rem;height:1rem}.stats-title{font-weight:600;font-size:.9rem;color:var(--color-primary)}.stats-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;height:1.4rem;padding:0 .4rem;border-radius:1rem;background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:700;line-height:1}.stats-toggle{width:1rem;height:1rem;transition:transform .2s}.stats-cards{display:flex;gap:.75rem;margin-top:.6rem;flex-wrap:wrap}.stats-card{flex:1 1 0;min-width:10rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);padding:.75rem 1rem}.stats-card-wide{flex:2 1 20rem}.stats-card-big,.stats-card-title{font-weight:700;color:var(--color-primary)}.stats-card-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;opacity:.6;margin-bottom:.5rem}.stats-card-big{font-size:2.2rem;line-height:1.1}.stats-status-list,.stats-type-list{display:flex;flex-direction:column;gap:.3rem}.stats-status-row,.stats-type-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.stats-count,.stats-type-name{font-size:.85rem;color:var(--color-primary)}.stats-count{font-weight:700}.stats-type-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.stats-type-other{opacity:.5;font-style:italic}.stats-empty{font-size:.85rem;color:var(--color-primary);opacity:.4}.stats-chart{display:flex;align-items:flex-end;gap:2px;height:5rem;padding-top:1.2rem;position:relative}.stats-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.stats-bar-value{font-size:.7rem;font-weight:600;color:var(--color-primary);margin-bottom:2px;min-height:.9rem}.stats-bar{width:100%;max-width:2.5rem;background:var(--color-primary);border-radius:3px 3px 0 0;opacity:.7;transition:height .3s ease}.stats-bar-label{font-size:.65rem;color:var(--color-primary);opacity:.6;margin-top:3px;white-space:nowrap}@media (max-width:768px){.stats-cards{flex-direction:column}.stats-card{min-width:auto}.stats-card-wide{flex:1 1 auto}}.search-wrap{position:relative;margin-top:.8rem}input[type=text].search-input{width:100%;height:2.4rem;outline:0;padding:0 2.2rem;font-size:.95rem;color:var(--color-primary);box-sizing:border-box}.picker-search-input::placeholder,input[type=text].search-input::placeholder{color:var(--color-primary);opacity:.45}input[type=text].search-input:focus{box-shadow:0 0 0 3px rgba(0,177,153,.15);border-color:var(--color-primary)}.search-clear,.search-wrap .search-icon{position:absolute;top:50%;transform:translateY(-50%);opacity:.5}.search-wrap .search-icon{left:.6rem;pointer-events:none}.search-clear{right:.6rem;color:var(--color-primary);font-size:1.2rem;line-height:1;cursor:pointer;display:none}.search-clear:hover{opacity:1}.search-wrap.has-value .search-clear{display:block}.search-bar{position:absolute;bottom:2px;left:2px;height:3px;width:0;background:var(--color-primary);opacity:.85;border-radius:0 0 6px 6px;pointer-events:none}.search-bar.animating{transition:width 1000ms linear;width:0}.attachment-list{display:flex;flex-direction:column;gap:4px;margin-top:.5rem}.attachment-row{display:flex;align-items:center;gap:6px;padding:.5rem 8px;border-radius:var(--border-radius);background:var(--color-surface);font-size:12px;line-height:1}.attachment-row .icon{width:14px;height:14px;flex-shrink:0;display:block}.attachment-row a,.attachment-size{white-space:nowrap;color:var(--color-primary)}.attachment-row a{text-decoration:none;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;font-size:12px;line-height:14px}.attachment-row a:hover{text-decoration:underline}.attachment-size{font-size:11px;align-self:center;flex-shrink:0;opacity:.5;transform:translateY(1px)}.attachment-delete{cursor:pointer;flex-shrink:0;display:block}.attachment-delete:hover{color:var(--color-error)!important}.attachment-header-info{margin-left:auto;display:flex;align-items:center;gap:4px;flex-shrink:0}.attachment-header-info .icon{width:1rem;height:1rem;display:block;color:var(--color-primary);opacity:.6}.attachment-count{font-size:11px;font-weight:500;line-height:1;color:var(--color-primary);opacity:.6}.attachment-empty{color:var(--color-primary);font-size:12px;opacity:.4;padding:2px 0}.attachment-upload-zone{margin-top:8px}.attachment-upload-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border:1px dashed var(--color-border);border-radius:var(--border-radius);background:var(--color-bg);color:var(--color-primary);font-size:12px;cursor:pointer;transition:border-color .15s,background-color .15s}.attachment-upload-btn:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.attachment-upload-btn .icon{width:14px;height:14px}.col-nowrap{white-space:nowrap}.col-name-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.col-amount{text-align:right}.list-sum-row{background:var(--color-primary-mid);border-top:2px solid var(--color-primary);font-weight:700}.list-sum-row td{padding:.55rem .6rem;color:var(--color-primary)}.list-sum-label{text-align:right;text-transform:uppercase;font-size:.8rem;letter-spacing:.04em}#list-sum{font-variant-numeric:tabular-nums}.supplier-summary{background:var(--color-primary-light);border:2px solid var(--color-primary);border-radius:0 0 8px 8px;padding:.8rem 1rem;margin-top:.8rem;margin-bottom:.8rem}.supplier-summary-title{font-weight:700;font-size:.95rem;color:var(--color-primary);margin-bottom:.5rem}.supplier-summary-table{width:100%;border-collapse:collapse;font-size:.85rem}.supplier-summary-table td{padding:.25rem .4rem;color:var(--color-primary)}.supplier-summary-amount{text-align:right;font-variant-numeric:tabular-nums}.supplier-summary-total{font-weight:700;border-top:2px solid var(--color-primary)}.supplier-summary-total td{padding-top:.4rem}.verified-no,.verified-yes{display:inline-block;padding:.2rem .6rem;border-radius:1rem;font-size:.8rem;font-weight:600;white-space:nowrap;line-height:1.4;background-color:#d4edda;color:#155724}.verified-no{background-color:#e2e3e5;color:#383d41}#supplier-selected,.ares-btn{align-items:center;border:2px solid var(--color-primary);border-radius:0 0 8px 8px;font-size:.9rem;color:var(--color-primary)}.ares-btn{display:inline-flex;gap:.4rem;padding:.5rem 1.2rem;background:var(--color-surface);font-weight:600;cursor:pointer;transition:background-color .2s,color .2s}.ares-btn:hover{background-color:var(--color-primary);color:#fff}.ares-btn:hover .ares-btn-icon{color:#fff}.ares-btn-icon{width:1rem;height:1rem}.ares-recheck{display:inline-flex;align-items:center;margin-left:.5rem;opacity:.6;transition:opacity .15s}.ares-recheck:hover,.supplier-badge-change:hover,.supplier-badge-clear:hover{opacity:1}.ares-recheck-icon{width:16px;height:16px;color:var(--color-primary)}#supplier-selected{display:flex;justify-content:space-between;gap:.5rem;background:var(--color-primary-light);padding:.4rem 1rem;margin-bottom:.5rem;width:100%;box-sizing:border-box}.supplier-badge-name{font-weight:700}.supplier-badge-actions{display:inline-flex;align-items:center;gap:.5rem}.supplier-badge-change,.supplier-badge-clear{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;font-weight:600;opacity:.7;cursor:pointer;transition:opacity .2s}.supplier-badge-icon{width:1.143rem;height:1.143rem;color:var(--color-primary);display:block}.import-info{position:absolute;font-size:.7rem;color:var(--color-primary);opacity:.6;bottom:.5rem;left:.5rem}.pills-bar{margin-bottom:.5rem}.pills-bar,.pills-group{display:flex;align-items:flex-start;gap:.5rem;flex-wrap:wrap}.pills-separator{width:1px;height:2.2rem;background:var(--color-primary);opacity:.3;flex-shrink:0}.filter-pill{display:inline-flex;align-items:center;gap:.35rem;height:2.2rem;padding:0 1rem;border:2px solid var(--color-primary);border-radius:0 0 6px 6px;background:var(--color-surface);color:var(--color-primary);font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}.filter-pill:hover{background:var(--color-primary-mid)}.filter-pill.active,html.dark .year-btn.active{background:var(--color-primary);color:#fff}.filter-pill-icon{width:16px;height:16px}.picker-container{position:relative;width:30rem;max-width:90vw;max-height:70vh;display:flex;flex-direction:column}svg.picker-close-btn{position:absolute;top:.6rem;right:.6rem;width:2rem;height:2rem;z-index:1}.picker-search-input{display:block;width:100%;height:2.4rem;border:2px solid var(--color-primary);border-radius:0 0 8px 8px;outline:0;padding:0 .75rem;font-size:.95rem;color:var(--color-primary);background:var(--color-surface);box-sizing:border-box;margin-bottom:.75rem;flex-shrink:0}.picker-search-input:focus{box-shadow:0 0 0 3px rgba(0,177,153,.15);border-color:var(--color-primary);outline:0}.picker-list{overflow-y:auto;flex:1;min-height:0;max-height:50vh}.picker-item{padding:.6rem .75rem;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color .15s}.picker-item:hover{background-color:var(--color-primary-mid)}.picker-item.highlighted{background-color:var(--color-primary-light)}.picker-item-name{font-weight:700;color:var(--color-primary);font-size:.9rem}.picker-item-ico{font-size:.8rem;color:var(--color-primary);opacity:.55;margin-top:.15rem}.picker-empty{text-align:center;padding:2rem 0;color:var(--color-primary);opacity:.45;font-size:.9rem}@media (max-width:1024px){:root{--content-padding:1.5rem}#detail-panel{left:5%;width:90%}#detail-panel.detail-narrow{left:10%;width:80%}#detail-panel.detail-confirm{left:15%;width:70%}}@media (max-width:768px){:root{--nav-height:3.5rem;--content-padding:0.75rem}body{padding-top:var(--nav-height)}main{padding-top:.5rem}.logo-nav{height:calc(var(--nav-height) - 1rem)}.nav-links{position:absolute;bottom:.3rem;left:50%;transform:translateX(-50%);gap:.8rem}.nav-link{font-size:.8rem;padding:.2rem 0}.nav-link-icon{display:none}.nav-user{font-size:.75rem;gap:.3rem;bottom:.3rem;right:.5rem}.nav-impersonate-icon,.nav-role,.nav-user .icon:first-child{display:none}.nav-user{font-size:0}.nav-user .icon,.nav-user a{font-size:.75rem}.nav-logout-icon{width:1.2rem;height:1.2rem}h1{font-size:1.3rem;margin-bottom:.3rem}.pills-bar,.pills-group{gap:.3rem}.pills-separator{height:1.2rem}.filter-pill{font-size:.8rem;padding:.35rem .7rem}#supplier-selected,.year-btn{font-size:.8rem;padding:.3rem .6rem}.list-table colgroup,.pill-icon{display:none}#supplier-selected{flex-wrap:wrap}.search-input{font-size:.85rem}#list-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.list-table{font-size:12px;table-layout:auto;min-width:420px}.list-table thead th{font-size:.65rem;padding:.4rem .3rem}.list-table td,.list-table th{padding:.4rem .3rem}.col-name-text{-webkit-line-clamp:1}.col-amount,.col-book,.col-dept,.col-doctype,.list-table .filter-row th:nth-child(3),.list-table .filter-row th:nth-child(4),.list-table .filter-row th:nth-child(5),.list-table .filter-row th:nth-child(7),.list-table thead tr:first-child th:nth-child(3),.list-table thead tr:first-child th:nth-child(4),.list-table thead tr:first-child th:nth-child(5),.list-table thead tr:first-child th:nth-child(7),.supplier-table .filter-row th:nth-child(3),.supplier-table .filter-row th:nth-child(4),.supplier-table .filter-row th:nth-child(7),.supplier-table thead tr:first-child th:nth-child(3),.supplier-table thead tr:first-child th:nth-child(4),.supplier-table thead tr:first-child th:nth-child(7){display:none}.th-actions{width:2rem}.detail-info-field label,.row-count{font-size:.8rem}#detail-panel{top:var(--nav-height);bottom:0;max-height:none;border-radius:0;overflow-y:auto;-webkit-overflow-scrolling:touch}#detail-panel,#detail-panel.detail-confirm,#detail-panel.detail-narrow{left:0;width:100%}#detail-container{border-radius:0;padding:1rem}.detail-header{flex-wrap:wrap;margin:-1rem -1rem .75rem;padding:.75rem 1rem}.detail-title{font-size:1.1rem}.detail-info-grid{grid-template-columns:1fr;gap:.5rem}.detail-info-value{font-size:.85rem;padding:.3rem .4rem}.rating-criterion{grid-template-columns:1fr;gap:.2rem}.rating-options{gap:.3rem}.rating-option{font-size:.8rem;padding:.25rem .5rem}.rating-btn-row{flex-wrap:wrap}.rating-cancel-btn,.rating-submit-btn{font-size:.85rem;padding:.4rem 1rem}.rating-summary-text{font-size:.8rem}.detail-history-row{flex-wrap:wrap;gap:.3rem;font-size:.8rem}.detail-history-subject{flex-basis:100%;order:3}.detail-history-time{font-size:.75rem}.mini-modal{padding-top:var(--nav-height)}.mini-modal-container{width:95vw;max-width:95vw;padding:1rem}.history-diff-container{width:95vw}.history-diff-table{font-size:.8rem}.history-diff-table td:first-child{width:auto;white-space:normal}.help-box{max-width:90vw;min-width:200px;padding:1rem 1.2rem}.picker-container{width:95vw;max-width:95vw}.form-container{min-width:90vw}.col-address,.col-rating-date,.col-type,.supplier-table colgroup{display:none}}.help-trigger{display:inline-flex;align-items:center;margin-left:.35rem;vertical-align:middle;cursor:pointer;transition:opacity .15s}.help-trigger:hover{opacity:.7}.help-info-icon{width:14px;height:14px}.help-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35)}.help-box{position:relative;background:var(--color-surface);border:2px solid var(--color-primary);border-radius:10px;padding:1.5rem 2rem 1.2rem;max-width:420px;min-width:240px;box-shadow:0 8px 32px rgba(0,0,0,.18)}.help-close{position:absolute;top:.5rem;right:.5rem;background:0 0;border:0;cursor:pointer;padding:.2rem;color:var(--color-primary);opacity:.6;transition:opacity .15s}.help-close:hover{opacity:1}.help-close-icon{width:18px;height:18px}.help-content{font-size:.95rem;line-height:1.5;color:var(--color-primary);white-space:pre-line}.stats-year-pills{display:flex;gap:.4rem;margin:.8rem 0 1rem;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.stats-grid-full{grid-column:1/-1}.stats-panel{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);padding:1rem 1.2rem}.stats-panel-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary);opacity:.6;margin-bottom:.75rem}.stats-donut-wrap{display:flex;align-items:center;gap:1.5rem}.stats-donut-svg{flex-shrink:0}.stats-donut-center{font-size:1.1rem;font-weight:700;fill:var(--color-primary)}.stats-donut-legend{display:flex;flex-direction:column;gap:.4rem}.stats-donut-legend-row{display:flex;align-items:center;gap:.5rem}.stats-donut-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.stats-donut-label{flex:1}.stats-donut-count,.stats-donut-label,.stats-table td{font-size:.85rem;color:var(--color-primary)}.stats-donut-count{font-weight:700}.stats-dept-list{display:flex;flex-direction:column;gap:.35rem}.stats-dept-row{display:flex;align-items:center;gap:.5rem}.stats-dept-label{width:3rem;font-size:.8rem;font-weight:600;color:var(--color-primary);flex-shrink:0;text-align:right}.stats-dept-bar-wrap{flex:1;display:flex;align-items:center;gap:.4rem;height:1.2rem}.stats-dept-bar{height:100%;background:var(--color-primary);border-radius:3px;opacity:.7;min-width:2px;transition:width .3s ease}.stats-dept-value{font-size:.75rem;font-weight:600;color:var(--color-primary);white-space:nowrap}.stats-table{width:100%;border-collapse:collapse}.stats-table tr{border-bottom:1px solid var(--color-border)}.stats-table td{padding:.35rem .3rem}.stats-table-rank{width:1.5rem;font-weight:700;opacity:.5}.stats-table-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0;width:100%}.stats-table-amount{text-align:right;font-weight:600;white-space:nowrap}.stats-table-count{text-align:right;opacity:.5;white-space:nowrap}.stats-rating-subtitle{font-size:.8rem;font-weight:700;color:var(--color-primary);margin:.6rem 0 .3rem;opacity:.7}.stats-rating-subtitle:first-of-type{margin-top:0}.stats-rating-list{display:flex;flex-direction:column;gap:.2rem}.stats-rating-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-primary)}.stats-rating-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.stats-rating-score{font-weight:600;white-space:nowrap}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.stats-grid-full{grid-column:auto}}.dark-toggle{display:inline-flex;align-items:center;cursor:pointer;margin-left:.4rem;opacity:.8;transition:opacity .15s}.dark-toggle:hover{opacity:1}.dark-toggle-svg{width:1rem;height:1rem;color:#fff}.d-none{display:none!important}html.dark{--color-primary:#1dd1a1;--color-primary-dark:#17b88e;--color-primary-light:rgba(29,209,161,0.12);--color-primary-mid:rgba(29,209,161,0.18);--color-bg:#1a1a2e;--color-surface:#16213e;--color-border:#2a2a4a;--color-text:#e0e0e0;--color-warning:#ffb81c;--color-error:#ff6b6b;--color-success:#51cf66;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 24px rgba(0,0,0,0.5)}html.dark #toast,html.dark .filter-input,html.dark body{background-color:var(--color-bg);color:var(--color-text)}html.dark nav{background-color:#0f3460}html.dark #toast{background-color:var(--color-surface)}html.dark input[type=text],html.dark select,html.dark textarea{background-color:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}html.dark .list-table td{border-bottom-color:var(--color-border)}html.dark .list-table tr:hover td{background-color:rgba(29,209,161,.08)}html.dark #detail-container{border-color:rgba(29,209,161,.25)}html.dark #detail-container,html.dark .detail-header{background:var(--color-surface)}html.dark .detail-info-value{background:var(--color-bg);border-color:var(--color-border)}html.dark .detail-section-title,html.dark .stats-table tr{border-bottom-color:var(--color-border)}html.dark .mini-modal-container{background:var(--color-surface);border-color:rgba(29,209,161,.25)}html.dark .history-diff-table td,html.dark .history-diff-table th{border-color:var(--color-border)}html.dark .stats-card,html.dark .stats-panel,html.dark .year-btn{background:var(--color-surface);border-color:var(--color-border)}html.dark .year-btn{color:var(--color-primary)}html.dark .status-badge.status-registered{background-color:rgba(52,152,219,.2);color:#85c1e9}html.dark .status-badge.status-approved{background-color:rgba(39,174,96,.2);color:#82e0aa}html.dark .status-badge.status-completed{background-color:rgba(127,140,141,.2);color:#aeb6bf}html.dark .status-badge.status-cancelled{background-color:rgba(231,76,60,.2);color:#f1948a}html.dark .detail-status-badge.detail-status-registered{background-color:rgba(52,152,219,.2);color:#85c1e9}html.dark .detail-status-badge.detail-status-approved{background-color:rgba(39,174,96,.2);color:#82e0aa}html.dark .detail-status-badge.detail-status-completed{background-color:rgba(127,140,141,.2);color:#aeb6bf}html.dark .detail-status-badge.detail-status-cancelled{background-color:rgba(231,76,60,.2);color:#f1948a}html.dark .search-input{background-color:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}html.dark .supplier-table td{color:var(--color-text)}html.dark .nav-role{border-color:rgba(255,255,255,.3)}html.dark .picker-search-input{background-color:var(--color-bg);color:var(--color-text)}html.dark .picker-list{color:var(--color-text)}html.dark .picker-item:hover{background-color:rgba(29,209,161,.12)}html.dark .help-popup{border-color:rgba(29,209,161,.25)}html.dark footer{background:rgba(22,33,62,.9)}html.dark .help-popup,html.dark .impersonate-modal{background:var(--color-surface)}html.dark .summary-section-header{border-color:var(--color-border)}html.dark .detail-history-row{border-bottom-color:var(--color-border)}html.dark .svg-theme{color:var(--color-primary)}html.dark .row-count{color:var(--color-text);opacity:.6}