:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#12213b;background:#f3f7fc;line-height:1.5;--blue:#174592;--primary:#1e5bdd;--line:#dce5f1;--muted:#687894;--shadow:0 18px 45px rgba(18,54,105,.09)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#eaf2ff 0,transparent 30%),#f3f7fc}button,input,textarea{font:inherit}button{border:0;border-radius:9px;background:var(--primary);color:#fff;font-weight:750;padding:11px 17px;cursor:pointer}button:disabled{opacity:.58}button.link{background:none;color:#1a56db}a{transition:.18s}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}header{height:74px;padding:0 max(24px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e1e9f3}.brand{font-weight:850;color:#123f91;text-decoration:none}.brand:before{content:"";display:inline-block;width:10px;height:10px;margin-right:10px;border-radius:3px;background:#2a67e8;box-shadow:5px -5px 0 #99b9fb}main{max-width:1120px;margin:38px auto;padding:0 24px;min-height:calc(100vh - 170px)}footer{text-align:center;color:#748198;padding:28px}h1,h2,h3,p{margin-top:0}.request-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;background:linear-gradient(120deg,#09275e,#16489c 58%,#2262cc);color:#fff;border-radius:24px;padding:42px 46px;margin-bottom:24px;box-shadow:0 20px 50px #0c378033}.request-pill{display:inline-flex;background:#ffffff22;border:1px solid #ffffff33;border-radius:99px;padding:6px 12px;font-size:.75rem;font-weight:850;letter-spacing:.12em}.request-hero h1{margin:23px 0 12px;font-size:clamp(2rem,4vw,2.7rem)}.request-vendor{margin:0;font-weight:700}.request-contact{margin:4px 0 0;color:#c6d8ff}.request-deadline{min-width:225px;display:flex;gap:13px;align-items:center;padding:17px 19px;border:1px solid #ffffff33;background:#03163e38;border-radius:15px}.deadline-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ffffff24;font-size:1.5rem}.request-deadline span,.request-deadline small{display:block;color:#bed2fc;font-size:.77rem}.request-deadline strong{display:block;font-size:1.04rem}.request-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:24px;align-items:start}.portal-card{background:#fffffff7;border:1px solid var(--line);border-radius:20px;padding:27px;box-shadow:var(--shadow)}.section-heading{display:flex;gap:14px;margin-bottom:21px}.section-heading h2{margin:1px 0 2px;font-size:1.35rem}.section-heading p{margin:0;color:var(--muted);font-size:.9rem}.section-kicker{color:#2d64cf;font-size:.68rem;font-weight:850;letter-spacing:.13em}.section-icon{flex:0 0 42px;height:42px;display:grid;place-items:center;border-radius:12px;font-size:1.35rem;font-weight:850}.file-icon{background:#e9f1ff;color:#1754cb}.comment-icon{background:#e9fbf4;color:#10845a}.dropzone{display:flex;min-height:190px;padding:28px;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px dashed #abc3ee;border-radius:16px;background:linear-gradient(145deg,#f8fbff,#eef5ff);cursor:pointer;outline:0}.dropzone:hover,.dropzone:focus,.dropzone.is-dragging{border-color:#2866e0;background:#eaf2ff}.dropzone__illustration{display:grid;place-items:center;width:58px;height:58px;margin-bottom:13px;border-radius:17px;background:#fff;color:#1e5bdd;box-shadow:0 8px 22px #1f55b92b}.dropzone svg,.icon-button svg,.send-button svg,.confirm-dialog svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dropzone strong span{color:#1f5fda}.dropzone small{margin-top:5px;color:var(--muted)}.upload-queue{display:grid;gap:9px;margin-top:12px}.queue-item{display:grid;grid-template-columns:minmax(0,1fr) 90px 38px;gap:12px;align-items:center;padding:11px 13px;border-radius:11px;background:#f3f7fd;border:1px solid #e1e9f5}.queue-item strong,.queue-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item strong{font-size:.84rem}.queue-item span{font-size:.73rem;color:var(--muted)}.queue-item b{font-size:.75rem;color:#285ec8;text-align:right}.queue-progress{height:6px;border-radius:99px;background:#dce6f4;overflow:hidden}.queue-progress i{display:block;width:0;height:100%;background:#2464de;border-radius:inherit;transition:width .15s}.queue-item.is-complete .queue-progress i{background:#14915f}.queue-item.has-error{background:#fff1f1;border-color:#f1cccc}.queue-item.has-error b,.queue-item.has-error span{color:#cf3e3e}.file-list-heading{display:flex;align-items:center;gap:8px;margin:24px 0 7px;font-weight:800;font-size:.88rem}.count-badge{display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:99px;background:#e9f0fb;color:#2f5aa6;font-size:.72rem}.file-list{border-top:1px solid #e8edf5}.file-row{display:flex;align-items:center;gap:12px;padding:15px 2px;border-bottom:1px solid #e8edf5;transition:.3s}.file-row--new{background:#ebfff5;transform:translateY(-4px)}.file-type{display:grid;place-items:center;flex:0 0 43px;height:47px;border-radius:11px;background:#edf3fc;color:#285eb9;font-size:.61rem;font-weight:900}.file-meta{min-width:0;flex:1}.file-meta strong,.file-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta strong{font-size:.88rem}.file-meta small{font-size:.72rem;color:var(--muted)}.file-actions{display:flex;gap:7px}.file-actions form{margin:0}.icon-button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #d9e3f0;border-radius:9px;background:#fff;color:#3866b9;text-decoration:none}.icon-button svg{width:18px}.icon-button--danger{color:#ca4040}.empty-state{text-align:center;padding:28px 10px;color:#7b879a}.comments-panel{max-height:348px;overflow:auto;padding-right:4px}.comments article{display:flex;gap:11px;margin-bottom:16px;border:0;padding:0}.comments article:before{content:"V";display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#e5efff;color:#2456ae;font-size:.73rem;font-weight:850}.comments article>div{flex:1;min-width:0;background:#f5f8fc;border:1px solid #e7edf5;border-radius:4px 13px 13px 13px;padding:11px 13px}.comments article>div>div{display:flex;justify-content:space-between;gap:8px}.comments article strong{font-size:.82rem}.comments article p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.88rem}.comment-composer{margin-top:19px;padding-top:18px;border-top:1px solid #e6edf5}.comment-composer label{display:block;margin-bottom:7px;font-weight:800;font-size:.82rem}.comment-composer textarea{display:block;resize:vertical;width:100%;min-height:108px;padding:13px 14px;border:1px solid #cdd9e8;border-radius:12px;background:#fbfdff}.composer-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.composer-footer small{font-size:.7rem;color:var(--muted)}.send-button{display:flex;align-items:center;gap:8px}.send-button svg{width:17px}.complete-panel{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:21px 24px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.complete-panel>div{display:flex;align-items:center;gap:14px}.complete-panel__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#dcf8ea;color:#118052;font-weight:900}.complete-panel p{margin:2px 0 0;color:var(--muted);font-size:.84rem}.complete-button{white-space:nowrap;background:linear-gradient(115deg,#174fc2,#286be8)}.toast-region{position:fixed;z-index:1000;right:22px;top:92px;display:grid;gap:10px;width:min(390px,calc(100vw - 32px))}.toast{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;padding:14px;background:#fff;border:1px solid #dce6ef;border-radius:14px;box-shadow:0 18px 50px #0e254b30;opacity:0;transform:translateX(20px);transition:.22s}.toast.is-visible{opacity:1;transform:none}.toast.is-leaving{opacity:0}.toast__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ddf8eb;color:#118052;font-weight:900}.toast--error .toast__icon{background:#ffe7e7;color:#c23838}.toast strong{font-size:.84rem}.toast p{margin:1px 0 0;color:var(--muted);font-size:.78rem}.toast button{padding:4px;background:transparent;color:#8793a6;font-size:1.25rem}.confirm-overlay{position:fixed;z-index:1100;inset:0;display:grid;place-items:center;padding:20px;background:#07163080;backdrop-filter:blur(4px);opacity:0;transition:.18s}.confirm-overlay[hidden]{display:none}.confirm-overlay.is-open{opacity:1}.confirm-dialog{width:min(420px,100%);padding:28px;background:#fff;border-radius:20px;text-align:center;box-shadow:0 28px 80px #061a3f4d}.confirm-dialog__icon{display:grid;place-items:center;width:55px;height:55px;margin:0 auto 14px;border-radius:50%;background:#ffebeb;color:#c43d3d}.confirm-dialog h3{margin-bottom:6px}.confirm-dialog p{color:var(--muted);font-size:.9rem}.confirm-dialog>div:last-child{display:flex;justify-content:center;gap:9px;margin-top:21px}.button-secondary{background:#edf2f8;color:#31435e}.button-danger{background:#ce3e3e;color:#fff}.card{background:#fff;border:1px solid #e0e7f0;border-radius:14px;padding:24px;box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.login{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;max-width:850px;margin:70px auto;background:#fff;border-radius:18px;box-shadow:0 20px 60px #123c8520}.login>div,.login aside{padding:50px}.login aside{background:#123c85;color:#fff}.login label{display:block;font-weight:700;margin:16px 0 6px}.login input{display:block;width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px}.login button{width:100%;margin-top:22px}.alert{padding:12px;border-radius:8px;background:#fee2e2;color:#991b1b}.success{max-width:700px;margin:80px auto;text-align:center;background:#fff;border-radius:18px;padding:50px}.check{margin:auto;width:64px;height:64px;border-radius:50%;background:#dcfce7;color:#16803b;font-size:2.5rem}.error-code{font-size:4rem;font-weight:800;color:#9aa6b5}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #e8edf4}.badge{padding:5px 9px;border-radius:20px}.badge.ok{background:#dcfce7;color:#166534}.badge.pending{background:#fef3c7;color:#92400e}@media(max-width:850px){main{margin-top:24px}.request-layout,.grid,.login{grid-template-columns:1fr}.request-hero{align-items:flex-start;flex-direction:column}.request-deadline{width:100%}.login aside{display:none}}@media(max-width:600px){header{height:64px}.brand{font-size:.9rem}main{padding:0 14px;margin-top:16px}.request-hero{padding:28px 23px;border-radius:18px}.portal-card{padding:20px 17px}.dropzone{min-height:170px;padding:20px 12px}.queue-item{grid-template-columns:minmax(0,1fr) 40px}.queue-progress{grid-column:1/-1;grid-row:2}.file-row{gap:9px}.complete-panel{align-items:stretch;flex-direction:column}.complete-panel form,.complete-button{width:100%}.toast-region{top:75px;right:16px}}