:root{--bg-page: #F8F7F4;--bg-primary: #FFFFFF;--bg-secondary: #F5F4F0;--bg-tertiary: #EEEDEA;--text-primary: #1A1A18;--text-secondary: #5A5955;--text-muted: #9A9890;--border: #E8E6E0;--border-focus: #1A4A7A;--green: #2D6A2D;--green-bg: #F2F9F2;--green-border: #A0C8A0;--amber: #B45309;--amber-bg: #FFFBF0;--amber-border: #E8C87A;--red: #C0392B;--red-bg: #FDF2F0;--red-border: #E8A090;--blue: #1A4A7A;--blue-bg: #F0F5FB;--blue-border: #90B4D8;--brand: #0D2E4E;--brand-light: #E6F1FB;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-ui: -apple-system, "PingFang SC", "Helvetica Neue", Arial, sans-serif;--font-mono: "Courier New", Courier, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);background:var(--bg-page);color:var(--text-primary);font-size:14px;line-height:1.5}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-muted);font-size:14px}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);z-index:9999;max-width:360px}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:13px;border:.5px solid var(--border);background:var(--bg-primary);color:var(--text-primary);box-shadow:0 2px 8px #00000014}.toast--error{background:var(--red-bg);border-color:var(--red-border);color:var(--red)}.toast--success{background:var(--green-bg);border-color:var(--green-border);color:var(--green)}.toast--warning{background:var(--amber-bg);border-color:var(--amber-border);color:var(--amber)}.pending-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:var(--space-8);text-align:center;gap:var(--space-4);max-width:480px;margin:0 auto}.pending-screen__icon{font-size:48px}.pending-screen__title{font-size:20px;font-weight:500;color:var(--text-primary)}.pending-screen__desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.pending-screen__sub{font-size:13px;color:var(--text-muted);line-height:1.6}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-page);padding:var(--space-4)}.auth-card{background:var(--bg-primary);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);width:100%;max-width:400px}.auth-card--wide{max-width:520px}.auth-logo{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-8)}.auth-logo__mark{width:32px;height:32px;background:var(--brand);color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500}.auth-logo__name{font-size:16px;font-weight:500;color:var(--brand)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-footer{text-align:center;margin-top:var(--space-4);font-size:13px;color:var(--text-muted)}.auth-footer a{color:var(--blue);text-decoration:none}.auth-success{text-align:center;padding:var(--space-4) 0}.auth-success__icon{font-size:40px;margin-bottom:var(--space-4)}.auth-success h2{font-size:18px;font-weight:500;margin-bottom:var(--space-3)}.auth-success p{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:13px}.auth-success__en{color:var(--text-muted);font-size:12px;margin-bottom:var(--space-6)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field__label{font-size:12px;font-weight:500;color:var(--text-secondary)}.field__input{height:44px;padding:0 var(--space-3);border:.5px solid var(--border);border-radius:var(--radius-md);font-size:16px;font-family:var(--font-ui);background:var(--bg-primary);color:var(--text-primary);width:100%}.field__input:focus{outline:none;border-color:var(--border-focus);border-width:1px}.field__hint{font-size:11px;color:var(--text-muted)}.field__select{height:44px;padding:0 var(--space-3);border:.5px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-ui);background:var(--bg-primary);color:var(--text-primary)}.field-row-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:44px;padding:0 var(--space-6);border-radius:var(--radius-md);font-size:14px;font-weight:500;font-family:var(--font-ui);border:none;cursor:pointer}.btn--primary{background:var(--brand);color:#fff}.btn--primary:hover{opacity:.9}.btn--secondary{background:var(--bg-secondary);color:var(--text-primary);border:.5px solid var(--border)}.btn--danger{background:var(--red-bg);color:var(--red);border:.5px solid var(--red-border)}.btn--full{width:100%}.btn--sm{height:32px;padding:0 var(--space-3);font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.app-shell{display:grid;grid-template-rows:44px 1fr;grid-template-columns:200px 1fr;min-height:100vh}.app-shell__body{display:contents}.app-shell__main{grid-column:2;grid-row:2;overflow-y:auto;background:var(--bg-page)}.topbar{grid-column:1 / -1;grid-row:1;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);background:var(--brand);border-bottom:.5px solid var(--border);height:44px}.topbar__left{display:flex;align-items:center;gap:var(--space-3)}.topbar__logo{display:flex;align-items:center;gap:var(--space-2)}.topbar__logo-mark{width:24px;height:24px;background:#fff3;color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500}.topbar__logo-name{font-size:14px;font-weight:500;color:#fff}.topbar__right{display:flex;align-items:center;gap:var(--space-3)}.topbar__lang{background:#ffffff26;color:#fff;border:none;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:12px;cursor:pointer}.topbar__bell{background:none;border:none;color:#fff;font-size:16px;cursor:pointer}.topbar__avatar{width:28px;height:28px;border-radius:50%;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;cursor:pointer}.sidebar{grid-column:1;grid-row:2;background:var(--bg-primary);border-right:.5px solid var(--border);padding:var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-1)}.sidebar__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);font-size:13px;color:var(--text-secondary);text-decoration:none}.sidebar__item:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar__item--active{color:var(--brand);background:var(--brand-light);font-weight:500;border-right:2px solid var(--brand)}.sidebar__icon{font-size:16px;width:20px;text-align:center}.bottom-nav{display:none}.page{padding:var(--space-6);max-width:1200px}.page__header{margin-bottom:var(--space-6)}.page__title{font-size:20px;font-weight:500;color:var(--text-primary)}.section{margin-bottom:var(--space-8)}.section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section__title{font-size:14px;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-8)}.kpi-tile{background:var(--bg-primary);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.kpi-tile__value{font-size:28px;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-1)}.kpi-tile__label{font-size:12px;color:var(--text-secondary)}.kpi-tile__label-en{font-size:11px;color:var(--text-muted)}.document-list{display:flex;flex-direction:column;gap:var(--space-2)}.doc-card{background:var(--bg-primary);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer}.doc-card:hover{border-color:var(--blue-border)}.doc-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-2)}.doc-card__title{font-size:13px;font-weight:500;color:var(--text-primary)}.doc-card__right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.doc-card__meta{font-size:12px;color:var(--text-muted);margin-bottom:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-2)}.stage-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;height:4px;border-radius:2px;overflow:hidden}.stage-bar__seg{height:4px}.stage-bar__seg--done{background:var(--green)}.stage-bar__seg--active{background:var(--blue)}.stage-bar__seg--blocked{background:var(--red)}.stage-bar__seg--pending{background:var(--border)}.tag{display:inline-flex;align-items:center;font-size:11px;font-weight:500;padding:2px 8px;border-radius:var(--radius-md)}.tag--green{background:var(--green-bg);color:var(--green)}.tag--amber{background:var(--amber-bg);color:var(--amber)}.tag--red{background:var(--red-bg);color:var(--red)}.tag--blue{background:var(--blue-bg);color:var(--blue)}.tag--gray{background:var(--bg-secondary);color:var(--text-muted)}.day-counter{font-size:11px;font-weight:500;padding:2px 8px;border-radius:var(--radius-md)}.day-counter--gray{background:var(--bg-secondary);color:var(--text-muted)}.day-counter--amber{background:var(--amber-bg);color:var(--amber)}.day-counter--red{background:var(--red-bg);color:var(--red)}.badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:500}.badge--amber{background:var(--amber-bg);color:var(--amber)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);z-index:1000}.toast{background:var(--text-primary);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:13px;max-width:320px}.toast--error{background:var(--red)}.toast--success{background:var(--green)}.toast--info{background:var(--blue)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.empty-state__icon{font-size:40px;margin-bottom:var(--space-4)}.empty-state__title{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state__desc{font-size:13px;color:var(--text-muted);margin-bottom:var(--space-6)}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton--title{height:16px;width:60%;margin-bottom:var(--space-2)}.skeleton--meta{height:12px;width:80%;margin-bottom:var(--space-3)}.skeleton--bar{height:4px;width:100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pending-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8);background:var(--bg-page)}.pending-screen__icon{font-size:48px;margin-bottom:var(--space-4)}.pending-screen__title{font-size:20px;font-weight:500;margin-bottom:var(--space-3)}.pending-screen__desc{font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-2);max-width:400px}.pending-screen__sub{font-size:12px;color:var(--text-muted);max-width:400px}.user-list{display:flex;flex-direction:column;gap:var(--space-2)}.user-row{display:flex;align-items:center;gap:var(--space-4);background:var(--bg-primary);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.user-row--pending{border-color:var(--amber-border);background:var(--amber-bg)}.user-row__avatar{width:36px;height:36px;border-radius:50%;background:var(--blue-bg);color:var(--blue);display:flex;align-items:center;justify-content:center;font-weight:500;flex-shrink:0}.user-row__info{flex:1}.user-row__name{font-size:13px;font-weight:500;color:var(--text-primary)}.user-row__email{font-size:12px;color:var(--text-muted)}.user-row__company{font-size:11px;color:var(--text-muted)}.user-row__actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.user-row__meta{display:flex;gap:var(--space-2);align-items:center}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-muted);font-size:14px}@media(max-width:768px){.app-shell{grid-template-columns:1fr;grid-template-rows:44px 1fr 56px}.app-shell__main{grid-column:1}.sidebar{display:none}.bottom-nav{display:flex;grid-column:1;grid-row:3;background:var(--bg-primary);border-top:.5px solid var(--border);padding:0}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-2);text-decoration:none;color:var(--text-muted);font-size:10px}.bottom-nav__item--active{color:var(--brand)}.bottom-nav__icon{font-size:20px}.kpi-strip{grid-template-columns:1fr 1fr}.field-row-2{grid-template-columns:1fr}.page{padding:var(--space-4)}.toast-container{bottom:72px;right:var(--space-4);left:var(--space-4)}.upload-layout,.doc-detail__body{grid-template-columns:1fr}}.page__subtitle{font-size:13px;color:var(--text-muted);margin-top:var(--space-1)}.upload-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.drop-zone{border:1.5px dashed var(--border);border-radius:var(--radius-lg);padding:var(--space-12);text-align:center;cursor:pointer;background:var(--bg-primary);transition:border-color .15s}.drop-zone:hover,.drop-zone--active{border-color:var(--blue);background:var(--blue-bg)}.drop-zone__icon{font-size:32px;margin-bottom:var(--space-3)}.drop-zone__text{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-1)}.drop-zone__sub{font-size:12px;color:var(--text-muted)}.file-queue{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.file-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-secondary);font-size:12px}.file-item__name{flex:1;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item__size{color:var(--text-muted);flex-shrink:0}.scan-result{background:var(--bg-primary);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.scan-result__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.scan-result__type{font-size:13px;font-weight:500;color:var(--text-primary)}.scan-result__confidence{font-size:12px;color:var(--text-muted)}.scan-result__classification{font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-2)}.scan-result__amount{font-size:24px;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-3)}.scan-result__blocked{background:var(--red-bg);color:var(--red);padding:var(--space-3);border-radius:var(--radius-md);font-size:13px;margin-top:var(--space-3)}.scan-panel--empty{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-12);display:flex;align-items:center;justify-content:center;min-height:200px}.scan-panel__placeholder{color:var(--text-muted);font-size:13px;text-align:center}.scan-section{margin-top:var(--space-3)}.scan-section__label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-2)}.check-row{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-1) 0;font-size:12px;color:var(--text-secondary)}.check-row--pass{color:var(--green)}.check-row--fail{color:var(--amber)}.check-row__note{color:var(--text-muted);font-size:11px}.flag-row{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);margin-bottom:var(--space-1);font-size:12px}.flag-row--hard{background:var(--red-bg);color:var(--red)}.flag-row--soft{background:var(--amber-bg);color:var(--amber)}.flag-row__badge{font-size:10px;font-weight:500;flex-shrink:0;padding:1px 5px;border-radius:3px;background:#00000014}.filter-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);border-bottom:.5px solid var(--border)}.filter-tab{padding:var(--space-2) var(--space-3);font-size:13px;color:var(--text-muted);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-.5px;font-family:var(--font-ui)}.filter-tab:hover{color:var(--text-primary)}.filter-tab--active{color:var(--text-primary);border-bottom-color:var(--brand);font-weight:500}.btn-back{background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:0;margin-bottom:var(--space-4);font-family:var(--font-ui)}.btn-back:hover{color:var(--text-primary)}.doc-detail__header{margin-bottom:var(--space-6)}.doc-detail__title{font-size:18px;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-3)}.doc-detail__meta{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-bottom:var(--space-3);font-size:13px;color:var(--text-secondary)}.doc-detail__body{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.doc-detail__left,.doc-detail__right{display:flex;flex-direction:column;gap:var(--space-4)}.detail-card{background:var(--bg-primary);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.detail-card--advisory{flex:1}.detail-card__title{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.detail-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:.5px solid var(--border);font-size:12px}.detail-row:last-child{border-bottom:none}.detail-row__key{color:var(--text-muted);min-width:100px}.detail-row__val{color:var(--text-primary);font-weight:500;text-align:right}.advisory-content{font-size:13px;line-height:1.7;color:var(--text-secondary);min-height:100px}.advisory-content h3{font-size:13px;font-weight:500;color:var(--text-primary);margin:var(--space-4) 0 var(--space-2)}.advisory-content strong{font-weight:500;color:var(--text-primary)}.advisory-loading{font-size:11px;color:var(--blue);font-weight:400}.advisory-placeholder{color:var(--text-muted);font-size:13px}.approval-actions{display:flex;flex-direction:column;gap:var(--space-3)}.btn--approve{background:var(--green);color:#fff;height:44px;width:100%;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:500;cursor:pointer;font-family:var(--font-ui)}.btn--approve:hover{opacity:.9}.btn--approve:disabled{opacity:.5;cursor:not-allowed}.btn--reject-outline{background:none;color:var(--red);border:.5px solid var(--red-border);height:44px;width:100%;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;font-family:var(--font-ui)}.reject-panel{display:flex;flex-direction:column;gap:var(--space-3)}.reject-reason{border:.5px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);font-size:14px;font-family:var(--font-ui);color:var(--text-primary);background:var(--bg-primary);resize:vertical;width:100%}.reject-reason:focus{outline:none;border-color:var(--border-focus)}