@import url(https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);:root{--brand-red:#c8102e;--brand-red-dark:#a00d24;--brand-red-light:#f5e6e9;--brand-red-mid:#e8304a;--gray-950:#0a0a0f;--gray-900:#111118;--gray-800:#1c1c28;--gray-700:#2d2d3d;--gray-600:#4a4a62;--gray-500:#6b6b85;--gray-400:#9393aa;--gray-300:#c4c4d4;--gray-200:#e2e2ec;--gray-100:#f4f4f8;--gray-50:#fafafa;--white:#fff;--success:#16a34a;--success-light:#dcfce7;--warning:#d97706;--warning-light:#fef3c7;--danger:#dc2626;--danger-light:#fee2e2;--info:#2563eb;--info-light:#dbeafe;--stage1:#7c3aed;--stage1-light:#ede9fe;--stage2:#0891b2;--stage2-light:#cffafe;--stage3:#d97706;--stage3-light:#fef3c7;--stage4:#16a34a;--stage4-light:#dcfce7;--font-display:"Sora",sans-serif;--font-body:"DM Sans",sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px #00000014,0 1px 2px #0000000a;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 12px 40px #00000024;--shadow-xl:0 24px 64px #0000002e;--shadow-red:0 8px 24px #c8102e47;--sidebar-width:260px;--header-height:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:#f4f4f8;background:var(--gray-100);color:#111118;color:var(--gray-900);font-family:DM Sans,sans-serif;font-family:var(--font-body);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Sora,sans-serif;font-family:var(--font-display);font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:DM Sans,sans-serif;font-family:var(--font-body)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f4f4f8;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#c4c4d4;background:var(--gray-300);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#9393aa;background:var(--gray-400)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.text-center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{background:#fff;background:var(--white);border:1px solid #e2e2ec;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow-sm)}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.875rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .18s ease;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:#c8102e;background:var(--brand-red);box-shadow:0 8px 24px #c8102e47;box-shadow:var(--shadow-red);color:#fff;color:var(--white)}.btn-primary:hover:not(:disabled){background:#a00d24;background:var(--brand-red-dark);box-shadow:0 10px 28px #c8102e5c;transform:translateY(-1px)}.btn-secondary{background:#f4f4f8;background:var(--gray-100);border:1px solid #e2e2ec;border:1px solid var(--gray-200);color:#2d2d3d;color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background:#e2e2ec;background:var(--gray-200)}.btn-ghost{background:#0000;color:#4a4a62;color:var(--gray-600)}.btn-ghost:hover:not(:disabled){background:#f4f4f8;background:var(--gray-100);color:#111118;color:var(--gray-900)}.btn-danger{background:#dc2626;background:var(--danger);color:#fff;color:var(--white)}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-success{background:#16a34a;background:var(--success);color:#fff;color:var(--white)}.btn-success:hover:not(:disabled){background:#15803d}.btn-sm{font-size:.8125rem;padding:7px 14px}.btn-lg{font-size:1rem;padding:13px 28px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{color:#4a4a62;color:var(--gray-600);font-size:.8125rem;font-weight:500;letter-spacing:.01em}.form-input{background:#fff;background:var(--white);border:1.5px solid #e2e2ec;border:1.5px solid var(--gray-200);border-radius:10px;border-radius:var(--radius-md);color:#111118;color:var(--gray-900);font-size:.9375rem;outline:none;padding:10px 14px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.form-input:focus{border-color:#c8102e;border-color:var(--brand-red);box-shadow:0 0 0 3px #c8102e1a}.form-input::placeholder{color:#9393aa;color:var(--gray-400)}select.form-input{appearance:none;cursor:pointer}textarea.form-input{min-height:90px;resize:vertical}.badge{align-items:center;border-radius:99px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;letter-spacing:.02em;min-width:0;overflow:hidden;padding:3px 10px;text-overflow:ellipsis;white-space:nowrap}.badge-success{background:#dcfce7;background:var(--success-light);color:#16a34a;color:var(--success)}.badge-warning{background:#fef3c7;background:var(--warning-light);color:#d97706;color:var(--warning)}.badge-danger{background:#fee2e2;background:var(--danger-light);color:#dc2626;color:var(--danger)}.badge-info{background:#dbeafe;background:var(--info-light);color:#2563eb;color:var(--info)}.badge-gray{background:#f4f4f8;background:var(--gray-100);color:#4a4a62;color:var(--gray-600)}.badge-stage1{background:#ede9fe;background:var(--stage1-light);color:#7c3aed;color:var(--stage1)}.badge-stage2{background:#cffafe;background:var(--stage2-light);color:#0891b2;color:var(--stage2)}.badge-stage3{background:#fef3c7;background:var(--stage3-light);color:#d97706;color:var(--stage3)}.badge-stage4{background:#dcfce7;background:var(--stage4-light);color:#16a34a;color:var(--stage4)}.main-content,.page-layout{display:flex;min-height:100vh}.main-content{flex:1 1;flex-direction:column;margin-left:260px;margin-left:var(--sidebar-width)}.page-header{align-items:center;background:#fff;background:var(--white);border-bottom:1px solid #e2e2ec;border-bottom:1px solid var(--gray-200);display:flex;height:64px;height:var(--header-height);justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:40}.page-body{flex:1 1;padding:32px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}.animate-fadeInUp{animation:fadeInUp .4s ease forwards}.animate-fadeIn{animation:fadeIn .3s ease forwards}.animate-slideInLeft{animation:slideInLeft .35s ease forwards}.spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}.spinner-dark{border-color:#4a4a62 #0000001a #0000001a;border-top-color:var(--gray-600)}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0f99;padding:24px;z-index:100}body.modal-open,html.modal-open{height:100%;overflow:hidden}body.modal-open{pointer-events:none}body.modal-open .modal-overlay{pointer-events:auto}.modal{animation:fadeInUp .25s ease;background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 24px 64px #0000002e;box-shadow:var(--shadow-xl);max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.modal-lg{max-width:760px}.modal-xl{max-width:960px}.modal-header{align-items:center;border-bottom:1px solid #f4f4f8;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:24px 28px 20px}.modal-body{padding:24px 28px}.modal-footer{border-top:1px solid #f4f4f8;border-top:1px solid var(--gray-100);display:flex;gap:12px;justify-content:flex-end;padding:20px 28px 24px}.stage-progress{align-items:center;display:flex;gap:0}.stage-step{flex:1 1;gap:6px}.stage-step-circle{background:#fff;background:var(--white);border:2px solid #e2e2ec;color:#9393aa;color:var(--gray-400);font-family:Sora,sans-serif;font-family:var(--font-display);font-size:.8125rem;position:relative;transition:all .3s ease;z-index:1}.stage-step-circle.active{background:#c8102e;border-color:#c8102e;box-shadow:0 4px 14px #c8102e4d}.stage-step-circle.done{background:#16a34a;border-color:#16a34a}.stage-connector{background:#e2e2ec;margin-top:-20px;transition:background .3s ease}.stage-connector.done{background:#16a34a}.stage-step-label{color:#9393aa;color:var(--gray-400);font-size:.6875rem}.stage-step-label.active{color:#c8102e}.stage-step-label.done{color:#16a34a}.approval-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{background:#fafafa;background:var(--gray-50);border-bottom:1px solid #e2e2ec;border-bottom:1px solid var(--gray-200);color:#6b6b85;color:var(--gray-500);font-size:.75rem;font-weight:600;letter-spacing:.06em;padding:10px 16px;text-align:left;text-transform:uppercase}td{border-bottom:1px solid #f4f4f8;border-bottom:1px solid var(--gray-100);color:#1c1c28;color:var(--gray-800);font-size:.9rem;padding:14px 16px;vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:#fafafa;background:var(--gray-50)}.empty-state{align-items:center;color:#9393aa;color:var(--gray-400);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:64px 24px;text-align:center}.empty-state svg{opacity:.4}.empty-state h3{color:#4a4a62;color:var(--gray-600);font-size:1rem}.empty-state p{font-size:.875rem;line-height:1.6;max-width:300px}.divider{background:#e2e2ec;background:var(--gray-200);height:1px;margin:20px 0}.react-hot-toast>div{font-family:DM Sans,sans-serif!important;font-family:var(--font-body)!important}.modern-table{border-collapse:collapse;font-size:14px;width:100%}.modern-table th{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.05em;padding:12px 24px;text-align:left;text-transform:uppercase}.modern-table td{border-bottom:1px solid #f1f5f9;padding:12px 24px}.modern-table tr:hover{background-color:#f8fafc}.btn-icon{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;transition:all .2s}.btn-icon:hover{background-color:#f1f5f9;color:#0f172a!important}.sidebar{background:#fff;border-right:1px solid #0000000f;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:var(--sidebar-width);z-index:50}.sidebar-logo{align-items:center;border-bottom:1px solid #0000000f;display:flex;gap:12px;padding:24px 20px}.sidebar-logo-img{filter:none;flex-shrink:0;height:32px;object-fit:contain}.sidebar-logo-text{display:flex;flex-direction:column;line-height:1}.sidebar-logo-name{color:var(--gray-950);font-family:var(--font-display);font-size:.9375rem;font-weight:700;letter-spacing:-.01em}.sidebar-logo-sub{color:var(--brand-red);font-size:.6875rem;font-weight:600;letter-spacing:.1em;margin-top:1px;text-transform:uppercase}.sidebar-nav{flex:1 1;gap:16px;overflow-y:auto;padding:24px 14px}.sidebar-nav,.sidebar-section{display:flex;flex-direction:column}.sidebar-section{gap:8px}.sidebar-section-label{color:#00000073;font-size:.6875rem;font-weight:700;letter-spacing:.14em;margin:4px 0;padding:0 8px;text-transform:uppercase}.sidebar-link{align-items:center;border-radius:var(--radius-md);color:#000000a8;display:flex;font-size:.875rem;font-weight:500;gap:10px;margin:2px 0;padding:12px 14px;position:relative;transition:all .15s ease}.sidebar-link:hover{background:#0000000d;color:#000c}.sidebar-link.active{background:var(--brand-red);box-shadow:0 4px 14px #c8102e59;color:var(--white)}.sidebar-link-arrow{margin-left:auto;opacity:0;transition:opacity .15s}.sidebar-link.active .sidebar-link-arrow,.sidebar-link:hover .sidebar-link-arrow{opacity:1}.sidebar-footer{border-top:1px solid #0000000f;padding:16px 12px}.sidebar-footer,.sidebar-user{align-items:center;display:flex;gap:10px}.sidebar-user{flex:1 1;min-width:0}.sidebar-user-info{min-width:0}.sidebar-user-name{color:var(--gray-950);font-size:.8125rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:#0006}.sidebar-user-email,.sidebar-user-role{font-size:.6875rem;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-email{color:#00000073}.sidebar-logout{align-items:center;background:#c8102e1a;border:1px solid #c8102e33;border-radius:var(--radius-md);color:var(--brand-red);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .15s;width:32px}.sidebar-logout:hover{background:#c8102e33;border-color:#c8102e4d}.header-title{color:var(--gray-900);font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.header-subtitle{color:var(--gray-500);font-size:.8125rem;margin-top:2px}.header-actions{gap:12px}.header-actions,.notif-btn{align-items:center;display:flex;position:relative}.notif-btn{background:var(--gray-100);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;height:40px;justify-content:center;transition:all .15s;width:40px}.notif-btn:hover{background:var(--white);border-color:var(--gray-300);color:var(--gray-900)}.notif-badge{align-items:center;background:var(--brand-red);border:2px solid var(--white);border-radius:99px;color:#fff;display:flex;font-size:.6875rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-5px;top:-5px}.notif-dropdown{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:360px;z-index:200}.notif-header{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:16px 20px}.notif-header-title{color:var(--gray-900);font-family:var(--font-display);font-size:.9375rem;font-weight:700}.notif-mark-all{align-items:center;background:none;border:none;color:var(--brand-red);cursor:pointer;display:flex;font-family:var(--font-body);font-size:.75rem;font-weight:500;gap:4px;padding:0}.notif-list{max-height:400px;overflow-y:auto}.notif-item{border-bottom:1px solid var(--gray-50);cursor:pointer;display:flex;gap:12px;padding:14px 20px;position:relative;transition:background .12s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--gray-50)}.notif-item.unread{background:#c8102e08}.notif-icon{flex-shrink:0;font-size:1.25rem;margin-top:2px}.notif-content{flex:1 1;min-width:0}.notif-title{color:var(--gray-900);font-size:.8125rem;font-weight:600;line-height:1.3;margin-bottom:2px}.notif-msg{color:var(--gray-500);font-size:.75rem;line-height:1.4;margin-bottom:4px}.notif-time{color:var(--gray-400);font-size:.6875rem}.notif-dot{background:var(--brand-red);border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.notif-empty{align-items:center;color:var(--gray-300);display:flex;flex-direction:column;font-size:.875rem;gap:8px;padding:40px 20px}.header-custom-actions{align-items:center;display:flex;gap:12px;margin-right:4px}.page-container{margin:0 auto;max-width:1800px;width:100%}.dashboard-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.stat-card{align-items:center;animation:fadeInUp .4s ease;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);display:flex;gap:16px;padding:20px;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.stat-card:hover{border-color:var(--gray-300);box-shadow:0 4px 16px #0000000f;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-num{color:var(--gray-900);font-family:var(--font-display);font-size:2rem;font-weight:800;letter-spacing:-.02em;line-height:1}.stat-lbl{color:var(--gray-500);font-size:.8125rem;font-weight:500;margin-top:2px}.dashboard-grid{align-items:flex-start;display:flex;gap:20px}.dashboard-section{animation:fadeInUp .45s ease;flex:1 1;overflow:hidden}.dashboard-section-dark{background:#f3f4f6!important;border:1px solid #e5e7eb!important;border-radius:var(--radius-lg);color:var(--gray-900)}.dashboard-section-dark .section-header{border-bottom-color:#d1d5db}.dashboard-section-dark .section-header h3{color:#1f2937}.dashboard-section-dark .pending-item,.dashboard-section-dark .recent-item{border-bottom-color:#d1d5db;transition:background .12s}.dashboard-section-dark .pending-item:hover,.dashboard-section-dark .recent-item:hover{background:#e5e7eb}.dashboard-section-dark .pending-title,.dashboard-section-dark .recent-title{color:#1f2937}.dashboard-section-dark .pending-meta,.dashboard-section-dark .recent-meta{color:#6b7280}.dashboard-section-dark .recent-date{color:#9ca3af}.dashboard-section-dark .pending-thumb,.dashboard-section-dark .recent-thumb{background:#fff;border-color:#d1d5db}.dashboard-section-dark .btn-ghost{border-color:#d1d5db;color:#6b7280;transition:all .12s}.dashboard-section-dark .btn-ghost:hover{background:#e5e7eb;border-color:#9ca3af;color:#1f2937}.dashboard-section-dark .empty-state{color:#6b7280}.dashboard-section-dark .empty-state h3{color:#1f2937}.dashboard-section-dark .empty-state p{color:#9ca3af}.section-header{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:18px 20px}.section-header h3{color:var(--gray-900);font-size:.9375rem;font-weight:700}.dashboard-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px 0}.dashboard-tab{background:var(--white);border:1px solid var(--gray-200);border-radius:999px;color:var(--gray-600);cursor:pointer;font-size:.8rem;font-weight:600;padding:8px 12px;transition:all .2s ease}.dashboard-tab:hover{border-color:var(--brand-red);color:var(--brand-red)}.dashboard-tab.active{background:var(--brand-red);border-color:var(--brand-red);color:var(--white)}.pending-review-list{grid-gap:14px;display:grid;gap:14px;padding:16px 20px 20px}.pending-review-card{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);color:inherit;cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:18px 20px;text-align:left;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;width:100%}.pending-review-card:focus,.pending-review-card:hover{background:#fff;border-color:var(--brand-red);box-shadow:0 14px 35px #00000014;transform:translateY(-1px)}.pending-review-left{align-items:center;display:flex;gap:14px;min-width:0}.pending-review-index{align-items:center;background:var(--gray-100);border-radius:12px;color:var(--gray-700);display:inline-flex;font-weight:700;height:34px;justify-content:center;width:34px}.pending-review-body{min-width:0}.pending-review-title{color:var(--gray-900);font-size:.95rem;font-weight:700;line-height:1.3;margin:0}.pending-review-meta{color:var(--gray-500);font-size:.8125rem;margin:6px 0 0}.pending-review-right{align-items:center;display:flex;flex-shrink:0;gap:12px;white-space:nowrap}.pending-review-card .badge{font-size:.75rem;font-weight:700;padding:6px 12px}.pending-review-card:hover .badge{opacity:.95}.pending-info,.pending-item,.pending-list,.pending-meta,.pending-thumb,.pending-title{display:none}.pending-item{align-items:center;border-bottom:1px solid var(--gray-50);display:flex;gap:12px;padding:14px 20px;transition:background .12s}.pending-item:last-child{border-bottom:none}.pending-item:hover{background:var(--gray-50)}.pending-thumb{align-items:center;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-400);display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;width:44px}.pending-thumb img{height:100%;object-fit:cover;width:100%}.pending-info{flex:1 1;min-width:0}.pending-title{color:var(--gray-900);font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-meta{color:var(--gray-500);font-size:.75rem;margin-top:2px}.recent-list{display:flex;flex-direction:column}.recent-item{align-items:center;border-bottom:1px solid var(--gray-50);display:flex;gap:12px;padding:12px 20px;transition:background .12s}.recent-item:last-child{border-bottom:none}.recent-item:hover{background:var(--gray-50)}.recent-thumb{align-items:center;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-400);display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.recent-thumb img{height:100%;object-fit:cover;width:100%}.recent-info{flex:1 1;min-width:0}.recent-title{color:var(--gray-900);font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-meta{color:var(--gray-500);font-size:.75rem;margin-top:1px}.recent-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.recent-date{color:var(--gray-400);font-size:.6875rem}@media (max-width:1100px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{flex-direction:column}}.page-layout,.page-layout *{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.stage-progress-wrap{align-items:center;display:flex;gap:0;padding:4px 16px}.stage-step{flex-direction:column;gap:10px}.stage-step,.stage-step-circle{align-items:center;display:flex}.stage-step-circle{background:var(--gray-100);border:2px solid var(--gray-200);border-radius:50%;color:var(--gray-600);flex-shrink:0;font-size:.875rem;font-weight:700;height:36px;justify-content:center;transition:all .2s ease;width:36px}.stage-step-circle.active{background:var(--brand-red);border-color:var(--brand-red);box-shadow:0 0 0 4px var(--brand-red-light);color:#fff}.stage-step-circle.done{background:var(--success);border-color:var(--success);color:#fff}.stage-step-circle.changes{background:var(--danger);border-color:var(--danger);color:#fff}.stage-step-label{color:var(--gray-500);font-size:.75rem;font-weight:500;letter-spacing:.01em;text-align:center;white-space:nowrap}.stage-step-label.active{color:var(--brand-red);font-weight:600}.stage-step-label.done{color:var(--success);font-weight:600}.stage-connector{background:var(--gray-200);border-radius:1px;flex:1 1;height:2px;margin:0 4px 26px;min-width:24px;position:relative}.stage-connector.done{background:var(--success)}.stage-panel{border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .2s,border-color .2s}.stage-panel.active-stage{border-color:var(--brand-red);box-shadow:0 0 0 1.5px var(--brand-red),var(--shadow-sm)}.stage-panel.completed-stage{background:var(--gray-50);border-color:var(--gray-200)}.stage-panel-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:18px 24px;transition:background .12s;-webkit-user-select:none;user-select:none}.stage-panel-header:hover{background:var(--gray-50)}.stage-panel-body{animation:fadeInUp .25s ease;border-top:1px solid var(--gray-100);padding:20px 24px 24px}.stage-num-badge{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.stage-1-badge{background:var(--stage1-light);color:var(--stage1)}.stage-2-badge{background:var(--stage2-light);color:var(--stage2)}.stage-3-badge{background:var(--stage3-light);color:var(--stage3)}.stage-4-badge{background:var(--stage4-light);color:var(--stage4)}.info-banner{align-items:flex-start;border-radius:var(--radius-md);display:flex;font-size:.8125rem;gap:10px;line-height:1.5;padding:12px 14px}.info-banner svg{flex-shrink:0;margin-top:1px}.info-banner.tone-info{background:var(--info-light);border:1px solid var(--info);color:var(--info)}.info-banner.tone-warning{background:var(--warning-light);border:1px solid var(--warning)}.info-banner.tone-warning .info-banner-title{color:var(--warning)}.info-banner.tone-danger{background:var(--danger-light);border:1px solid var(--danger)}.info-banner.tone-danger .info-banner-title{color:var(--danger)}.info-banner-title{font-weight:600;margin:0 0 2px}.info-banner-body{color:var(--gray-600);margin:0}.approval-grid{align-items:start;grid-template-columns:repeat(9,minmax(140px,1fr))}.supplier-approval-grid{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:repeat(7,minmax(140px,1fr))}.file-preview-card+.supplier-approval-grid{margin-top:8px}.supplier-column{background:#00000003;border:1px dashed #0000000f;border-radius:8px;overflow:visible;padding:10px;padding-right:18px;position:relative}.supplier-column:not(:last-child):after{background:#e6eef8;border-radius:3px;bottom:6px;box-shadow:inset 0 0 0 1px #00000008;content:"";position:absolute;right:0;top:6px;width:6px;z-index:2}.supplier-column .approval-card{flex:0 0 220px;max-width:220px}.approval-card{border:1px solid var(--gray-200);border-radius:calc(var(--radius-md) - 2px);gap:8px;min-height:120px;overflow:visible;padding:12px;transition:all .15s ease}.approval-card.approved{background:var(--success-light);border-color:var(--success)}.approval-card.approved[role=button]:hover{background:var(--success);border-color:var(--success);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;transform:translateY(-2px)}.approval-card.approved[role=button]:hover .approval-by,.approval-card.approved[role=button]:hover .approval-comments,.approval-card.approved[role=button]:hover .approval-date,.approval-card.approved[role=button]:hover .approval-hint,.approval-card.approved[role=button]:hover>p{color:#ffffffe6}.approval-card.changes_requested{background:var(--danger-light);border-color:var(--danger)}.approval-card.changes_requested[role=button]:hover{background:var(--danger);border-color:var(--danger);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;transform:translateY(-2px)}.approval-card.changes_requested[role=button]:hover .approval-by,.approval-card.changes_requested[role=button]:hover .approval-comments,.approval-card.changes_requested[role=button]:hover .approval-date,.approval-card.changes_requested[role=button]:hover .approval-hint,.approval-card.changes_requested[role=button]:hover>p{color:#ffffffe6}.approval-card-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;min-width:0;overflow:visible}.approval-status-badge{align-items:center;display:inline-flex;gap:4px;justify-content:center;line-height:1.3;max-width:100%;min-height:26px;text-align:center;white-space:normal}.approval-by,.approval-status-badge{overflow-wrap:anywhere;word-break:break-word}.approval-by{color:var(--gray-700);font-size:.8125rem;font-weight:600;line-height:1.4;margin:0}.approval-supplier{color:var(--gray-500);font-size:.72rem;font-weight:600;margin:0}.approval-date{color:var(--gray-400);font-size:.7rem;line-height:1.4;margin:0;overflow-wrap:anywhere}.approval-comments{border-left:2px solid var(--gray-300);color:var(--gray-600);font-style:italic;line-height:1.5;margin:0;padding-left:8px;word-break:break-word}.approval-comments,.approval-hint{font-size:.75rem;overflow-wrap:anywhere}.approval-hint{align-items:flex-start;color:var(--gray-400);display:flex;gap:4px;line-height:1.4;margin-top:4px}.checklist-table-wrap{border:1.5px solid var(--gray-200);border-radius:var(--radius-md);margin-bottom:8px;overflow-x:auto}.checklist-table{border-collapse:collapse;width:100%}.checklist-table th{background:var(--gray-900);color:var(--white);font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:10px 14px;text-align:left}.checklist-table td{border-bottom:1px solid var(--gray-100);font-size:.8125rem;padding:10px 14px;vertical-align:middle}.checklist-table tr:last-child td{border-bottom:none}.checklist-table tr:hover td{background:var(--gray-50)}.checklist-table .tick-cell{text-align:center;width:64px}.checklist-table .tick-readonly{align-items:center;color:var(--success);display:flex;justify-content:center}.checklist-table .tick-empty{align-items:center;color:var(--gray-300);display:flex;justify-content:center}.checklist-table input[type=checkbox]{accent-color:var(--brand-red);cursor:pointer;height:18px;width:18px}.file-switcher{display:flex;flex-wrap:wrap;gap:6px}.file-switcher-btn{align-items:center;background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:6px;padding:5px 12px;transition:all .15s ease}.file-switcher-btn:hover{border-color:var(--gray-400);color:var(--gray-800)}.file-switcher-btn.active{background:var(--brand-red-light);border-color:var(--brand-red);color:var(--brand-red);font-weight:600}.file-preview-card{display:flex;flex-direction:column;gap:8px}.file-preview-thumb{background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);height:150px;overflow:hidden;width:180px}.file-preview-thumb img{display:block;height:100%;object-fit:cover;width:100%}.file-preview-thumb.is-doc{align-items:center;color:var(--gray-600);display:flex;flex-direction:column;gap:8px;justify-content:center;padding:12px;text-align:center}.file-preview-thumb.is-doc svg{color:var(--danger)}.file-preview-thumb.is-doc p{margin:0}.file-preview-thumb.is-doc .doc-title{font-weight:600}.file-preview-thumb.is-doc .doc-sub{color:var(--gray-400);margin-top:2px}.dropzone{background:var(--gray-50);border:2px dashed var(--gray-200);border-radius:var(--radius-md);cursor:pointer;padding:28px;text-align:center;transition:all .2s ease}.dropzone.is-active{background:var(--brand-red-light);border-color:var(--brand-red)}.dropzone svg{color:var(--gray-400);margin-bottom:8px}.dropzone.is-active svg{color:var(--brand-red)}.dropzone-title{color:var(--gray-600);font-size:.875rem;font-weight:600;margin:0}.dropzone-sub{color:var(--gray-500);font-size:.75rem;margin:4px 0 0}.dropzone-secondary{background:var(--gray-50);border:1.5px dashed var(--gray-300);border-radius:var(--radius-md);cursor:pointer;margin-top:12px;padding:14px;text-align:center;transition:all .2s ease}.dropzone-secondary p{color:var(--gray-600);font-size:.75rem;font-weight:600;margin:0}.upload-file-card{border:1.5px solid var(--gray-200);border-radius:var(--radius-md);display:flex;flex-direction:column;padding:12px;position:relative}.upload-file-card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.upload-file-card-name{font-size:.875rem;font-weight:600;margin:0;word-break:break-word}.upload-file-card-size{color:var(--gray-400);font-size:.75rem;margin:4px 0 0}.upload-file-card-preview{align-items:center;background:var(--gray-50);border-radius:var(--radius-sm);display:flex;height:120px;justify-content:center}.upload-file-card-preview img{height:100%;object-fit:contain}.upload-file-card-preview .doc-icon{align-items:center;color:var(--gray-500);display:flex;flex-direction:column;gap:4px}.upload-file-card-preview .doc-icon svg{color:var(--danger)}.upload-file-card-preview .doc-icon span{font-size:.75rem;font-weight:600}.sharepoint-banner{background:var(--info-light);border:1px solid var(--info);border-radius:var(--radius-md);margin-bottom:20px;padding:16px}.sharepoint-banner-title{align-items:center;color:var(--info);display:flex;font-size:.875rem;font-weight:600;gap:8px;margin:0 0 12px}.sharepoint-banner.compact{align-items:center;display:flex;gap:16px;justify-content:space-between}.sharepoint-banner.compact .sharepoint-banner-title{margin:0 0 8px}.sharepoint-link-form{display:flex;gap:8px}.sharepoint-link-form input{flex:1 1}.zoom-controls{align-items:center;display:flex;gap:8px}.zoom-readout{color:var(--gray-700);font-size:.8125rem;font-weight:600;min-width:50px;padding:6px 0;text-align:center}.pdf-pagination{align-items:center;background:var(--gray-50);border-top:1px solid var(--gray-200);display:flex;gap:12px;justify-content:center;padding:12px 0;width:100%}.pdf-pagination span{color:var(--gray-700);font-size:.8125rem;font-weight:600}.viewer-empty-state{align-items:center;color:var(--gray-400);display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;text-align:center}.viewer-empty-state svg{color:var(--danger)}.viewer-empty-state .title{color:var(--gray-500);font-weight:600;margin:0}.viewer-empty-state .subtitle{color:var(--gray-400);font-size:.8125rem;margin:0}.zoom-tip{color:var(--gray-500);font-size:.75rem;gap:6px;margin-bottom:0;margin-top:12px}.confirm-dialog-icon,.zoom-tip{align-items:center;display:flex}.confirm-dialog-icon{border-radius:50%;height:44px;justify-content:center;margin-bottom:12px;width:44px}.confirm-dialog-icon.tone-success{background:var(--success-light);color:var(--success)}.confirm-dialog-icon.tone-danger{background:var(--danger-light);color:var(--danger)}.confirm-dialog-title{align-items:center;color:var(--gray-800);display:flex;font-size:1.125rem;font-weight:700;gap:10px;margin:0 0 12px}.overall-status-line{color:var(--gray-500);font-size:.8125rem;margin-top:2px}.badge-with-icon,.overall-status-line{align-items:center;display:flex;gap:6px}.supplier-sidebar{background:#fff;border-right:1px solid #0000000f;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:var(--sidebar-width);z-index:50}.supplier-sidebar-logo{align-items:center;border-bottom:1px solid #0000000f;display:flex;gap:12px;padding:24px 20px}.supplier-sidebar-logo-img{filter:none;flex-shrink:0;height:32px;object-fit:contain}.supplier-sidebar-logo-text{display:flex;flex-direction:column;line-height:1}.supplier-sidebar-logo-name{color:var(--gray-950);font-family:var(--font-display);font-size:.9375rem;font-weight:700;letter-spacing:-.01em}.supplier-sidebar-logo-sub{color:var(--brand-red);font-size:.6875rem;font-weight:600;letter-spacing:.1em;margin-top:1px;text-transform:uppercase}.supplier-portal-tag{align-items:center;display:flex;justify-content:center;padding:0 20px 16px}.supplier-portal-tag span{color:#0006;font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.supplier-sidebar-nav{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:12px}.supplier-sidebar-section-label{color:#0006;font-size:.6875rem;font-weight:600;letter-spacing:.1em;margin-bottom:8px;padding:0 8px;text-transform:uppercase}.supplier-sidebar-link{align-items:center;border-radius:var(--radius-md);color:#0009;display:flex;font-size:.875rem;font-weight:500;gap:10px;padding:10px 12px;position:relative;text-decoration:none;transition:all .15s ease}.supplier-sidebar-link:hover{background:#0000000d;color:#000c}.supplier-sidebar-link.active{background:var(--brand-red);box-shadow:0 4px 14px #c8102e59;color:var(--white)}.supplier-sidebar-link-arrow{margin-left:auto;opacity:0;transition:opacity .15s}.supplier-sidebar-link.active .supplier-sidebar-link-arrow,.supplier-sidebar-link:hover .supplier-sidebar-link-arrow{opacity:1}.supplier-sidebar-notif-section{padding:12px;position:relative}.supplier-sidebar-notif-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:#0009;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:10px;padding:10px 12px;position:relative;text-align:left;transition:all .15s ease;width:100%}.supplier-sidebar-notif-btn:hover{background:#0000000d;color:#000c}.supplier-sidebar-notif-badge{background:var(--brand-red);border-radius:10px;color:#fff;flex-shrink:0;font-size:.625rem;font-weight:700;margin-left:auto;padding:2px 6px}.supplier-sidebar-notif-dropdown{background:#fff;border:1px solid #0000000f;border-radius:var(--radius-md);box-shadow:0 10px 32px #00000026;left:12px;margin-top:4px;position:absolute;right:12px;top:100%;z-index:100}.supplier-sidebar-notif-header{align-items:center;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;padding:12px 16px}.supplier-sidebar-notif-header span{color:var(--gray-950);font-size:.875rem;font-weight:700}.supplier-sidebar-notif-mark-all{align-items:center;background:none;border:none;color:var(--brand-red);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:4px;padding:0;transition:all .15s}.supplier-sidebar-notif-mark-all:hover{opacity:.8}.supplier-sidebar-notif-list{max-height:320px;overflow-y:auto}.supplier-sidebar-notif-empty{align-items:center;color:var(--gray-400);display:flex;flex-direction:column;gap:8px;padding:32px 16px;text-align:center}.supplier-sidebar-notif-empty p{font-size:.875rem;margin:0}.supplier-sidebar-notif-item{background:#0000;border-bottom:1px solid #00000008;display:flex;gap:8px;padding:12px 16px;position:relative;transition:background .15s}.supplier-sidebar-notif-item.unread{background:#c8102e08}.supplier-sidebar-notif-item:hover{background:#00000005}.supplier-sidebar-notif-content{flex:1 1;min-width:0}.supplier-sidebar-notif-title{color:var(--gray-950);font-size:.8125rem;font-weight:600;line-height:1.2;margin:0}.supplier-sidebar-notif-msg{color:var(--gray-500);font-size:.75rem;line-height:1.3;margin:4px 0 0}.supplier-sidebar-notif-dot{background:var(--brand-red);border-radius:50%;flex-shrink:0;height:6px;margin-top:6px;width:6px}.supplier-sidebar-footer{align-items:center;border-top:1px solid #0000000f;display:flex;gap:10px;padding:16px 12px}.supplier-sidebar-user{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.supplier-sidebar-avatar{align-items:center;background:var(--brand-red);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:var(--font-display);font-size:.875rem;font-weight:700;height:36px;justify-content:center;width:36px}.supplier-sidebar-user-info{min-width:0}.supplier-sidebar-user-name{color:var(--gray-950);font-size:.8125rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-sidebar-user-role{margin:2px 0 0}.supplier-sidebar-user-email,.supplier-sidebar-user-role{color:#0006;font-size:.6875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-sidebar-user-email{margin:0}.supplier-sidebar-logout{align-items:center;background:#c8102e1a;border:1px solid #c8102e33;border-radius:var(--radius-md);color:var(--brand-red);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all .15s;width:32px}.supplier-sidebar-logout:hover{background:#c8102e33;border-color:#c8102e4d}.supplier-page-header{align-items:center;background:var(--white);border-bottom:1px solid var(--gray-200);display:flex;height:var(--header-height);justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:40}.supplier-header-title{color:var(--gray-900);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin:0}.supplier-header-subtitle{color:var(--gray-500);font-size:.8125rem;margin-bottom:0;margin-top:2px}.supplier-header-actions{gap:12px}.supplier-header-actions,.supplier-notif-btn{align-items:center;display:flex;position:relative}.supplier-notif-btn{background:var(--gray-100);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;height:40px;justify-content:center;padding:0;transition:all .15s;width:40px}.supplier-notif-btn:hover{background:var(--white);border-color:var(--gray-300);color:var(--gray-900)}.supplier-notif-badge{align-items:center;background:var(--brand-red);border:2px solid var(--white);border-radius:99px;color:#fff;display:flex;font-size:.6875rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-5px;top:-5px}.supplier-notif-dropdown{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:360px;z-index:200}.supplier-notif-header{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:16px 20px}.supplier-notif-header-title{color:var(--gray-900);font-family:var(--font-display);font-size:.9375rem;font-weight:700}.supplier-notif-mark-all{align-items:center;background:none;border:none;color:var(--brand-red);cursor:pointer;display:flex;font-family:var(--font-body);font-size:.75rem;font-weight:500;gap:4px;padding:0}.supplier-notif-list{max-height:400px;overflow-y:auto}.supplier-notif-item{align-items:flex-start;border-bottom:1px solid var(--gray-50);cursor:pointer;display:flex;gap:12px;padding:14px 20px;position:relative;transition:background .12s}.supplier-notif-item:last-child{border-bottom:none}.supplier-notif-item:hover{background:var(--gray-50)}.supplier-notif-item.unread{background:#c8102e08}.supplier-notif-content{flex:1 1;min-width:0}.supplier-notif-title{color:var(--gray-900);font-size:.8125rem;font-weight:600;line-height:1.3;margin:0}.supplier-notif-msg{color:var(--gray-500);font-size:.75rem;line-height:1.4;margin:4px 0 0}.supplier-notif-dot{background:var(--brand-red);border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.supplier-notif-empty{align-items:center;color:var(--gray-300);display:flex;flex-direction:column;font-size:.875rem;gap:8px;padding:40px 20px}.supplier-notif-empty p{margin:0}@keyframes animate-fadeInUp{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:animate-fadeInUp .2s ease forwards}.supplier-layout{background:var(--gray-100);flex-direction:column}.supplier-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(5,1fr);margin-bottom:24px}.supplier-stat-card{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);display:flex;gap:14px;padding:18px}.supplier-stat-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.supplier-artwork-list{display:flex;flex-direction:column}.supplier-artwork-card{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;gap:16px;padding:18px 22px;transition:background .12s}.supplier-artwork-card:last-child{border-bottom:none}.supplier-artwork-card:hover{background:var(--gray-50)}.supplier-artwork-thumb{align-items:center;background:var(--gray-100);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-400);display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.supplier-artwork-thumb img{height:100%;object-fit:cover;width:100%}.supplier-artwork-info{flex:1 1;min-width:0}.supplier-artwork-title{color:var(--gray-900);font-size:.9375rem;font-weight:700;margin-bottom:3px}.supplier-artwork-meta{color:var(--gray-500);font-size:.8125rem;margin-bottom:2px}.supplier-artwork-date{color:var(--gray-400);font-size:.75rem}.supplier-artwork-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:5px}.supplier-stage-tabs{border-bottom:1px solid var(--gray-100);display:flex;gap:4px;overflow-x:auto;padding:0 22px}.supplier-stage-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--gray-500);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;margin-right:24px;padding:14px 4px;transition:color .15s,border-color .15s;white-space:nowrap}.supplier-stage-tab:hover{color:var(--gray-700)}.supplier-stage-tab.active{border-bottom-color:var(--brand-red);color:var(--brand-red)}.supplier-stage-tab-count{align-items:center;background:var(--gray-100);border-radius:10px;color:var(--gray-600);display:inline-flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.supplier-stage-tab.active .supplier-stage-tab-count{background:var(--brand-red-light);color:var(--brand-red)}.supplier-stage-table-wrap{overflow-x:auto}.supplier-stage-table{border-collapse:collapse;width:100%}.supplier-stage-table th{color:var(--gray-400);font-size:.75rem;font-weight:700;letter-spacing:.03em;text-align:left;text-transform:uppercase;white-space:nowrap}.supplier-stage-table td,.supplier-stage-table th{border-bottom:1px solid var(--gray-100);padding:14px 22px}.supplier-stage-table td{font-size:.875rem;vertical-align:middle}.supplier-stage-row{cursor:pointer;transition:background .12s}.supplier-stage-row:hover{background:var(--gray-50)}.supplier-stage-row:last-child td{border-bottom:none}.supplier-stage-row-artwork{align-items:center;display:flex;gap:12px}.supplier-stage-row-artwork .supplier-artwork-title{margin-bottom:0}@media (max-width:768px){.supplier-stats{grid-template-columns:repeat(2,1fr)}.supplier-main{padding:16px}.supplier-header{padding:0 16px}.supplier-stage-table td,.supplier-stage-table th{padding:12px 14px}.supplier-stage-tabs{padding:0 14px}}.supplier-detail-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.supplier-layout,.supplier-main{display:flex;min-height:100vh}.supplier-main{background:var(--gray-100);flex:1 1;flex-direction:column;margin-left:280px;padding:28px 32px}.supplier-banner{align-items:flex-start;border-radius:var(--radius-md);display:flex;font-size:.875rem;gap:12px;line-height:1.5;margin-bottom:4px;padding:14px 16px}.supplier-banner svg{flex-shrink:0;margin-top:1px}.supplier-banner--success{border:1.5px solid var(--success)}.supplier-banner--done,.supplier-banner--success{background:var(--success-light);color:var(--success)}.supplier-banner--neutral{background:var(--gray-100);color:var(--gray-500)}.supplier-banner--action{background:var(--danger-light);border:1.5px solid var(--danger);color:var(--danger)}.supplier-banner--warning{background:var(--warning-light);border:1.5px solid var(--warning);color:var(--warning)}.supplier-banner--info{background:var(--info-light);border:1.5px solid var(--info);color:var(--info)}.supplier-banner-title{font-weight:700;margin:0}.supplier-banner-text{font-size:.8125rem;margin:3px 0 0;opacity:.85}.sharepoint-card{align-items:center;background:var(--info-light);border:1.5px solid var(--info);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding:16px 18px}.sharepoint-card-title{align-items:center;color:var(--info);display:flex;font-size:.875rem;font-weight:700;gap:8px;margin:0 0 6px}.sharepoint-card-text{color:var(--gray-700);font-size:.8125rem;line-height:1.5;margin:0}.reference-card-title{align-items:center;color:var(--success);display:flex;font-size:.9rem;font-weight:700;gap:8px;margin:0 0 4px}.reference-preview{align-items:center;background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;height:140px;justify-content:center;overflow:hidden;padding:12px;text-align:center;width:160px}.reference-preview img{height:100%;object-fit:cover;width:100%}.stage-card{margin-bottom:16px;overflow:hidden}.stage-card-header{border-bottom:1px solid var(--gray-100);flex-wrap:wrap;justify-content:space-between;padding:18px 22px}.stage-card-header,.stage-card-heading{align-items:center;display:flex;gap:12px}.stage-number{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-family:var(--font-display);font-size:1rem;font-weight:800;height:38px;justify-content:center;width:38px}.stage-card-title{font-size:.9375rem;font-weight:700;margin:0}.stage-card-subtitle{color:var(--gray-500);font-size:.75rem;margin:2px 0 0}.stage-card-body{padding:20px 22px}.status-badge{align-items:center;display:inline-flex;gap:5px;white-space:nowrap}.submission-label{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:6px;margin:0 0 10px}.submission-preview{background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);flex-shrink:0;overflow:hidden;width:140px}.submission-preview img{display:block;width:100%}.submission-preview-doc{align-items:center;color:var(--gray-500);display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;padding:20px;text-align:center}.submission-card{background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:12px;padding:14px}.submission-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.submission-card-title{font-size:.95rem;font-weight:700;margin:0}.submission-card-subtitle{color:var(--gray-500);font-size:.75rem;margin:4px 0 0}.supplier-upload-panel{background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);padding:20px}.supplier-upload-panel-title{align-items:center;display:flex;font-weight:700;gap:8px;margin:0 0 4px}.supplier-dropzone{background:var(--white);border:2px dashed var(--gray-200);border-radius:var(--radius-md);cursor:pointer;padding:36px 24px;text-align:center;transition:all .2s}.supplier-dropzone.active,.supplier-dropzone:hover{background:var(--brand-red-light);border-color:var(--brand-red)}.supplier-dropzone-icon{align-items:center;background:var(--gray-100);border-radius:50%;color:var(--gray-400);display:flex;height:56px;justify-content:center;margin:0 auto 12px;transition:all .2s;width:56px}.supplier-dropzone.active .supplier-dropzone-icon,.supplier-dropzone:hover .supplier-dropzone-icon{background:var(--white);color:var(--brand-red)}.file-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:16px}.file-card{background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);padding:12px;transition:border-color .15s}.file-card:hover{border-color:var(--gray-300)}.file-card-head{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.file-card-name{font-size:.875rem;font-weight:600;margin:0;word-break:break-word}.file-card-size{color:var(--gray-400);font-size:.75rem;margin:4px 0 0}.file-card-remove{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--gray-400);cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;transition:all .15s;width:26px}.file-card-remove:hover{background:var(--danger-light);color:var(--danger)}.file-card-thumb{align-items:center;background:var(--gray-50);border-radius:var(--radius-sm);display:flex;height:100px;justify-content:center;overflow:hidden}.file-card-thumb img{height:100%;object-fit:contain}.file-card-doc{color:var(--gray-500);text-align:center}.file-card-doc p{font-size:.75rem;font-weight:600;margin:4px 0 0}.upload-actions{display:flex;gap:8px;margin-bottom:12px}.add-more-row{align-items:center;background:var(--gray-50);border:2px dashed var(--gray-300);border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:6px;justify-content:center;padding:12px;text-align:center;transition:all .2s}.add-more-row:hover{background:var(--brand-red-light);border-color:var(--brand-red);color:var(--brand-red)}.approval-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.approval-card{background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:6px;padding:12px 14px}.approval-card--approved{background:var(--success-light);border-color:var(--success)}.approval-card--changes{background:var(--danger-light);border-color:var(--danger)}.approval-card-head{align-items:center;display:flex;justify-content:space-between}.approval-comment{align-items:flex-start;color:var(--gray-600);display:flex;font-size:.6875rem;font-style:italic;gap:6px;line-height:1.4;margin:0}.approval-comment svg{flex-shrink:0;margin-top:2px;opacity:.6}.section-heading{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:8px;margin:0 0 10px}.modal-overlay{align-items:center;background:#0f0f1480;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:0 20px 25px #00000026;max-width:400px;padding:24px;width:90%}.modal-card-head{gap:12px;margin-bottom:14px}.modal-card-head,.modal-icon{align-items:center;display:flex}.modal-icon{background:var(--danger-light);border-radius:50%;color:var(--danger);flex-shrink:0;height:38px;justify-content:center;width:38px}.modal-card-title{color:var(--gray-700);font-size:1rem;font-weight:700;margin:0}.modal-card-text{color:var(--gray-500);font-size:.9375rem;line-height:1.5;margin:0 0 24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-btn{border:1.5px solid #0000;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:600;padding:9px 18px;transition:opacity .15s}.modal-btn:hover{opacity:.9}.modal-btn--cancel{background:var(--gray-50);border-color:var(--gray-200);color:var(--gray-600)}.modal-btn--danger{background:var(--brand-red);color:var(--white)}@media (max-width:768px){.supplier-main{margin-left:0;padding:18px}.sharepoint-card{align-items:flex-start;flex-direction:column}}.auth-layout{background:var(--white)}.auth-layout,.auth-promo{display:flex;min-height:100vh}.auth-promo{align-items:flex-end;flex:1 1;overflow:hidden;position:relative}.auth-promo--admin,.auth-promo--supplier{background:url(https://images.unsplash.com/photo-1581922814484-0b48460b7010?w=1200&q=80&auto=format&fit=crop) 50%/cover no-repeat}.auth-promo__overlay{background:linear-gradient(160deg,#0a0a0f73,#0a0a0fc7 60%,#c8102ea6);inset:0;position:absolute}.auth-promo__content{padding:48px;position:relative;width:100%;z-index:2}.auth-promo__logo{left:24px;margin-bottom:0;position:fixed;top:24px;z-index:10}.auth-logo-img{filter:none;flex-shrink:0;height:48px;object-fit:contain}.auth-promo__tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:99px;color:#ffffffe6;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.08em;margin-bottom:16px;padding:4px 14px;text-transform:uppercase}.auth-promo__headline{color:var(--white);font-family:var(--font-display);font-size:3.25rem;font-weight:800;letter-spacing:-.02em;line-height:1.05;margin-bottom:16px}.auth-promo__headline em{color:#ffb3be;font-style:normal}.auth-promo__sub{color:#ffffffbf;font-size:1rem;line-height:1.65;margin-bottom:36px;max-width:380px}.auth-promo__stats{display:flex;gap:32px}.auth-stat{display:flex;flex-direction:column;gap:2px}.auth-stat__num{color:var(--white);font-family:var(--font-display);font-size:1.75rem;font-weight:800;line-height:1}.auth-stat__lbl{color:#fff9;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.auth-form-panel{align-items:center;background:var(--white);border-left:1px solid var(--gray-100);display:flex;flex:1 1;justify-content:center;padding:48px 40px}.auth-form-wrap{animation:fadeInUp .4s ease;max-width:420px;width:100%}.auth-home-link{align-items:center;color:var(--gray-500);display:inline-flex;font-size:.875rem;font-weight:700;gap:8px;margin-bottom:24px;transition:color .15s ease,transform .15s ease}.auth-home-link:hover{color:var(--brand-red);transform:translateX(-2px)}.auth-form-logo-sm{display:none;margin-bottom:24px}.auth-form-header{margin-bottom:36px}.auth-form-title{color:var(--gray-900);font-size:1.625rem;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}.auth-form-sub{color:var(--gray-500);font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:20px;margin-bottom:28px}.input-password-wrap{position:relative}.input-password-wrap .form-input{padding-right:44px}.input-eye-btn{align-items:center;background:none;border:none;color:var(--gray-400);cursor:pointer;display:flex;padding:0;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:color .15s}.input-eye-btn:hover{color:var(--gray-600)}.auth-submit-btn{justify-content:center;margin-top:4px}.auth-form-footer{color:var(--gray-500);display:flex;flex-direction:column;font-size:.875rem;gap:14px;text-align:center}.auth-link{color:var(--brand-red);font-weight:600;transition:opacity .15s}.auth-link:hover{opacity:.8}.auth-divider{align-items:center;color:var(--gray-300);display:flex;font-size:.8125rem;gap:12px}.auth-divider:after,.auth-divider:before{background:var(--gray-200);content:"";flex:1 1;height:1px}.role-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.role-option{align-items:center;background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 12px;transition:all .15s}.role-option:hover{border-color:var(--brand-red);color:var(--gray-900)}.role-option.selected{background:var(--brand-red-light);border-color:var(--brand-red);color:var(--brand-red)}.role-option input{display:none}.role-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:8px;opacity:.6;width:8px}.auth-promo__supplier-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:99px;color:#ffffffe6;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.08em;margin-bottom:16px;padding:4px 14px;text-transform:uppercase}.auth-activate-icon{align-items:center;background:var(--brand-red-light);border-radius:50%;color:var(--brand-red);display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}@media (max-width:900px){.auth-promo{display:none}.auth-form-panel{border-left:none;flex:1 1;padding:40px 24px}.auth-form-logo-sm{display:block}}
/*# sourceMappingURL=main.23704c89.css.map*/