@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;display:flex;justify-content:space-between;padding:24px 28px 20px}.modal-body{padding:24px 28px}.modal-footer{border-top:1px solid #f4f4f8;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: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}.pending-review-kpis{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));padding:16px 20px 0}.pending-review-kpi{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;color:var(--gray-700);cursor:pointer;display:flex;gap:10px;min-width:0;padding:12px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.pending-review-kpi:hover{border-color:var(--gray-300);box-shadow:0 5px 14px #0f172a14;transform:translateY(-1px)}.pending-review-kpi.active{border-color:var(--brand-red);box-shadow:0 0 0 2px #c8102e1f,0 5px 14px #0f172a14}.pending-review-kpi-icon{border-radius:9px;display:grid;flex:0 0 32px;height:32px;place-items:center;width:32px}.pending-review-kpi-label{color:var(--gray-500);display:block;font-size:.7rem;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-review-kpi-value{color:var(--gray-900);display:block;font-size:1.2rem;font-weight:800;line-height:1;margin-top:3px}@media (max-width:900px){.pending-review-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.pending-review-kpis{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:16px;padding-right:16px}}.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}.aging-section{margin-top:20px}.aging-section .section-header .badge{align-items:center;display:inline-flex;gap:5px;white-space:nowrap}.aging-queue-grid{border-bottom:1px solid var(--gray-100);display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.aging-queue-item{align-items:center;border-right:1px solid var(--gray-100);color:var(--gray-600);display:flex;font-size:.75rem;gap:8px;justify-content:space-between;min-width:0;padding:14px 16px}.aging-queue-item:last-child{border-right:0}.aging-queue-item span{overflow:hidden;text-overflow:ellipsis}.aging-queue-item strong{color:var(--gray-900);flex-shrink:0;font-size:1rem}.aging-work-list{display:grid}.aging-work-row{grid-gap:16px;align-items:center;border-bottom:1px solid var(--gray-100);color:var(--gray-700);display:grid;gap:16px;grid-template-columns:minmax(0,1fr) auto 16px;min-width:0;padding:12px 20px;text-decoration:none}.aging-work-row:last-child{border-bottom:0}.aging-work-row:focus-visible,.aging-work-row:hover{background:var(--gray-50);color:var(--gray-900)}.aging-work-info{grid-gap:3px;display:grid;gap:3px;min-width:0}.aging-work-info strong{color:var(--gray-900);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aging-work-info span{color:var(--gray-500);font-size:.75rem}.aging-work-age{color:var(--gray-600);font-size:.8rem;font-weight:700;white-space:nowrap}.aging-empty{color:var(--gray-500);font-size:.85rem;padding:22px 20px}@media (max-width:1100px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{flex-direction:column}.aging-queue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.aging-queue-item:nth-child(3){border-right:0}.aging-queue-item:nth-child(-n+3){border-bottom:1px solid var(--gray-100)}}@media (max-width:560px){.aging-queue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aging-queue-item:nth-child(3){border-right:1px solid var(--gray-100)}.aging-queue-item:nth-child(2n){border-right:0}.aging-queue-item:nth-child(-n+4){border-bottom:1px solid var(--gray-100)}.aging-work-row{gap:10px;padding:12px 16px}}.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);box-shadow:0 0 0 4px var(--brand-red-light);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{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-body{animation:fadeInUp .25s ease;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{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-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{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}.final-copy-panel{display:flex;flex-direction:column;gap:10px;width:min(100%,320px)}.final-copy-preview{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);display:flex;height:180px;justify-content:center;overflow:hidden;padding:8px}.final-copy-preview-image{display:block;height:100%;object-fit:contain;width:100%}.final-copy-file-card{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-700);display:flex;font-size:.8125rem;gap:10px;min-height:72px;padding:12px;word-break:break-word}.final-copy-actions{display:flex;gap:8px;width:100%}.final-copy-actions>*{flex:1 1;justify-content:center;min-width:0}.admin-finalize-modal{max-width:600px}.admin-finalize-kicker{align-items:center;color:var(--brand-red);display:inline-flex;font-size:.72rem;font-weight:800;gap:6px;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.admin-finalize-title{color:var(--gray-900);font-size:1.2rem;font-weight:750;margin:0}.admin-finalize-subtitle{color:var(--gray-500);font-size:.8125rem;line-height:1.45;margin:5px 0 0}.admin-finalize-comment-group,.admin-finalize-file-group{margin:0}.admin-finalize-dropzone{align-items:center;background:linear-gradient(180deg,var(--gray-50),var(--white));border:1.5px dashed var(--gray-300);border-radius:var(--radius-md);color:var(--gray-500);cursor:pointer;display:flex;flex-direction:column;gap:7px;justify-content:center;min-height:148px;padding:20px;text-align:center;transition:border-color .2s ease,background .2s ease}.admin-finalize-dropzone.has-file,.admin-finalize-dropzone:hover{background:var(--brand-red-light);border-color:var(--brand-red)}.admin-finalize-dropzone svg{color:var(--brand-red)}.admin-finalize-dropzone strong{color:var(--gray-700);font-size:.9rem;max-width:100%;overflow-wrap:anywhere}.admin-finalize-dropzone span{font-size:.75rem}.admin-finalize-dropzone input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.admin-finalize-existing{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);display:flex;gap:10px;margin-bottom:18px;padding:12px}.admin-finalize-existing-icon{background:var(--white);border-radius:var(--radius-sm);color:var(--brand-red);display:grid;flex:0 0 auto;height:36px;place-items:center;width:36px}.admin-finalize-existing strong,.admin-finalize-existing-label{display:block}.admin-finalize-existing-label{color:var(--gray-500);font-size:.72rem;margin-bottom:3px}.admin-finalize-existing strong{color:var(--gray-700);font-size:.8125rem;overflow-wrap:anywhere}.admin-finalize-delete-option{border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-700);display:flex;flex-direction:column;font-size:.8125rem;gap:10px;margin:18px 0;padding:12px}.admin-finalize-delete-option legend{color:var(--gray-700);font-size:.8125rem;font-weight:700;padding:0 4px}.admin-finalize-delete-option legend span{color:var(--brand-red)}.admin-finalize-choice{align-items:flex-start;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;padding:9px}.admin-finalize-choice:hover{background:var(--gray-50)}.admin-finalize-choice input{accent-color:var(--brand-red);margin-top:3px}.admin-finalize-choice small,.admin-finalize-choice strong{display:block}.admin-finalize-choice small{color:var(--gray-500);line-height:1.4;margin-top:4px}.reopen-modal{border-radius:10px;border-top:4px solid var(--brand-red);max-width:540px}.reopen-modal .modal-header{align-items:flex-start;background:#fff8f6;padding:24px 28px 20px}.reopen-modal-heading,.revision-history-heading{align-items:center;display:flex;gap:14px;min-width:0}.reopen-modal-icon,.revision-history-icon{border-radius:8px;display:grid;flex:0 0 auto;height:42px;place-items:center;width:42px}.reopen-modal-icon{background:#fce7e3;color:var(--brand-red)}.revision-history-icon{background:#e7f2ee;color:#256b56}.reopen-modal-kicker{color:var(--brand-red);font-size:.6875rem;font-weight:800;text-transform:uppercase}.reopen-modal-heading h3,.revision-history-heading h3{color:var(--gray-900);font-size:1.15rem;line-height:1.25;margin:3px 0 4px}.reopen-modal-heading p,.revision-history-heading p{color:var(--gray-600);font-size:.8125rem;margin:0}.reopen-modal-heading p span{color:var(--gray-400);padding:0 4px}.reopen-modal .modal-body{padding:22px 28px 26px}.reopen-dependency-note{align-items:flex-start;background:#fff9e9;border:1px solid #efd59a;border-left:3px solid #c68515;border-radius:6px;color:#72510d;display:flex;gap:10px;margin:0 0 22px;padding:12px 14px}.reopen-dependency-note svg{flex:0 0 auto;margin-top:1px}.reopen-dependency-note p{font-size:.8125rem;line-height:1.55;margin:0}.reopen-reason-label{color:var(--gray-800);display:flex;gap:12px;justify-content:space-between}.reopen-reason-label span{color:var(--brand-red);font-size:.7rem;font-weight:700;text-transform:uppercase}.reopen-reason-textarea{line-height:1.5;min-height:118px;resize:vertical}.reopen-reason-textarea:focus{border-color:var(--brand-red);box-shadow:0 0 0 3px #b72a251f}.reopen-modal .modal-footer{background:var(--gray-50);padding:16px 28px 20px}.reopen-modal .modal-footer .btn-primary{align-items:center;display:inline-flex;gap:8px;justify-content:center;min-width:156px}.revision-history-modal{border-radius:10px;max-width:680px}.revision-history-modal .modal-header{padding:22px 26px 18px}.revision-history-modal .modal-body{max-height:min(62vh,620px);overflow-y:auto;padding:18px 26px}.revision-history-list{grid-gap:10px;display:grid;gap:10px}.revision-history-entry{background:var(--gray-50);border:1px solid var(--gray-200);border-left:3px solid #397761;border-radius:6px;padding:14px 16px}.revision-history-entry-top{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.revision-history-entry-top strong{color:var(--gray-800);font-size:.875rem}.revision-history-entry-top span,.revision-history-requester{color:var(--gray-500);font-size:.75rem;white-space:nowrap}.revision-history-requester{margin-top:4px}.revision-history-reason{color:var(--gray-700);font-size:.8125rem;line-height:1.5;margin:10px 0 12px;overflow-wrap:anywhere;white-space:pre-wrap}.revision-history-files{display:flex;flex-wrap:wrap;gap:8px}.revision-history-empty,.revision-history-loading{color:var(--gray-500);display:flex;justify-content:center;padding:34px 16px}.revision-history-modal .modal-footer{background:var(--gray-50);padding:14px 26px 18px}@media (max-width:520px){.reopen-modal .modal-body,.reopen-modal .modal-footer,.reopen-modal .modal-header,.revision-history-modal .modal-body,.revision-history-modal .modal-footer,.revision-history-modal .modal-header{padding-left:18px;padding-right:18px}.reopen-modal .modal-footer{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1.35fr}.reopen-modal .modal-footer .btn-primary{min-width:0}.revision-history-entry-top{flex-direction:column;gap:4px}.revision-history-entry-top span{white-space:normal}.final-copy-actions{flex-direction:column}.admin-finalize-modal .modal-body,.admin-finalize-modal .modal-footer,.admin-finalize-modal .modal-header{padding-left:20px;padding-right:20px}}.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}.page-layout{--rv-radius:10px;--rv-radius-sm:6px;--rv-border:var(--gray-200);--rv-shadow:0 1px 2px #1018280d;--rv-shadow-lift:0 4px 14px #10182814}.page-layout .page-body{max-width:1800px}.page-layout :is(button,a,input,textarea,[role=button]):focus-visible{outline:2px solid var(--brand-red);outline-offset:2px}.stage-progress-wrap{padding:0 8px}.stage-step{gap:8px;min-width:96px}.stage-step-circle{background:#fff;border:2px solid var(--gray-300);color:var(--gray-500);height:40px;width:40px}.stage-step-circle.active{background:#fff;border-color:var(--brand-red);box-shadow:0 0 0 5px var(--brand-red-light);color:var(--brand-red)}.stage-step-circle.done{background:var(--success);border-color:var(--success);color:#fff}.stage-step-circle.changes{background:var(--danger);border-color:var(--danger);box-shadow:none;color:#fff}.stage-step-label{font-size:.78rem}.stage-connector{background:var(--gray-200);height:3px;margin-bottom:30px}.stage-panel{background:#fff;border:1px solid var(--rv-border);border-radius:var(--rv-radius);box-shadow:var(--rv-shadow);position:relative}.stage-panel:before{background:var(--gray-200);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.stage-panel.active-stage{border-color:var(--rv-border);box-shadow:var(--rv-shadow-lift)}.stage-panel.active-stage:before{background:var(--brand-red)}.stage-panel.completed-stage{background:#fff}.stage-panel.completed-stage:before{background:var(--success)}.stage-panel-header{padding:18px 24px 18px 28px}.stage-panel-header:hover{background:var(--gray-50)}.stage-panel-header:focus-visible{outline-offset:-2px}.stage-panel-body{animation:none;border-top:1px solid var(--gray-100);padding:22px 24px 26px 28px}.stage-num-badge{border-radius:8px;font-size:.9375rem;height:36px;width:36px}.info-banner{border-radius:var(--rv-radius-sm);border-width:1px;padding:12px 16px}.info-banner.tone-info{background:var(--info-light);border-color:#0000;border-left:3px solid var(--info)}.info-banner.tone-warning{border-color:#0000;border-left:3px solid var(--warning)}.info-banner.tone-danger{border-color:#0000;border-left:3px solid var(--danger)}.sharepoint-banner{background:#fff;border:1px solid var(--rv-border);border-left:3px solid var(--info);border-radius:var(--rv-radius);box-shadow:var(--rv-shadow)}.approval-grid,.supplier-approval-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.approval-card{background:#fff;border:1px solid var(--rv-border);border-radius:var(--rv-radius-sm);box-shadow:var(--rv-shadow);min-height:0;padding:14px 14px 14px 16px;position:relative}.approval-card:before{background:var(--gray-300);border-radius:var(--rv-radius-sm) 0 0 var(--rv-radius-sm);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.approval-card.approved{background:#fff;border-color:var(--rv-border)}.approval-card.approved:before{background:var(--success)}.approval-card.changes_requested{background:#fff;border-color:var(--rv-border)}.approval-card.changes_requested:before{background:var(--danger)}.approval-card[role=button]{cursor:pointer}.approval-card.approved[role=button]:hover,.approval-card.changes_requested[role=button]:hover{background:var(--gray-50);border-color:var(--gray-300);box-shadow:var(--rv-shadow-lift);color:inherit;transform:translateY(-1px)}.approval-card.approved[role=button]:hover .approval-by,.approval-card.changes_requested[role=button]:hover .approval-by{color:var(--gray-800)}.approval-card.approved[role=button]:hover .approval-date,.approval-card.changes_requested[role=button]:hover .approval-date{color:var(--gray-500)}.approval-card.approved[role=button]:hover .approval-comments,.approval-card.changes_requested[role=button]:hover .approval-comments{color:var(--gray-600)}.approval-card.approved[role=button]:hover .approval-hint,.approval-card.changes_requested[role=button]:hover .approval-hint{color:var(--brand-red)}.approval-by{color:var(--gray-800);font-size:.875rem}.approval-date,.approval-hint{color:var(--gray-500)}.approval-hint{font-weight:500;margin-top:auto;padding-top:4px}.approval-comments{border-left-color:var(--gray-300);color:var(--gray-700)}.supplier-column{border-radius:var(--rv-radius)!important;box-shadow:var(--rv-shadow)!important;flex:1 1 340px;min-width:300px;padding:16px!important}.supplier-column:not(:last-child):after{display:none}.supplier-column .approval-card{flex:1 1 auto;max-width:none}.file-preview-thumb{background:var(--gray-50);border:1px solid var(--rv-border);border-radius:var(--rv-radius-sm);height:160px;max-width:220px;width:100%}.file-preview-thumb.is-doc{background:#fff}.file-preview-card .btn{align-self:flex-start}.supplier-pdf-preview{align-items:flex-start;display:flex;flex-direction:column;gap:10px}.supplier-column .file-preview-thumb.is-doc{background:radial-gradient(ellipse at 50% 0,#fffffffa,#0000 68%),linear-gradient(145deg,#f8fafc,#eef3fa);border:1px solid #dbe3ef;border-radius:12px;box-shadow:0 8px 22px #0f172a0f,inset 0 1px 0 #ffffffe6;color:#b42332;gap:7px;height:190px;position:relative;width:min(100%,300px)}.supplier-column .file-preview-thumb.is-doc svg{background:#fff;border:1px solid #fee2e2;border-radius:14px;box-shadow:0 4px 12px #7f1d1d14;color:#c6283d;height:48px;padding:11px;width:48px}.supplier-column .file-preview-thumb.is-doc .doc-title{color:#1e293b;font-size:.875rem;font-weight:700;letter-spacing:.01em}.supplier-column .file-preview-thumb.is-doc .doc-sub{color:#64748b;font-size:.75rem}.supplier-pdf-open{background:#fff;border-color:#d7deea;border-radius:8px;box-shadow:0 1px 2px #0f172a0d;color:#334155;font-weight:600;min-height:36px;padding:8px 13px;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.supplier-pdf-open:hover:not(:disabled){background:#f8fafc;border-color:#b8c4d6;color:#111827;transform:translateY(-1px)}.supplier-request-changes{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;box-shadow:0 1px 2px #7c2d120f;color:#9a3412;font-weight:650;min-height:36px;padding:8px 13px;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.supplier-request-changes:hover:not(:disabled){background:#ffedd5;border-color:#fdba74;color:#7c2d12;transform:translateY(-1px)}.final-copy-panel{max-width:340px;width:100%}.final-copy-file-card,.final-copy-preview{background:#fff;border-radius:var(--rv-radius-sm)}.checklist-table-wrap{background:#fff;border:1px solid var(--rv-border);border-radius:var(--rv-radius-sm)}.checklist-table th{background:var(--gray-50);border-bottom:1px solid var(--rv-border);color:var(--gray-600);font-size:.75rem;position:sticky;top:0;z-index:1}.checklist-table td{padding:12px 14px}.checklist-table tbody tr:nth-child(2n) td{background:rgba(0,0,0,.012)}.checklist-table tbody tr:hover td{background:var(--gray-50)}.checklist-table .form-input:focus{border-color:var(--brand-red);box-shadow:0 0 0 3px var(--brand-red-light)}.admin-finalize-dropzone,.dropzone,.dropzone-secondary{background:#fff;border:1.5px dashed var(--gray-300);border-radius:var(--rv-radius)}.dropzone{padding:32px}.dropzone-secondary:hover,.dropzone:hover{background:var(--brand-red-light);border-color:var(--brand-red)}.upload-file-card{border:1px solid var(--rv-border);border-radius:var(--rv-radius-sm);box-shadow:var(--rv-shadow)}.modal-overlay .modal,.page-layout~.modal-overlay .modal{border-radius:12px;box-shadow:0 20px 50px #10182838}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-header{border-bottom:1px solid var(--gray-100)}.modal-footer{background:var(--gray-50);border-top:1px solid var(--gray-100)}.reopen-modal{border-top-width:3px}.reopen-modal .modal-header{background:#fff}.confirm-dialog-title{font-size:1.0625rem}.zoom-controls{gap:6px}.zoom-readout{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pdf-pagination{border-radius:0 0 var(--rv-radius-sm) var(--rv-radius-sm)}.page-layout .badge{border-radius:999px;font-weight:600}@media (max-width:900px){.stage-step{min-width:64px}.stage-step-label{font-size:.7rem;white-space:normal}.stage-panel-header{padding:14px 16px 14px 20px}.stage-panel-body{padding:18px 16px 20px 20px}.supplier-column{min-width:100%}.sharepoint-banner.compact{align-items:flex-start;flex-direction:column}}@media (max-width:600px){.approval-grid,.supplier-approval-grid{grid-template-columns:1fr}.stage-connector{min-width:12px}}@media (prefers-reduced-motion:reduce){.modal-overlay *,.page-layout *{animation:none!important;transition:none!important}}.users-page{background:var(--gray-100)}.users-page-body{padding:24px}.users-invite-button{border-radius:8px;box-shadow:0 4px 10px #c8102e33}.users-role-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:22px}.users-role-stat{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:8px;box-shadow:var(--shadow-sm);color:inherit;cursor:pointer;display:flex;font:inherit;gap:12px;min-width:0;padding:14px 16px;text-align:left;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.users-role-stat.active,.users-role-stat:hover{border-color:var(--gray-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}.users-role-stat.active{border-color:var(--brand-red);box-shadow:0 0 0 2px #c8102e1a,var(--shadow-sm)}.users-role-icon{border-radius:8px;display:grid;flex:0 0 38px;height:38px;place-items:center;width:38px}.users-role-copy{min-width:0}.users-role-label{color:var(--gray-500);font-size:.7rem;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.users-role-count{color:var(--gray-900);font-family:var(--font-display);font-size:1.25rem;font-weight:700;line-height:1;margin-top:3px}.users-toolbar{border-bottom:1px solid var(--gray-200);border-radius:8px 8px 0 0;box-shadow:none;margin-bottom:0;padding:14px 18px}.users-toolbar-content{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.users-tab-list{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;display:inline-flex;gap:3px;padding:4px}.users-tab{background:#0000;border:1px solid #0000;border-radius:6px;color:var(--gray-600);cursor:pointer;font-size:.8125rem;font-weight:600;min-width:82px;padding:8px 14px;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.users-tab:hover{color:var(--gray-900)}.users-tab.active{background:var(--white);border-color:var(--gray-200);box-shadow:var(--shadow-sm);color:var(--brand-red)}.users-search{position:relative;width:min(100%,340px)}.users-search-icon{color:var(--gray-400);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.users-search-input{background:var(--white);height:40px;padding-left:38px}.users-table-shell{border-radius:0 0 8px 8px;border-top:0;box-shadow:var(--shadow-sm);overflow:hidden}.users-table{border-collapse:initial;border-spacing:0;font-size:.8125rem;min-width:900px}.users-table th{background:#f7f8fa;border-bottom:1px solid var(--gray-200);color:var(--gray-500);font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:13px 16px;text-transform:uppercase;white-space:nowrap}.users-table td{border-bottom:1px solid var(--gray-100);color:var(--gray-700);padding:13px 16px;vertical-align:middle}.users-table .users-row.is-odd td{background:var(--white)}.users-table .users-row.is-even td{background:#fbfcfd}.users-table .users-row:hover td{background:#fff5f5}.users-row{cursor:pointer;transition:background .16s ease}.users-row:last-child td{border-bottom:0}.users-serial{font-feature-settings:"tnum";color:var(--gray-400)!important;font-size:.75rem;font-variant-numeric:tabular-nums;width:64px}.users-identity{align-items:center;display:flex;gap:11px;min-width:210px}.users-avatar{background:linear-gradient(145deg,var(--user-role-color),#111827);border:2px solid var(--white);border-radius:10px;box-shadow:0 1px 4px #0f172a29;color:var(--white);display:grid;flex:0 0 38px;font-size:.875rem;font-weight:700;height:38px;place-items:center;width:38px}.users-identity-copy{min-width:0}.users-name{color:var(--gray-900);font-size:.8125rem;font-weight:700}.users-email,.users-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-email{color:var(--gray-500);font-size:.75rem;margin-top:2px}.users-role-tags{display:flex;flex-wrap:wrap;gap:5px}.users-team-level{color:var(--gray-500);font-size:.7rem;font-weight:600;margin-top:5px}.users-access-status{align-items:center;border-radius:999px;display:inline-flex;font-size:.7rem;font-weight:700;gap:6px;min-height:26px;padding:4px 8px;white-space:nowrap}.users-access-status.is-pending{background:#fff7e6;color:#a15c00}.users-access-status.is-active{background:#eaf7ef;color:#187442}.users-access-status.is-disabled{background:var(--gray-100);color:var(--gray-500)}.users-activated,.users-date{color:var(--gray-500)!important;font-size:.75rem!important;white-space:nowrap}.users-action{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.72rem;font-weight:700;gap:6px;justify-content:center;padding:7px 9px;transition:background .16s ease,border-color .16s ease,transform .16s ease;white-space:nowrap}.users-action:hover{transform:translateY(-1px)}.users-action-invite{background:#f0f7fc;border-color:#cfe3f5;color:#245e86}.users-action-invite:hover{background:#e4f1fa;border-color:#a9cfe9}.users-action-delete{background:#fff7f7;border-color:#f3d3d5;color:#b42332}.users-action-delete:hover{background:#ffeded;border-color:#e9b8bd}.users-loading{padding:56px 24px;text-align:center}.users-loading .spinner{border-top-color:var(--brand-red);margin:0 auto}.users-empty{grid-gap:9px;color:var(--gray-500);display:grid;gap:9px;justify-items:center;padding:64px 24px;text-align:center}.users-empty>svg{color:var(--gray-300);margin-bottom:4px}.users-empty h3{color:var(--gray-800);font-size:1rem}.users-empty p{font-size:.8125rem}@media (max-width:760px){.users-page-body{padding:16px}.users-role-grid{gap:9px;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));margin-bottom:16px}.users-role-stat,.users-toolbar{padding:12px}.users-toolbar-content{align-items:stretch}.users-tab-list{display:flex}.users-tab{flex:1 1;min-width:0;padding-inline:8px}.users-search{width:100%}.users-table td,.users-table th{padding:11px 12px}}.directory-modal-overlay{background:#1118279e;padding:clamp(12px,4vw,32px);z-index:120}.directory-modal{border:1px solid #ffffffb3;border-radius:12px;box-shadow:0 28px 80px #0f172a47;display:flex;flex-direction:column;max-height:min(88vh,820px);overflow:hidden;width:min(100%,680px)}.directory-modal-header{align-items:flex-start;background:#fbfcfd;border-bottom:1px solid var(--gray-200);display:flex;gap:18px;justify-content:space-between;padding:21px 24px}.directory-modal-heading{align-items:flex-start;display:flex;gap:13px;min-width:0}.directory-modal-icon{background:#fff1f3;border:1px solid #f1cbd1;border-radius:9px;color:var(--brand-red);display:grid;flex:0 0 42px;height:42px;place-items:center;width:42px}.directory-modal-eyebrow{color:var(--brand-red);display:block;font-size:.65rem;font-weight:800;margin-bottom:4px;text-transform:uppercase}.directory-modal-heading h3{color:var(--gray-900);font-family:var(--font-display);font-size:1.08rem;font-weight:700;margin:0}.directory-modal-heading p{color:var(--gray-500);font-size:.79rem;line-height:1.45;margin:5px 0 0}.directory-modal-close{background:var(--white);border:1px solid var(--gray-200);border-radius:7px;color:var(--gray-500);cursor:pointer;display:grid;flex:0 0 34px;height:34px;place-items:center;transition:background .16s ease,border-color .16s ease,color .16s ease;width:34px}.directory-modal-close:hover{background:var(--gray-100);border-color:var(--gray-300);color:var(--gray-900)}.directory-modal .directory-modal-body,.directory-modal-form{display:flex;flex:1 1;flex-direction:column;min-height:0}.directory-modal .directory-modal-body{gap:18px;overflow-y:auto;padding:22px 24px}.directory-modal-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.directory-modal-form-group{gap:7px;min-width:0}.directory-modal .form-label{color:var(--gray-700);font-size:.76rem;font-weight:700}.directory-modal .form-input{background:#fff;border-radius:7px;font-size:.84rem;min-height:42px}.directory-modal textarea.form-input{min-height:88px}.directory-modal-section-label{margin-bottom:2px}.directory-role-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(185px,1fr))}.directory-role-choice{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:7px;color:var(--gray-600);cursor:pointer;display:flex;font-size:.77rem;font-weight:600;gap:9px;min-height:42px;padding:8px 11px;text-align:left;transition:border-color .15s ease,background .15s ease,color .15s ease}.directory-role-choice:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.directory-role-choice.active{background:#fff9fa;border-color:var(--role-color);box-shadow:inset 0 0 0 1px var(--role-color);color:var(--gray-900)}.directory-role-dot{background:var(--white);border:1.5px solid var(--gray-300);border-radius:50%;flex:0 0 14px;height:14px;position:relative;width:14px}.directory-role-choice.active .directory-role-dot{border-color:var(--role-color)}.directory-role-choice.active .directory-role-dot:after{background:var(--role-color);border-radius:50%;content:"";inset:3px;position:absolute}.directory-modal-context{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;padding:13px}.directory-modal-checkbox{align-items:center;color:var(--gray-700);display:flex;font-size:.82rem;font-weight:650;gap:9px}.directory-modal-checkbox input{accent-color:var(--brand-red);height:16px;width:16px}.directory-modal-help{color:var(--gray-500);font-size:.72rem;line-height:1.5;margin-top:1px}.directory-modal-note{align-items:flex-start;background:#fff7f8;border:1px solid #f1d4d8;border-radius:8px;color:#7f2432;display:flex;font-size:.76rem;gap:10px;line-height:1.5;padding:12px 13px}.directory-modal-note>svg{color:var(--brand-red);flex:0 0 17px;margin-top:1px}.directory-modal .directory-modal-footer{align-items:center;background:#fbfcfd;border-top:1px solid var(--gray-200);flex:0 0 auto;padding:14px 24px}.directory-modal-footer .btn{justify-content:center;min-height:40px}.directory-modal-footer .btn-ghost,.directory-modal-footer .btn-secondary{border:1px solid var(--gray-200)}.directory-modal-secondary-action{margin-right:auto}@media (max-width:600px){.directory-modal-overlay{align-items:flex-end;padding:10px}.directory-modal{border-radius:12px;max-height:92vh}.directory-modal-header{gap:10px;padding:17px}.directory-modal .directory-modal-body{padding:18px 17px}.directory-modal-grid{gap:14px;grid-template-columns:1fr}.directory-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-modal .directory-modal-footer{flex-wrap:wrap;padding:12px 17px}.directory-modal-secondary-action{flex-basis:100%;margin:0}.directory-modal-footer .btn{flex:1 1}}.suppliers-page{background:var(--gray-100)}.suppliers-page-body{padding:24px}.suppliers-summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:18px}.suppliers-summary-item{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:8px;box-shadow:var(--shadow-sm);display:flex;gap:12px;min-width:0;padding:14px 16px}.suppliers-summary-icon{border-radius:8px;display:grid;flex:0 0 38px;height:38px;place-items:center;width:38px}.suppliers-summary-icon.tone-red{background:#fff0f1;color:var(--brand-red)}.suppliers-summary-icon.tone-blue{background:#eef6fb;color:#245e86}.suppliers-summary-icon.tone-green{background:#eaf7ef;color:#187442}.suppliers-summary-icon.tone-amber{background:#fff7e6;color:#a15c00}.suppliers-summary-copy{grid-gap:3px;display:grid;gap:3px;min-width:0}.suppliers-summary-label{color:var(--gray-500);font-size:.7rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.suppliers-summary-value{color:var(--gray-900);font-family:var(--font-display);font-size:1.25rem;font-weight:700;line-height:1}.suppliers-toolbar{align-items:flex-end;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px;padding:14px 16px}.suppliers-search{flex:1 1 260px;max-width:420px;min-width:220px;position:relative}.suppliers-search-icon{color:var(--gray-400);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.suppliers-search-input{height:42px;padding-left:38px}.suppliers-filter{flex:0 1 260px;min-width:220px}.suppliers-filter label{color:var(--gray-600);display:block;font-size:.72rem;font-weight:700;margin-bottom:5px}.suppliers-filter .form-input{height:42px}.suppliers-add-button{margin-left:auto;min-height:42px}.suppliers-activation-panel{background:#f3fbf5;border-color:#b8dec5;border-radius:8px;margin-bottom:14px;padding:18px}.suppliers-activation-title{align-items:center;color:#187442;display:flex;font-size:.875rem;font-weight:750;gap:8px;margin-bottom:4px}.suppliers-activation-description{color:var(--gray-600);font-size:.78rem;margin-bottom:14px}.suppliers-activation-group+.suppliers-activation-group{border-top:1px solid #d5eadb;margin-top:14px;padding-top:12px}.suppliers-activation-company{color:var(--gray-800);font-size:.8rem;font-weight:750;margin-bottom:7px}.suppliers-activation-link-row{align-items:center;display:flex;gap:9px;margin-bottom:7px}.suppliers-activation-email{flex:0 1 210px;font-size:.72rem;min-width:120px}.suppliers-activation-code,.suppliers-activation-email{color:var(--gray-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suppliers-activation-code{background:var(--white);border:1px solid var(--gray-200);border-radius:6px;flex:1 1;font-size:.7rem;min-width:0;padding:6px 9px}.suppliers-table-shell{border-radius:8px;overflow:hidden}.suppliers-table{border-collapse:initial;border-spacing:0;font-size:.8125rem;min-width:980px;width:100%}.suppliers-table th{background:#f7f8fa;border-bottom:1px solid var(--gray-200);color:var(--gray-500);font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:13px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.suppliers-table td{border-bottom:1px solid var(--gray-100);color:var(--gray-700);padding:12px 14px;vertical-align:middle}.suppliers-table .supplier-group-odd td{background:var(--white)}.suppliers-table .supplier-group-even td{background:#fbfcfd}.suppliers-table .supplier-group-start td{border-top:2px solid #e3e7ec}.suppliers-table .suppliers-table-row:hover td{background:#fff5f5}.suppliers-table .suppliers-table-row:last-child td{border-bottom:0}.suppliers-company-cell{align-items:center;display:flex;gap:10px;min-width:185px}.suppliers-avatar{background:#fff0f1;border:1px solid var(--gray-200);border-radius:9px;color:var(--brand-red);display:grid;flex:0 0 36px;font-family:var(--font-display);font-size:.8rem;font-weight:750;height:36px;place-items:center;width:36px}.suppliers-company-copy{grid-gap:2px;display:grid;gap:2px;min-width:0}.suppliers-company-name{color:var(--gray-900);font-size:.8rem;font-weight:700}.suppliers-additional-contact,.suppliers-contact-count{color:var(--gray-500);font-size:.69rem}.suppliers-email-cell>div{grid-gap:3px;display:grid;gap:3px;min-width:200px}.suppliers-email-cell>div>span:first-child{color:var(--gray-700);white-space:nowrap}.suppliers-activated-label,.suppliers-date{color:var(--gray-500)!important;font-size:.75rem!important;white-space:nowrap}.suppliers-table .badge{font-size:.69rem}.suppliers-table .btn-sm{font-size:.72rem;padding:6px 9px}.suppliers-edit-button{margin-right:5px}.suppliers-access-button{justify-content:center;min-width:105px}.suppliers-delete-button{background:#b42332}.suppliers-loading{padding:48px 24px;text-align:center}.suppliers-loading .spinner{height:28px;margin:0 auto;width:28px}.suppliers-empty{padding:60px 24px}.suppliers-empty .btn{margin-top:8px}@media (max-width:760px){.suppliers-page-body{padding:16px}.suppliers-summary-grid{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.suppliers-summary-item{gap:9px;padding:11px}.suppliers-summary-icon{flex-basis:34px;height:34px;width:34px}.suppliers-toolbar{align-items:stretch;padding:12px}.suppliers-filter,.suppliers-search{flex:1 1 100%;max-width:none;min-width:0}.suppliers-add-button{justify-content:center;margin-left:0;width:100%}.suppliers-activation-panel{padding:14px}.suppliers-activation-link-row{flex-wrap:wrap}.suppliers-activation-email{flex:1 1 100%}.suppliers-activation-code{flex-basis:calc(100% - 90px)}.suppliers-table td,.suppliers-table th{padding:11px 12px}}.audit-log-page{display:flex;flex-direction:column;gap:20px}.audit-refresh-button{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:9px 12px}.audit-refresh-button:disabled{cursor:wait;opacity:.65}.audit-spin{animation:audit-spin 1s linear infinite}@keyframes audit-spin{to{transform:rotate(1turn)}}.audit-filters{align-items:flex-end;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:12px;padding:16px}.audit-filters label{color:var(--gray-600);display:flex;flex-direction:column;font-size:.75rem;font-weight:600;gap:6px}.audit-filters input{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-800);min-height:39px;padding:8px 10px}.audit-search{flex:1 1 280px}.audit-search-input{align-items:center;border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-400);display:flex;gap:8px;min-height:39px;padding:0 10px}.audit-search-input input{border:0;min-height:auto;outline:0;padding:8px 0;width:100%}.audit-table-card{overflow:hidden}.audit-table-heading{align-items:center;border-bottom:1px solid var(--gray-100);color:var(--gray-500);display:flex;justify-content:space-between;padding:18px 20px}.audit-table-heading h2{color:var(--gray-900);font-size:1rem;margin:0}.audit-table-heading p{color:var(--gray-500);font-size:.8125rem;margin:4px 0 0}.audit-table-scroll{overflow-x:auto}.audit-table{border-collapse:collapse;text-align:left;width:100%}.audit-table td,.audit-table th{border-bottom:1px solid var(--gray-100);font-size:.8125rem;padding:13px 16px;vertical-align:middle}.audit-table th{background:var(--gray-50);color:var(--gray-500);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.audit-table td{color:var(--gray-700)}.audit-table tr:last-child td{border-bottom:0}.audit-timestamp{min-width:155px;white-space:nowrap}.audit-secondary{color:var(--gray-500);display:block;font-size:.75rem;margin-top:3px}.audit-role{background:var(--gray-100);border-radius:999px;color:var(--gray-700);display:inline-block;font-size:.6875rem;font-weight:700;padding:4px 8px;text-transform:capitalize;white-space:nowrap}.audit-role--supplier{background:#eff6ff;color:#1d4ed8}.audit-result{background:#dcfce7;border-radius:999px;color:#166534;display:inline-block;font-size:.6875rem;font-weight:700;min-width:34px;padding:4px 7px;text-align:center}.audit-table code{color:var(--gray-600);font-size:.75rem;white-space:nowrap}.audit-target>span:first-child{text-transform:capitalize}.audit-target code{display:block;margin-top:3px}.audit-empty{color:var(--gray-500)!important;padding:48px 16px!important;text-align:center}.audit-pagination{align-items:center;border-top:1px solid var(--gray-100);color:var(--gray-500);display:flex;font-size:.8125rem;justify-content:space-between;padding:12px 16px}.audit-pagination div{display:flex;gap:8px}.audit-pagination button{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;display:inline-flex;height:34px;justify-content:center;width:34px}.audit-pagination button:disabled{cursor:not-allowed;opacity:.45}@media (max-width:640px){.audit-filters>label:not(.audit-search){flex:1 1 120px}.audit-filters>button{flex:1 1}}.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-kpis{grid-gap:12px;border-bottom:1px solid var(--gray-100);display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));padding:16px 22px 18px}.supplier-stage-kpi{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 1px 2px #0f172a0a;color:var(--gray-700);cursor:pointer;display:flex;gap:11px;min-height:74px;min-width:0;padding:13px 14px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.supplier-stage-kpi:hover{border-color:var(--gray-300);box-shadow:0 5px 14px #0f172a14;transform:translateY(-1px)}.supplier-stage-kpi.active{border-color:var(--brand-red);box-shadow:0 0 0 2px #c8102e1f,0 5px 14px #0f172a14}.supplier-stage-kpi-icon{border-radius:10px;display:grid;flex:0 0 36px;height:36px;place-items:center;width:36px}.supplier-stage-kpi>span:last-child{min-width:0}.supplier-stage-kpi-label{color:var(--gray-500);display:block;font-size:.7rem;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-stage-kpi-value{color:var(--gray-900);display:block;font-size:1.3rem;font-weight:800;line-height:1;margin-top:3px}.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-kpis{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:14px;padding-right:14px}.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--reopen{background:#fff5f2;border:1px solid #e7a79e;border-left:4px solid var(--brand-red);color:#9f2f20}.supplier-reopen-reason{border-top:1px solid #9f2f202e;color:#75251b;margin:10px 0 0;overflow-wrap:anywhere;padding-top:9px}.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.7a49299f.css.map*/