*{box-sizing:border-box}body{margin:0;background:#f3f5f8;color:#172c46;font-family:Arial,sans-serif;font-size:16px}a{color:#155398;text-decoration:none}header{height:78px;display:flex;align-items:center;justify-content:space-between;background:#fff;padding:0 4%;border-top:5px solid #155398;border-bottom:1px solid #dee4ed;gap:15px}.brand{font-size:23px;font-weight:800;letter-spacing:-1px}.brand span{font-size:12px;letter-spacing:1.2px;color:#73849a;margin-left:10px}nav{display:flex;gap:24px;font-size:14px}main{max-width:1360px;margin:auto;padding:40px 4%}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}h1{font-size:32px;letter-spacing:-1px;margin:0 0 9px}h2{font-size:24px;margin:0}p{line-height:1.6}.muted{color:#6b7c91;font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0 30px}.stat{background:white;border:1px solid #dee4ed;border-radius:10px;padding:22px}.stat strong{font-size:32px;display:block;margin-bottom:8px}.stat span{font-size:14px;color:#6b7c91}.tabs{display:flex;gap:8px;margin-bottom:20px}.tab{background:white;color:#496179;border:1px solid #dae2ed}.tab.active{background:#155398;color:white;border-color:#155398}.list{display:grid;gap:14px}.row{background:#fff;border:1px solid #dee4ed;border-radius:10px;padding:18px;display:flex;align-items:center;gap:18px}.row img{width:80px;height:95px;object-fit:cover;border-radius:5px}.placeholder{width:80px;height:95px;background:#edf1f6;border-radius:5px;display:grid;place-items:center;color:#8d9bab;font-size:32px;flex-shrink:0}.row-main{flex:1;min-width:0}.row-main h3{margin:0 0 8px;font-size:17px}.row-main p{margin:5px 0;font-size:14px;overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.badge{font-size:13px;border-radius:20px;padding:6px 11px;display:inline-block;background:#eef2f7;color:#5a6e85}.badge.pending{background:#fff3d6;color:#92600c}.badge.approved{background:#e0f3e8;color:#28744e}.badge.rejected{background:#fde8e8;color:#a04242}button{font:inherit;font-size:14px;cursor:pointer;background:#155398;color:white;border:1px solid #155398;padding:11px 16px;border-radius:6px;font-weight:600}button:disabled{opacity:.5;cursor:wait}.secondary{background:white;color:#155398;border-color:#cad5e3}.danger{background:#fff;color:#a44343;border-color:#eccaca}.icon{background:transparent;color:#53697f;border:0;font-size:25px;padding:0 8px}.notice{background:#edf4fc;border-left:3px solid #155398;padding:12px 16px;color:#496681;font-size:14px}.empty{padding:60px 25px;text-align:center;background:#fff;border:1px solid #dee4ed;border-radius:10px;color:#71839a}.empty h2{color:#172c46;margin-bottom:12px}dialog{border:0;border-radius:12px;padding:0;width:min(760px,94vw);max-height:92vh;color:#172c46;background:white}dialog::backdrop{background:#172c4699;backdrop-filter:blur(3px)}form,#reviewBody{padding:28px}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.kicker{font-size:12px;color:#6b7c91;margin:0 0 7px}label{display:block;font-size:14px;font-weight:600;margin:18px 0 8px}input,textarea{display:block;width:100%;border:1px solid #ccd7e4;border-radius:6px;padding:12px;margin-top:8px;font:inherit;font-size:16px;color:#172c46;background:#fcfdff}input:focus,textarea:focus{outline:2px solid #aecdf0;outline-offset:1px}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e4e9f0;margin-top:25px;padding-top:20px}.images{display:flex;gap:12px;flex-wrap:wrap}.image-item{position:relative;width:96px}.image-item img{width:96px;height:110px;object-fit:cover;border-radius:5px}.image-item button{padding:5px 8px;font-size:12px;margin-top:4px;width:100%}.image-item small{position:absolute;top:3px;left:3px;background:#155398;color:white;padding:3px;font-size:11px}.error{color:#a33b3b;font-size:14px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}.preview{border:1px solid #dee4ed;border-radius:8px;padding:15px;overflow-wrap:anywhere}.preview img{width:100%;max-height:210px;object-fit:cover}.preview h3{font-size:18px}.preview p{font-size:14px;white-space:pre-wrap}.preview .muted{font-size:12px}.preview-images{display:flex;gap:6px;overflow-x:auto;margin:10px 0}.preview-images img{width:62px;height:72px;object-fit:cover}.order{width:76px;padding:8px;margin:0}.settings{display:flex;align-items:center;gap:10px;font-size:13px}.customer-card{background:white;padding:26px;border:1px solid #dee4ed;border-radius:10px}.customer-preview{display:flex;gap:24px;margin:20px 0}.customer-preview img{width:190px;height:260px;object-fit:cover;border-radius:6px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#172c46;color:white;padding:14px 22px;border-radius:8px;display:none;font-size:14px;z-index:20;max-width:90vw}@media(max-width:700px){header{height:auto;min-height:75px;padding:15px 5%;flex-wrap:wrap}.brand span{display:none}nav{font-size:13px;gap:15px}main{padding:26px 4%}h1{font-size:26px}.stats{gap:8px}.stat{padding:16px 12px}.stat strong{font-size:26px}.stat span{font-size:12px}.row{flex-wrap:wrap;padding:14px;gap:12px}.actions{width:100%;justify-content:flex-start}.two,.compare{grid-template-columns:1fr;gap:0}.customer-preview{flex-direction:column}.customer-preview img{width:100%;height:280px}.page-head{align-items:flex-start}form,#reviewBody{padding:22px}.row img,.placeholder{width:65px;height:85px}.tab{padding:10px 12px}.settings{flex-wrap:wrap}}

.auth-main{display:flex;justify-content:center;padding:55px 20px}.auth-card{width:100%;max-width:450px;background:white;border:1px solid #dee4ed;border-radius:12px;padding:30px}.auth-card form{padding:0}.auth-card button[type=submit]{width:100%;margin-top:10px}.auth-card h1{font-size:28px}.top-actions{display:flex;gap:10px;flex-wrap:wrap}select{display:block;width:100%;border:1px solid #ccd7e4;border-radius:6px;padding:12px;margin-top:8px;font:inherit;background:white;color:#172c46}nav button{font-size:13px;padding:8px 10px}.row-note{color:#a44343}.image-item .image-actions{display:flex;gap:4px}dialog[open]{max-height:92vh;overflow-y:auto}[hidden]{display:none!important}@media(max-width:700px){nav{flex-wrap:wrap;gap:8px}.auth-main{padding:25px 15px}.auth-card{padding:24px}.top-actions button{padding:10px}.page-head{flex-wrap:wrap}}