:root{--navy:#132238;--navy-2:#1b304b;--blue:#1769aa;--blue-2:#0e568f;--teal:#18847f;--orange:#d77a31;--ink:#172133;--muted:#718096;--line:#e3e9f1;--soft:#f4f7fb;--white:#fff;--danger:#b84251;--success:#1b7a56;--shadow:0 14px 40px rgba(24,42,68,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--soft);font:14px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.hidden{display:none!important}.mobile-only{display:none}.page-loading{position:fixed;inset:0;z-index:80;display:grid;place-content:center;text-align:center;background:#f8fafc;color:var(--muted)}.loading-mark,.brand-mark{display:grid;place-items:center;background:#e78a3d;color:#fff;font-weight:800;border-radius:10px}.loading-mark{width:52px;height:52px;margin:auto;font-size:21px;animation:pulse 1.2s infinite}.page-loading p{margin:12px 0}@keyframes pulse{50%{transform:scale(.92);opacity:.7}}
.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.brand-mark{width:36px;height:36px}.brand b{display:block;font-size:16px;letter-spacing:.02em}.brand small{display:block;margin-top:-2px;color:#8fa5bc;font-size:10px;letter-spacing:.12em}.brand-light small{color:#b9cada}
.auth-view{min-height:100vh;display:grid;grid-template-columns:minmax(500px,1.05fr) minmax(520px,.95fr)}.auth-story{position:relative;display:flex;flex-direction:column;min-height:100vh;padding:44px 7vw 40px;background:var(--navy);color:#fff;overflow:hidden}.auth-story:before,.auth-story:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.auth-story:before{width:520px;height:520px;right:-210px;top:130px}.auth-story:after{width:300px;height:300px;right:-75px;top:240px}.story-copy{position:relative;z-index:1;margin:auto 0 8vh;max-width:690px}.eyebrow{display:inline-block;margin-bottom:17px;color:#8fc7e8;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow.dark{margin:0 0 8px;color:var(--blue)}.story-copy h1{margin:0 0 24px;font-size:clamp(42px,4.5vw,68px);line-height:1.13;letter-spacing:-.04em}.story-copy p{max-width:580px;color:#b8c6d6;font-size:17px;line-height:1.85}.story-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);max-width:650px;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}.story-metrics div{padding:20px 22px}.story-metrics div+div{border-left:1px solid rgba(255,255,255,.13)}.story-metrics b{display:block;font-size:24px}.story-metrics span,.trust-line{color:#a9bacb;font-size:12px}.trust-line{position:relative;z-index:1;display:flex;gap:24px;margin-top:24px}.trust-line span:before{content:"✓";margin-right:6px;color:#67c6a3}.auth-panel{display:grid;place-items:center;padding:38px;background:#f6f8fb}.auth-card{width:min(450px,100%);padding:36px 42px 30px;border:1px solid #e5eaf1;border-radius:18px;background:#fff;box-shadow:0 24px 65px rgba(28,44,68,.11)}.auth-tabs{display:flex;border-bottom:1px solid var(--line)}.auth-tabs button{flex:1;padding:0 0 15px;border:0;background:none;color:#8a96a7;font-weight:700}.auth-tabs button.active{color:var(--blue);border-bottom:2px solid var(--blue)}.form-heading{margin:29px 0 22px}.form-heading h2{margin:0 0 5px;font-size:25px}.form-heading p{margin:0;color:var(--muted)}.auth-form label{display:block;margin:16px 0}.auth-form label>span{display:block;margin-bottom:7px;color:#4b586c;font-weight:600}.auth-form input:not([type=checkbox]){width:100%;height:46px;padding:0 13px;border:1px solid #d8e0ea;border-radius:9px;outline:none;transition:.2s}.auth-form input:focus{border-color:#4e91c6;box-shadow:0 0 0 3px rgba(23,105,170,.1)}.agreement{display:flex!important;gap:8px;align-items:flex-start}.agreement span{font-weight:400!important;color:var(--muted)!important}.website-field{position:absolute!important;left:-9999px}.auth-foot{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);text-align:center;color:#9aa5b3;font-size:12px}
.primary-btn,.secondary-btn,.text-btn,.icon-btn{border:0;border-radius:8px}.primary-btn{padding:10px 16px;background:var(--blue);color:#fff;font-weight:700;box-shadow:0 6px 16px rgba(23,105,170,.18)}.primary-btn:hover{background:var(--blue-2)}.secondary-btn{padding:9px 14px;border:1px solid #d6e0eb;background:#fff;color:#37526d;font-weight:600}.text-btn{padding:6px;background:none;color:var(--blue)}.wide{width:100%}.auth-form>.text-btn{display:block;margin:10px auto 0}
.app-view{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:236px;display:flex;flex-direction:column;padding:26px 18px 18px;background:var(--navy);color:#fff}.sidebar>.brand{padding:0 8px 28px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{position:relative;display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:8px;color:#9fb0c1;text-decoration:none;transition:.18s}.sidebar nav a:hover,.sidebar nav a.active{background:var(--navy-2);color:#fff}.sidebar nav a.active:before{content:"";position:absolute;left:-18px;width:3px;height:24px;background:#e78a3d;border-radius:0 2px 2px 0}.sidebar nav i{width:19px;text-align:center;font-style:normal;font-weight:700}.nav-dot{width:7px;height:7px;margin-left:auto;border-radius:50%;background:#e78a3d}.sidebar-support{margin-top:auto;padding:15px;border:1px solid #2c4664;border-radius:10px;background:#172a43}.sidebar-support small{color:#7890a7}.sidebar-support p{margin:4px 0 10px;font-size:12px}.sidebar-support button{width:100%;padding:7px;border:1px solid #47627e;border-radius:6px;background:transparent;color:#d7e1eb}.logout-btn{display:flex;justify-content:space-between;margin-top:10px;padding:10px 12px;border:0;background:none;color:#8fa3b8}.logout-btn kbd{border:0;background:none}.workspace{margin-left:236px}.topbar{position:sticky;top:0;z-index:10;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.crumb small{color:var(--muted);font-size:11px;letter-spacing:.12em}.crumb h1{margin:0;font-size:21px}.top-actions{display:flex;align-items:center;gap:11px}.security-pill{padding:7px 10px;border:1px solid #d9e8e4;border-radius:999px;color:#377264;font-size:12px}.security-pill span,.live-tag i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#32a477}.profile{display:flex;align-items:center;gap:9px;padding:3px 7px 3px 3px;border:0;background:transparent;text-align:left}.profile>span:first-child{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#e8f0f7;color:var(--blue);font-weight:800}.profile b,.profile small{display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile small{color:var(--muted);font-size:11px}.content{padding:28px 32px 48px}.page{display:none}.page.active{display:block}.welcome-row,.page-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.welcome-row h2,.page-actions h2{margin:0 0 3px;font-size:25px}.welcome-row p,.page-actions p{margin:0;color:var(--muted)}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card{position:relative;display:flex;align-items:flex-start;gap:12px;min-height:140px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(26,44,68,.04)}.metric-card .metric-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#edf7f3;color:var(--success);font-weight:800}.metric-icon.blue{background:#edf4fb!important;color:var(--blue)!important}.metric-icon.teal{background:#e8f6f5!important;color:var(--teal)!important}.metric-icon.orange{background:#fff2e8!important;color:var(--orange)!important}.metric-card span{display:block;color:var(--muted)}.metric-card strong{display:block;margin:4px 0;font-size:25px}.metric-card small{color:#98a3b2}.metric-card button{position:absolute;right:15px;bottom:14px;border:0;background:none;color:var(--blue);font-size:12px}.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:16px;margin-top:16px}.panel{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 26px rgba(25,44,68,.04)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:19px 20px 14px}.panel-head h3,.help-grid h3{margin:0 0 3px;font-size:17px}.panel-head p{margin:0;color:var(--muted);font-size:12px}.order-list{padding:0 20px 13px}.order-row{display:grid;grid-template-columns:42px minmax(120px,1.3fr) 1fr auto;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #edf1f5}.order-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#eef4fa;color:var(--blue);font-weight:800}.order-row b,.order-row small{display:block}.order-row small{color:var(--muted)}.order-progress{min-width:110px}.progress-track{height:5px;margin-top:6px;overflow:hidden;border-radius:5px;background:#edf1f5}.progress-track i{display:block;height:100%;background:var(--teal)}.status-badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#edf3fa;color:#315b83;font-size:11px;white-space:nowrap}.status-badge.pending_review{background:#fff3d4;color:#896300}.status-badge.completed,.status-badge.partially_completed{background:#def5e9;color:#176d4b}.status-badge.review_rejected,.status-badge.failed{background:#fbe7ea;color:#a13744}.live-tag{padding:4px 8px;border-radius:999px;background:#e8f6ef;color:#27745a;font-size:11px}.queue-visual{display:flex;align-items:center;gap:24px;padding:8px 22px 16px}.queue-ring{width:128px;height:128px;display:grid;place-content:center;border:11px solid #e8f1f7;border-top-color:var(--blue);border-radius:50%;text-align:center}.queue-ring b{font-size:26px}.queue-ring span{color:var(--muted);font-size:11px}.queue-times{flex:1}.queue-times div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #edf1f5}.queue-times span{color:var(--muted)}.queue-note{margin:0 20px 18px;padding:9px 11px;border-radius:7px;background:#f7f9fc;color:#758396;font-size:11px}.process-panel{margin-top:16px}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);padding:0 20px 22px}.process-steps div{position:relative;padding:8px 18px}.process-steps div+div{border-left:1px solid var(--line)}.process-steps i{display:grid;place-items:center;width:26px;height:26px;margin-bottom:9px;border-radius:50%;background:var(--navy);color:#fff;font-style:normal}.process-steps b,.process-steps span{display:block}.process-steps span{color:var(--muted);font-size:12px}
.filter-tabs{display:flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:9px;background:#fff}.filter-tabs button{padding:7px 14px;border:0;border-radius:6px;background:transparent;color:var(--muted)}.filter-tabs button.active{background:#eaf2f9;color:var(--blue);font-weight:700}.table-panel{overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;border-bottom:1px solid #edf1f5;text-align:left;vertical-align:middle;white-space:nowrap}th{background:#fafbfd;color:#6f7d90;font-size:12px;font-weight:600}td small{color:var(--muted)}tbody tr:hover{background:#fbfcfe}.table-action{border:0;background:none;color:var(--blue)}.empty{padding:70px 20px;text-align:center}.empty>div{font-size:35px;color:#9fb1c4}.empty h3{margin:10px 0 4px}.empty p{margin:0 0 17px;color:var(--muted)}.delivery-filters{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.search-box{display:flex;align-items:center;gap:8px;width:300px;padding:9px 12px;border:1px solid #dbe3ed;border-radius:8px}.search-box input{width:100%;border:0;outline:0}.retention-tip{color:var(--muted);font-size:12px}.delivery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px}.delivery-card{overflow:hidden;border:1px solid var(--line);border-radius:10px}.video-cover{height:130px;display:grid;place-content:center;background:#18283c;color:#fff;font-size:26px}.delivery-body{padding:13px}.delivery-body h4{margin:0 0 6px}.delivery-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.delivery-actions{display:flex;gap:7px;margin-top:12px}.delivery-actions button{flex:1}.wallet-summary{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:28px;margin-bottom:16px;padding:25px 28px;border-radius:12px;background:var(--navy);color:#fff}.wallet-summary span{color:#9fb0c1}.wallet-summary strong{display:block;margin:2px 0;font-size:27px}.wallet-summary p{margin:0;color:#aebdcd;font-size:12px}.message-list{padding:0 20px 20px}.message-item{display:grid;grid-template-columns:38px 1fr auto;gap:12px;padding:16px 0;border-top:1px solid var(--line)}.message-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#edf4fa;color:var(--blue)}.message-item h4,.message-item p{margin:0}.message-item p,.message-item time{color:var(--muted);font-size:12px}.help-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:16px}.help-grid .panel{padding:22px}.help-grid details{padding:15px 0;border-bottom:1px solid var(--line)}.help-grid summary{cursor:pointer;font-weight:700}.help-grid details p{color:var(--muted)}.rules-card ul{padding-left:19px;color:#536277}.rules-card li{margin:10px 0}
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:24px}.modal.show{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(12,25,42,.58)}.modal-card{position:relative;z-index:1;width:min(820px,96vw);max-height:90vh;overflow:auto;padding:28px;border-radius:15px;background:#fff;box-shadow:0 30px 80px rgba(10,24,42,.28)}.modal-close{position:absolute;right:16px;top:13px;border:0;background:none;color:#788598;font-size:27px}.modal-title{margin:0 0 4px;font-size:23px}.modal-sub{margin:0 0 22px;color:var(--muted)}.wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 0 25px}.wizard-step{position:relative;color:#9aa5b3;text-align:center;font-size:11px}.wizard-step:before{content:"";position:absolute;top:13px;left:-50%;width:100%;height:1px;background:#dfe5ed}.wizard-step:first-child:before{display:none}.wizard-step i{position:relative;z-index:1;display:grid;place-items:center;width:27px;height:27px;margin:0 auto 6px;border:1px solid #ccd6e1;border-radius:50%;background:#fff;font-style:normal}.wizard-step.active,.wizard-step.done{color:var(--blue)}.wizard-step.active i,.wizard-step.done i{border-color:var(--blue);background:var(--blue);color:#fff}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:block;margin:13px 0}.field>span{display:block;margin-bottom:6px;color:#536176;font-weight:600}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border:1px solid #d7e0ea;border-radius:8px;outline:0}.field textarea{min-height:180px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#5894c3;box-shadow:0 0 0 3px rgba(23,105,170,.09)}.upload-zone{display:grid;place-content:center;min-height:150px;padding:20px;border:1px dashed #9fb6c9;border-radius:10px;background:#f7fafc;text-align:center}.upload-zone.drag{border-color:var(--blue);background:#edf5fb}.upload-zone b{font-size:16px}.upload-zone p{margin:4px 0;color:var(--muted)}.upload-zone input{margin:10px auto}.import-result{margin-top:12px;padding:11px;border-radius:8px;background:#eff7f4;color:#286d55}.wizard-actions{display:flex;justify-content:space-between;gap:10px;margin-top:22px;padding-top:17px;border-top:1px solid var(--line)}.preview-box{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.preview-box div{padding:13px;border-radius:9px;background:#f5f8fb}.preview-box span,.preview-box b{display:block}.preview-box span{color:var(--muted);font-size:11px}.preview-box b{margin-top:4px;font-size:19px}.prompt-preview{max-height:230px;overflow:auto;border:1px solid var(--line);border-radius:9px}.prompt-line{display:grid;grid-template-columns:40px 1fr;gap:8px;padding:10px;border-bottom:1px solid #edf1f5}.prompt-line span{color:#94a0af}.reference-batch{padding:12px;border-radius:8px;background:#fff7e9;color:#7b5a22;font-size:12px}.order-detail-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:18px}.detail-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:18px}.detail-progress div{padding:12px;border-radius:8px;background:#f5f8fb}.detail-progress span,.detail-progress b{display:block}.detail-progress span{color:var(--muted);font-size:11px}.item-list{max-height:380px;overflow:auto;border:1px solid var(--line);border-radius:9px}.item-row{display:grid;grid-template-columns:38px minmax(250px,1fr) 100px auto;gap:10px;align-items:center;padding:11px;border-bottom:1px solid var(--line)}.item-prompt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumbs{display:flex}.thumb{width:31px;height:31px;margin-right:-6px;border:2px solid #fff;border-radius:7px;object-fit:cover;background:#eef2f6}.image-fallback{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;background:#eef2f6;color:#8a98a8;font-size:9px}.danger-screen{padding:35px;text-align:center}.danger-screen .danger-icon{display:grid;place-items:center;width:54px;height:54px;margin:auto;border-radius:50%;background:#fbe4e7;color:var(--danger);font-size:26px}.danger-screen h2{color:var(--danger)}.toast-stack{position:fixed;right:22px;top:20px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{min-width:260px;max-width:430px;padding:12px 15px;border-left:3px solid var(--blue);border-radius:8px;background:#fff;box-shadow:var(--shadow);animation:toastIn .2s}.toast.error{border-left-color:var(--danger)}.toast.success{border-left-color:var(--success)}@keyframes toastIn{from{transform:translateY(-8px);opacity:0}}
@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(2,1fr)}.delivery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.mobile-only{display:block}.auth-view{grid-template-columns:1fr}.auth-story{display:none}.auth-panel{min-height:100vh}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.topbar{padding:0 18px}.content{padding:20px 18px}.security-pill,.profile>span:last-child{display:none}.dashboard-grid,.help-grid{grid-template-columns:1fr}.process-steps{grid-template-columns:1fr 1fr}.process-steps div:nth-child(3){border-left:0}.wallet-summary{grid-template-columns:1fr}.delivery-grid{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.item-row{grid-template-columns:32px 1fr auto}.item-row .thumbs{display:none}}
@media(max-width:560px){.auth-panel{padding:15px}.auth-card{padding:28px 22px}.metric-grid{grid-template-columns:1fr}.top-actions .primary-btn{display:none}.page-actions{align-items:flex-start;gap:12px}.filter-tabs{max-width:100%;overflow:auto}.preview-box,.detail-progress{grid-template-columns:1fr 1fr}.process-steps{grid-template-columns:1fr}.process-steps div+div{border-left:0;border-top:1px solid var(--line)}}