*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#172c3c;font:14px/1.5 'Segoe UI',Arial}aside{position:fixed;width:230px;inset:0 auto 0 0;background:#102b37;color:#d7e4e7;padding:32px 20px}.brand{font-size:25px;letter-spacing:3px;font-weight:700}.brand span{display:block;font-size:8px;letter-spacing:1.3px;margin:8px 0 48px}.nav{font-size:11px;text-transform:uppercase;color:#91abb4;margin:20px 10px}aside button{width:100%;text-align:left;background:#1b3b47;border:0;color:white;margin:4px 0;padding:13px}.asidefoot{position:absolute;bottom:28px;font-size:11px;color:#91abb4}main{margin-left:230px}header{height:76px;background:white;border-bottom:1px solid #dde5e9;padding:22px 36px;display:flex;justify-content:space-between;align-items:center;color:#677985}#app{padding:32px 36px}h1{font-size:29px;letter-spacing:-.7px;margin:0}h2{font-size:19px}p{color:#6a7c88}.title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.stat,.card{background:white;border:1px solid #dde5e9;border-radius:10px;padding:21px}.stat strong{display:block;font-size:27px;margin-top:6px}.stat small{color:#768894}.filters{display:flex;gap:10px;margin:23px 0;flex-wrap:wrap}input,select,textarea{border:1px solid #d3dfe4;border-radius:6px;padding:10px;font:inherit;background:white;color:#172c3c}input[type=search]{flex:1;min-width:220px}button{border:1px solid #d3dfe4;border-radius:6px;padding:10px 15px;background:white;color:#284552;font:inherit;cursor:pointer}button:hover{filter:brightness(.95)}.primary{background:#087f78;color:white;border-color:#087f78}.warn{color:#a34b28}.tabs{display:flex;gap:9px}.tabs .active{background:#102b37;color:white}.tablewrap{overflow:auto;background:white;border:1px solid #dde5e9;border-radius:10px}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#82929c;background:#fafbfc}td,th{padding:17px 15px;border-bottom:1px solid #e8edf0}tbody tr{cursor:pointer}tbody tr:hover{background:#f7fbfa}td small{display:block;color:#80919a}.badge{background:#e4f4ef;color:#217764;border-radius:5px;padding:5px 8px;font-size:12px}.badge.orange{background:#fff0dd;color:#a96916}.badge.blue{background:#e8effb;color:#456aa2}.muted{color:#80919a}.notice{background:#eaf2f3;border-left:3px solid #087f78;padding:12px 16px;font-size:12px}.grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-size:12px;color:#617782}label input,label select,label textarea{display:block;width:100%;margin-top:5px}header label{display:flex;gap:10px;align-items:center}header select{margin:0}.actions{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}.history{padding:12px 0;border-bottom:1px solid #edf0f2;font-size:12px}.history small{display:block;color:#83949d}dialog{border:0;border-radius:12px;padding:28px;width:min(760px,94vw);max-height:90vh}dialog::backdrop{background:#102b3790}.item{display:grid;grid-template-columns:2fr 1fr 70px 90px 100px 35px;gap:6px;margin:8px 0}.item input{width:100%;min-width:0}#toast{position:fixed;bottom:24px;right:24px;background:#102b37;color:white;padding:15px;border-radius:8px;display:none}a{color:#087f78}.empty{text-align:center;padding:45px;color:#82939c}@media(max-width:1000px){aside{width:180px}main{margin-left:180px}#app{padding:24px 18px}.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}header{padding:16px}.item{grid-template-columns:1fr 1fr}.fields{grid-template-columns:1fr}}@media(max-width:650px){aside{position:static;width:auto;padding:12px}.brand span,.nav,.asidefoot{display:none}aside button{width:auto}main{margin:0}header{height:auto;flex-wrap:wrap;gap:10px}.title{align-items:flex-start;gap:10px}}
.brand{margin-bottom:28px}.brand-logo{display:block;width:100%;height:auto;max-height:175px;object-fit:contain;background:#fff;border-radius:8px;padding:8px}@media(max-width:650px){.brand{margin:0 0 8px}.brand-logo{width:100px;max-height:85px;padding:4px}}
.brand-logo{background:transparent;border-radius:0;padding:0}
.brand-caption{margin-top:12px;color:#d7e4e7;font-size:13px;font-weight:500;line-height:1.5;letter-spacing:0;text-align:center}@media(max-width:650px){.brand{display:flex;align-items:center;gap:14px}.brand-caption{margin:0;text-align:left;max-width:180px}}
.site-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:5px;font-size:12px;font-weight:600}.site-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.site-red{color:#b42332;background:#feecef}.site-blue{color:#245bb5;background:#eaf1ff}.site-purple{color:#773eb0;background:#f2eafd}.site-orange{color:#ae520c;background:#fff0df}.site-unknown{color:#617782;background:#edf1f4}
.site-gray{color:#52616d;background:#e9eef2}
.site-green{color:#217764;background:#e4f4ef}
.file-drop{margin-top:18px;padding:24px;text-align:center;border:2px dashed #adc7ca;border-radius:10px;background:#f6faf9;transition:background .15s,border-color .15s}.file-drop.dragging{background:#dff3ed;border-color:#087f78}.file-drop p{margin:7px 0 12px;font-size:12px}.file-pick{display:inline-block;color:#087f78;font-weight:600}.file-pick input{max-width:280px}#newfilelist .history{display:flex;align-items:center;gap:10px;overflow-wrap:anywhere}#newfilelist .history button{margin-left:auto}
.payment-summary{margin:0 0 18px;border-left:4px solid #087f78}.payment-summary small{color:#617782}.payment-summary strong{display:inline-block;font-size:27px;margin:6px 24px 0 0}.payment-summary p{font-size:12px;margin:7px 0 0}