:root{--brand-50: #eff6ff;--brand-100: #dbeafe;--brand-500: #3b82f6;--brand-600: #2563eb;--brand-700: #1d4ed8;--brand-800: #1e40af;--brand-900: #1e3a8a;--accent-500: #8b5cf6;--accent-600: #7c3aed;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--color-surface: #ffffff;--color-surface-2: #f8fafc;--color-surface-3: #f1f5f9;--color-border: #e2e8f0;--color-border-2: #cbd5e1;--color-text-1: #0f172a;--color-text-2: #334155;--color-text-3: #64748b;--color-text-4: #94a3b8;--status-pending-text: #92400e;--status-pending-bg: #fffbeb;--status-pending-border: #fcd34d;--status-approved-text: #065f46;--status-approved-bg: #ecfdf5;--status-approved-border: #6ee7b7;--status-denied-text: #991b1b;--status-denied-bg: #fef2f2;--status-denied-border: #fca5a5;--status-expired-text: #374151;--status-expired-bg: #f9fafb;--status-expired-border: #d1d5db;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -1px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -2px rgba(0,0,0,.04);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.03);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-both: cubic-bezier(.4, 0, .2, 1);--dur-fast: .15s;--dur-base: .2s;--dur-slow: .3s;--z-base: 0;--z-card: 10;--z-nav: 100;--z-modal: 400;--z-toast: 1000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.6;color:var(--color-text-1);background-color:var(--color-surface-2)}#root{min-height:100dvh;display:flex;flex-direction:column}:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{position:absolute;top:-100px;left:12px;z-index:var(--z-toast);padding:8px 16px;background:var(--brand-600);color:#fff;font-size:.875rem;font-weight:600;border-radius:0 0 var(--radius-md) var(--radius-md);text-decoration:none;transition:top var(--dur-fast) var(--ease-out)}.skip-link:focus{top:0}.page-container{max-width:1200px;width:100%;margin-inline:auto;padding-inline:24px;padding-block:36px}@media (max-width: 600px){.page-container{padding-inline:16px;padding-block:24px}}.display{font-size:2.25rem;font-weight:800;line-height:1.15;letter-spacing:-.03em}.heading-1{font-size:1.75rem;font-weight:700;line-height:1.25;letter-spacing:-.02em}.heading-2{font-size:1.25rem;font-weight:700;line-height:1.3;letter-spacing:-.01em}.heading-3{font-size:1rem;font-weight:600;line-height:1.4}.body-lg{font-size:1.0625rem;line-height:1.65}.body{font-size:.9375rem;line-height:1.6}.body-sm{font-size:.875rem;line-height:1.55}.caption{font-size:.8125rem;line-height:1.5}.label{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--color-border-2)}.card-body{padding:20px 24px}.card-interactive{display:block;text-decoration:none;color:inherit;cursor:pointer}.card-interactive:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px}.stat-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:20px 24px;box-shadow:var(--shadow-sm);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-number{font-size:2.25rem;font-weight:800;line-height:1;letter-spacing:-.04em}.stat-label{font-size:.8125rem;font-weight:500;color:var(--color-text-3);margin-top:4px}.stat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}input[type=date],input[type=time]{font-family:"Inter",inherit;font-size:.9375rem;font-weight:400;padding:9px 12px;border:1.5px solid var(--color-border-2);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-1);width:100%;transition:border-color var(--dur-fast),box-shadow var(--dur-fast);line-height:1.4}input[type=date]:hover,input[type=time]:hover{border-color:var(--gray-400)}input[type=date]:focus,input[type=time]:focus{outline:none;border-color:var(--brand-600);box-shadow:0 0 0 3px #2563eb1f}input[type=date][aria-invalid=true],input[type=time][aria-invalid=true]{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.status-pending{color:var(--status-pending-text);background:var(--status-pending-bg);border:1.5px solid var(--status-pending-border)}.status-approved{color:var(--status-approved-text);background:var(--status-approved-bg);border:1.5px solid var(--status-approved-border)}.status-denied{color:var(--status-denied-text);background:var(--status-denied-bg);border:1.5px solid var(--status-denied-border)}.status-expired{color:var(--status-expired-text);background:var(--status-expired-bg);border:1.5px solid var(--status-expired-border)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:10px;max-width:380px;width:calc(100vw - 48px)}.toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-xl),0 0 0 1px #0000000d;font-size:.875rem;animation:toast-in var(--dur-slow) var(--ease-out)}.toast-success{border-left:4px solid #059669}.toast-error{border-left:4px solid #dc2626}.toast-warning{border-left:4px solid #d97706}.toast-info{border-left:4px solid var(--brand-600)}.toast-icon{flex-shrink:0;margin-top:1px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.toast-success .toast-icon{background:#059669;color:#fff}.toast-error .toast-icon{background:#dc2626;color:#fff}.toast-warning .toast-icon{background:#d97706;color:#fff}.toast-info .toast-icon{background:var(--brand-600);color:#fff}.toast-body{flex:1;min-width:0}.toast-title{font-weight:600;color:var(--color-text-1);font-size:.875rem}.toast-message{color:var(--color-text-3);margin-top:2px;font-size:.8125rem}.toast-close{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--color-text-4);padding:2px;font-size:.875rem;line-height:1;border-radius:var(--radius-sm);transition:color var(--dur-fast)}.toast-close:hover{color:var(--color-text-1)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.skeleton{background:linear-gradient(90deg,var(--color-surface-3) 25%,var(--color-border) 50%,var(--color-surface-3) 75%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{background:var(--gray-50);padding:10px 16px;text-align:left;font-size:.75rem;font-weight:600;color:var(--color-text-3);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--color-border);white-space:nowrap}.data-table td{padding:12px 16px;border-bottom:1px solid var(--gray-100);vertical-align:middle;color:var(--color-text-2)}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--dur-fast)}.data-table tbody tr:hover td{background:var(--gray-50)}.timeline{list-style:none;padding:0;margin:0;position:relative}.timeline:before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:linear-gradient(to bottom,var(--brand-200, #bfdbfe),var(--color-border));border-radius:2px}.timeline-item{display:flex;gap:14px;padding-bottom:24px;position:relative}.timeline-dot{width:24px;height:24px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;z-index:1;border:2px solid white;box-shadow:0 0 0 2px currentColor}.timeline-dot-created{background:var(--brand-600);color:#fff;box-shadow:0 0 0 2px var(--brand-100)}.timeline-dot-approved{background:#059669;color:#fff;box-shadow:0 0 0 2px #d1fae5}.timeline-dot-denied{background:#dc2626;color:#fff;box-shadow:0 0 0 2px #fee2e2}.timeline-dot-expired{background:var(--gray-400);color:#fff;box-shadow:0 0 0 2px var(--gray-100)}.timeline-dot-updated{background:#7c3aed;color:#fff;box-shadow:0 0 0 2px #ede9fe}.timeline-content{flex:1;padding-top:2px}.timeline-meta{font-size:.8125rem;color:var(--color-text-3);margin-top:3px}.risk-flag{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius-md);font-size:.8125rem;line-height:1.5;margin-bottom:8px}.risk-flag-warning{background:#fffbeb;border:1px solid #fcd34d;color:#78350f}.risk-flag-info{background:var(--brand-50);border:1px solid var(--brand-100);color:var(--brand-800)}.json-panel{background:#0f172a;color:#94a3b8;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.8rem;line-height:1.7;padding:16px 20px;border-radius:var(--radius-md);overflow-x:auto;white-space:pre;border:1px solid #1e293b}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;text-align:center;gap:10px}.empty-state-icon{width:64px;height:64px;border-radius:var(--radius-xl);background:var(--color-surface-3);display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:4px}.empty-state-title{font-size:1rem;font-weight:700;color:var(--color-text-1)}.empty-state-body{font-size:.875rem;color:var(--color-text-3);max-width:300px;line-height:1.55}.section-heading{font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-3);padding-bottom:10px;border-bottom:1px solid var(--color-border);margin-bottom:16px}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;line-height:1.4;white-space:nowrap}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.login-root{min-height:100dvh;display:flex}.login-hero{flex:0 0 56%;position:relative;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(135deg,#1e3a8a,#1d4ed8 52%,#2563eb)}.login-hero-dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.login-glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.login-glow-1{width:360px;height:360px;top:-100px;left:-80px;background:#6366f159}.login-glow-2{width:280px;height:280px;bottom:-60px;right:-60px;background:#2563eb73}.login-hero-body{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;padding:56px 52px 40px;gap:0}.login-brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:40px}.login-brand-icon{width:40px;height:40px;border-radius:11px;background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.login-brand-name{font-size:1.125rem;font-weight:800;color:#fff;letter-spacing:-.025em}.login-hero-title{font-size:clamp(2rem,3.5vw,2.75rem);font-weight:800;line-height:1.12;letter-spacing:-.03em;color:#fff;margin-bottom:18px}.login-hero-sub{font-size:1rem;line-height:1.65;color:#ffffffbf;max-width:340px;margin-bottom:32px}.login-features{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:40px}.login-feature{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#ffffffe0;font-weight:500}.login-feature svg{flex-shrink:0}.login-globe{width:100%;max-width:460px;opacity:.85}.login-globe-svg{width:100%;height:auto}@keyframes login-pulse{0%,to{transform:scale(1);opacity:.08}50%{transform:scale(1.6);opacity:0}}.login-pulse-ring{transform-origin:center;animation:login-pulse 2.4s ease-in-out infinite}.login-hero-footer{position:relative;z-index:1;display:flex;align-items:center;gap:7px;padding:16px 52px 24px;font-size:.75rem;color:#ffffff73;font-weight:500;letter-spacing:.02em}.login-panel{flex:1;background:#fff;display:flex;align-items:center;justify-content:center;padding:40px 24px;min-height:100dvh}.login-form-wrap{width:100%;max-width:400px}@keyframes login-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.login-enter{animation:login-enter .32s var(--ease-out) both}.login-mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:28px}.login-title{font-size:1.75rem;font-weight:800;letter-spacing:-.025em;color:var(--gray-900);margin-bottom:6px}.login-subtitle{font-size:.9375rem;color:var(--color-text-3);margin-bottom:28px;line-height:1.5}.login-ms-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;height:48px;background:#fff;border:1.5px solid var(--color-border-2);border-radius:var(--radius-md);color:var(--gray-800);font-family:inherit;font-size:.9375rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);margin-bottom:24px;touch-action:manipulation}.login-ms-btn:hover:not(:disabled){border-color:var(--brand-600);box-shadow:var(--shadow-md),0 0 0 3px #2563eb14;transform:translateY(-1px)}.login-ms-btn:active:not(:disabled){transform:scale(.985)}.login-ms-btn:disabled{opacity:.55;cursor:not-allowed}.login-divider{position:relative;text-align:center;margin-bottom:20px}.login-divider:before,.login-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 76px);height:1px;background:var(--color-border)}.login-divider:before{left:0}.login-divider:after{right:0}.login-divider span{font-size:.8125rem;color:var(--color-text-4);font-weight:500;background:#fff;padding:0 12px;position:relative;z-index:1}.login-user-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}@keyframes card-enter{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-user-card{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;background:var(--color-surface-2);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;text-align:left;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);animation:card-enter .28s var(--ease-out) both;touch-action:manipulation;min-height:44px}.login-user-card:hover:not(:disabled):not(.login-user-card--disabled){border-color:var(--brand-600);background:var(--brand-50);box-shadow:0 0 0 3px #2563eb14;transform:translateY(-1px)}.login-user-card:active:not(:disabled):not(.login-user-card--disabled){transform:scale(.97)}.login-user-card--loading{border-color:var(--brand-600);background:var(--brand-50);box-shadow:0 0 0 3px #2563eb1a}.login-user-card--disabled{opacity:.45;cursor:not-allowed}.login-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.login-user-name{font-size:.875rem;font-weight:600;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-user-role{display:inline-flex;align-items:center;gap:3px;font-size:.75rem;font-weight:600}.login-chevron{flex-shrink:0;color:var(--color-text-4);transition:transform var(--dur-fast) var(--ease-out),color var(--dur-fast)}.login-user-card:hover .login-chevron{transform:translate(2px);color:var(--brand-600)}@keyframes spin{to{transform:rotate(360deg)}}.login-spinner{width:16px;height:16px;flex-shrink:0;border:2px solid rgba(37,99,235,.2);border-top-color:var(--brand-600);border-radius:50%;animation:spin .65s linear infinite}.login-disclaimer{display:flex;align-items:flex-start;gap:6px;font-size:.75rem;color:var(--color-text-4);line-height:1.55}.login-disclaimer svg{flex-shrink:0;margin-top:2px}@media (max-width: 900px){.login-hero{flex-basis:48%}.login-hero-body{padding:40px 36px 32px}.login-hero-footer{padding-inline:36px}.login-globe{display:none}}@media (max-width: 680px){.login-root{flex-direction:column}.login-hero{display:none}.login-panel{padding:32px 20px 40px;align-items:flex-start}.login-mobile-brand{display:flex}.login-user-grid{grid-template-columns:1fr}}.portal-root{display:flex;flex-direction:column;min-height:calc(100dvh - 56px)}.portal-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#1e3a8a,#1d4ed8 52%,#2563eb);padding:40px 0 44px}.portal-hero-dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:26px 26px;pointer-events:none}.portal-hero-glow{position:absolute;width:340px;height:340px;top:-120px;right:-60px;background:#6366f14d;border-radius:50%;filter:blur(80px);pointer-events:none}.portal-hero-inner{position:relative;z-index:1;max-width:1200px;margin-inline:auto;padding-inline:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.portal-hero-left{display:flex;flex-direction:column;gap:4px}.portal-hero-eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#ffffff8c;margin-bottom:4px}.portal-hero-greeting{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:#fff;letter-spacing:-.025em;line-height:1.15}.portal-hero-prompt{font-size:.9375rem;color:#ffffffb8;font-weight:400;margin-top:4px}.portal-hero-date{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;color:#ffffff8c;font-weight:500;white-space:nowrap}.portal-body{flex:1;max-width:1200px;width:100%;margin-inline:auto;padding:36px 24px 48px}.portal-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:28px}@keyframes portal-card-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.portal-card-enter{animation:portal-card-in .3s var(--ease-out) both}.portal-card{display:flex;flex-direction:column;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;font-family:inherit;text-align:left;padding:0;overflow:hidden;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);touch-action:manipulation;min-height:260px}.portal-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:var(--card-accent, var(--brand-600))}.portal-card:active{transform:scale(.985) translateY(-1px)}.portal-card:focus-visible{outline:2px solid var(--card-accent, var(--brand-600));outline-offset:3px}.portal-card-bar{height:5px;background:var(--card-accent, var(--brand-600));flex-shrink:0}.portal-card-icon-wrap{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--card-accent-light, var(--brand-50));border:1.5px solid var(--card-accent-border, var(--brand-100));display:flex;align-items:center;justify-content:center;margin:24px 24px 0;flex-shrink:0;transition:transform var(--dur-base) var(--ease-out)}.portal-card:hover .portal-card-icon-wrap{transform:scale(1.06)}.portal-card-body{flex:1;padding:16px 24px 20px;display:flex;flex-direction:column;gap:10px}.portal-card-badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:var(--radius-full);border:1.5px solid;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;width:fit-content}.portal-card-title{font-size:1.25rem;font-weight:700;color:var(--color-text-1);letter-spacing:-.015em;line-height:1.25}.portal-card-desc{font-size:.9rem;color:var(--color-text-3);line-height:1.6;flex:1}.portal-card-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px 20px;border-top:1px solid var(--color-border);margin-top:auto}.portal-card-cta{font-size:.9rem;font-weight:600}.portal-card-arrow{flex-shrink:0;transition:transform var(--dur-fast) var(--ease-out)}.portal-card:hover .portal-card-arrow{transform:translate(4px)}.portal-help-note{display:flex;align-items:flex-start;gap:8px;font-size:.8125rem;color:var(--color-text-3);background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 16px;line-height:1.55}.portal-help-note svg{flex-shrink:0;margin-top:2px}@media (max-width: 640px){.portal-cards{grid-template-columns:1fr}.portal-hero{padding:28px 0 32px}.portal-body{padding:24px 16px 40px}.portal-hero-date{display:none}}.hd-page-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.hd-page-icon{width:52px;height:52px;border-radius:var(--radius-lg);background:#f5f3ff;border:1.5px solid #ddd6fe;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hd-page-title{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--color-text-1)}.hd-page-sub{font-size:.875rem;color:var(--color-text-3);margin-top:3px}.hd-form-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:28px 32px 32px;display:flex;flex-direction:column;gap:20px}.hd-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 560px){.hd-row{grid-template-columns:1fr}.hd-form-card{padding:20px 16px 24px}}.hd-priority-guide{display:flex;flex-wrap:wrap;gap:8px;margin-top:-8px}.hd-priority-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);border:1.5px solid;font-size:.75rem;font-weight:500;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.hd-submitter{display:flex;align-items:center;gap:8px;background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 14px;font-size:.8125rem;color:var(--color-text-3)}.hd-submitter svg{flex-shrink:0}.hd-submitter strong{color:var(--color-text-2)}.hd-form-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding-top:4px;border-top:1px solid var(--color-border)}.hd-success{background:var(--color-surface);border:1.5px solid #6ee7b7;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:48px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:16px;animation:portal-card-in .3s var(--ease-out) both}.hd-success-icon{width:72px;height:72px;border-radius:50%;background:#ecfdf5;border:2px solid #6ee7b7;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.hd-success-title{font-size:1.375rem;font-weight:800;color:var(--color-text-1);letter-spacing:-.02em}.hd-success-body{font-size:.9375rem;color:var(--color-text-3);max-width:420px;line-height:1.65}.hd-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:32px 20px;border:2px dashed var(--color-border-2);border-radius:var(--radius-lg);background:var(--color-surface-2);cursor:pointer;transition:border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out);text-align:center;min-height:130px;touch-action:manipulation}.hd-upload-zone:hover,.hd-upload-zone:focus-visible{border-color:var(--brand-600);background:var(--brand-50);outline:none}.hd-upload-zone--dragover{border-color:var(--brand-600);background:var(--brand-50);box-shadow:0 0 0 3px #2563eb1f}.hd-upload-icon{color:var(--color-text-4);margin-bottom:2px;transition:color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.hd-upload-zone:hover .hd-upload-icon,.hd-upload-zone--dragover .hd-upload-icon{color:var(--brand-600);transform:translateY(-2px)}.hd-upload-primary{font-size:.9rem;font-weight:600;color:var(--color-text-2)}.hd-upload-secondary{font-size:.8125rem;color:var(--color-text-4)}.hd-upload-browse{color:var(--brand-600);font-weight:600;text-decoration:underline;text-underline-offset:2px}.hd-upload-preview{display:flex;align-items:center;gap:14px;background:var(--color-surface-2);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:12px 14px;animation:portal-card-in .22s var(--ease-out) both}.hd-upload-thumb{width:72px;height:54px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);flex-shrink:0;background:var(--color-surface-3)}.hd-upload-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.hd-upload-filename{font-size:.875rem;font-weight:600;color:var(--color-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.hd-upload-size{font-size:.75rem;color:var(--color-text-4)}.hd-upload-change{background:none;border:1.5px solid var(--color-border-2);border-radius:var(--radius-sm);padding:5px 10px;font-size:.8125rem;font-weight:600;color:var(--brand-600);cursor:pointer;font-family:inherit;transition:background var(--dur-fast),border-color var(--dur-fast);white-space:nowrap;min-height:32px}.hd-upload-change:hover{background:var(--brand-50);border-color:var(--brand-600)}.hd-upload-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1.5px solid var(--color-border-2);border-radius:var(--radius-sm);color:var(--color-text-3);cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast);flex-shrink:0}.hd-upload-remove:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.hd-upload-error{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:.8125rem;color:#dc2626;font-weight:500}.hd-upload-error svg{flex-shrink:0}.mgmt-page{min-height:100vh;background:var(--gray-50)}.mgmt-hero{background:linear-gradient(135deg,#1e3a8a,#1d4ed8 55%,#2563eb);padding:36px 24px;position:relative;overflow:hidden}.mgmt-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}.mgmt-hero--compact{padding:20px 24px}.mgmt-hero-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative}.mgmt-hero-eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff9;margin:0 0 6px}.mgmt-hero-title{font-size:2rem;font-weight:800;color:#fff;margin:0 0 6px;letter-spacing:-.03em}.mgmt-hero-sub{font-size:.9375rem;color:#ffffffb8;margin:0}.mgmt-breadcrumb{display:inline-flex;align-items:center;gap:5px;color:#ffffffa6;text-decoration:none;font-size:.8125rem;font-weight:500;transition:color .15s}.mgmt-breadcrumb:hover{color:#fff}.mgmt-body{max-width:1200px;margin:0 auto;padding:28px 24px 60px;display:flex;flex-direction:column;gap:24px}.mgmt-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:background .15s,box-shadow .15s;white-space:nowrap}.mgmt-btn--primary{background:#fff;color:#1d4ed8;box-shadow:0 1px 3px #00000026}.mgmt-btn--primary:hover{background:#f0f6ff;box-shadow:0 4px 12px #0000001f}.mgmt-btn--ghost{background:#ffffff1f;color:#ffffffd9;border:1px solid rgba(255,255,255,.2)}.mgmt-btn--ghost:hover{background:#fff3}.mgmt-btn--danger{background:#dc262626;color:#dc2626;border:1px solid rgba(220,38,38,.3)}.mgmt-btn--danger:hover{background:#dc262640}.mgmt-btn--success{background:#05966926;color:#059669;border:1px solid rgba(5,150,105,.3)}.mgmt-btn--success:hover{background:#05966940}.mgmt-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width: 768px){.mgmt-stats{grid-template-columns:repeat(2,1fr)}}.mgmt-stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 4px #0000000d}.mgmt-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mgmt-stat-value{font-size:1.75rem;font-weight:800;color:var(--gray-900);margin:0;line-height:1}.mgmt-stat-label{font-size:.8125rem;color:var(--gray-500);margin:4px 0 0;font-weight:500}.mgmt-section{background:#fff;border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 1px 4px #0000000d;overflow:hidden}.mgmt-section-header{padding:18px 20px;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between;gap:12px}.mgmt-section-title{font-size:1rem;font-weight:700;color:var(--gray-900);margin:0 0 2px}.mgmt-section-sub{font-size:.8125rem;color:var(--gray-500);margin:0}.mgmt-company-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:20px}.mgmt-company-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 4px #0000000d;transition:box-shadow .18s,transform .18s}.mgmt-company-card:hover{box-shadow:0 6px 24px #1e3a8a1a;transform:translateY(-1px)}.mgmt-company-card--suspended{opacity:.7;background:var(--gray-50)}.mgmt-company-card-top{display:flex;align-items:center;justify-content:space-between}.mgmt-company-icon{width:40px;height:40px;border-radius:10px;background:#eff6ff;display:flex;align-items:center;justify-content:center}.mgmt-company-name{font-size:1rem;font-weight:700;color:var(--gray-900);margin:0}.mgmt-company-domain{font-size:.8125rem;color:var(--gray-400);margin:0}.mgmt-company-stats{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--gray-600)}.mgmt-company-stats strong{color:var(--gray-900)}.mgmt-dot{width:3px;height:3px;border-radius:50%;background:var(--gray-300);display:inline-block}.mgmt-company-created{font-size:.75rem;color:var(--gray-400);margin:0}.mgmt-company-cta{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:8px 14px;background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s;width:100%;justify-content:center}.mgmt-company-cta:hover{background:#dbeafe;border-color:#93c5fd}.mgmt-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;font-weight:700;padding:3px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}.mgmt-status-badge--active{background:#dcfce7;color:#15803d}.mgmt-status-badge--suspended{background:#fee2e2;color:#dc2626}.mgmt-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.mgmt-table{width:100%;border-collapse:collapse;font-size:.875rem}.mgmt-table th{padding:10px 16px;text-align:left;font-size:.6875rem;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.06em;background:var(--gray-50);border-bottom:1px solid var(--gray-200);white-space:nowrap}.mgmt-table td{padding:12px 16px;border-bottom:1px solid var(--gray-100);color:var(--gray-800);vertical-align:middle}.mgmt-table tr:last-child td{border-bottom:none}.mgmt-table tr:hover td{background:#f8faff}.mgmt-role-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:6px;padding:4px 28px 4px 10px;font-size:.8125rem;font-weight:600;color:var(--gray-800);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color .15s}.mgmt-role-select:hover{border-color:var(--brand-600)}.mgmt-role-select:focus{outline:2px solid var(--brand-600);outline-offset:1px}.mgmt-action-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--gray-200);border-radius:6px;background:#fff;color:var(--gray-500);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.mgmt-action-btn:hover{background:var(--gray-100);color:var(--gray-700);border-color:var(--gray-300)}.mgmt-action-btn--danger:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.mgmt-link-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:none;padding:0;font-size:.875rem;font-weight:600;color:#2563eb;cursor:pointer;text-decoration:underline;text-underline-offset:2px;text-decoration-color:transparent;transition:text-decoration-color .15s}.mgmt-link-btn:hover{text-decoration-color:#2563eb}.mgmt-filters{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;box-shadow:0 1px 4px #0000000a}.mgmt-filter-icon{flex-shrink:0}.mgmt-search{flex:1;min-width:180px;padding:7px 12px;border:1px solid var(--gray-200);border-radius:7px;font-size:.875rem;color:var(--gray-800);background:var(--gray-50);transition:border-color .15s}.mgmt-search:focus{outline:2px solid var(--brand-600);outline-offset:1px;border-color:transparent}.mgmt-filter-select{padding:7px 28px 7px 10px;border:1px solid var(--gray-200);border-radius:7px;font-size:.875rem;color:var(--gray-700);background:var(--gray-50);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer;transition:border-color .15s}.mgmt-filter-select:focus{outline:2px solid var(--brand-600);outline-offset:1px}.mgmt-tabs{display:flex;gap:0;border:1px solid var(--gray-200);border-bottom:none;border-radius:12px 12px 0 0;background:var(--gray-50);overflow:hidden}.mgmt-tab{display:inline-flex;align-items:center;gap:7px;padding:12px 20px;font-size:.875rem;font-weight:600;color:var(--gray-500);background:none;border:none;cursor:pointer;transition:color .15s,background .15s;border-bottom:2px solid transparent}.mgmt-tab:hover{color:var(--gray-800);background:var(--gray-100)}.mgmt-tab--active{color:var(--brand-600);background:#fff;border-bottom-color:var(--brand-600)}.mgmt-info-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 4px #0000000d}.mgmt-info-icon{width:48px;height:48px;border-radius:12px;background:#eff6ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mgmt-info-title{font-size:1.0625rem;font-weight:700;color:var(--gray-900);margin:0 0 2px}.mgmt-info-sub{font-size:.875rem;color:var(--gray-500);margin:0}.mgmt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 24px;color:var(--gray-400);font-size:.9375rem}.mgmt-empty p{margin:0}.mgmt-btn--outline-blue{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.mgmt-btn--outline-blue:hover{background:#dbeafe;border-color:#93c5fd}.mgmt-admin-legend{display:flex;flex-direction:column;gap:6px;padding:12px 20px;border-top:1px solid var(--gray-100);background:var(--gray-50)}.mgmt-legend-item{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--gray-600)}.mgmt-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.mgmt-legend-dot--super{background:#0f172a}.mgmt-legend-dot--itadmin{background:#7c3aed}.hd-service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.hd-service-card{display:flex;align-items:center;gap:14px;padding:18px 16px;border-radius:14px;border:1.5px solid var(--gray-200);background:#fff;cursor:pointer;text-align:left;transition:border-color .18s,box-shadow .18s,transform .12s;box-shadow:var(--shadow-xs)}.hd-service-card:hover,.hd-service-card:focus-visible{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb14,var(--shadow-sm);transform:translateY(-1px);outline:none}.hd-service-card-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s}.hd-service-card:hover .hd-service-card-icon{transform:scale(1.06)}.hd-service-card-body{flex:1;min-width:0}.hd-service-card-name{margin:0 0 3px;font-size:.9375rem;font-weight:700;color:var(--color-text-1);line-height:1.3}.hd-service-card-desc{margin:0;font-size:.8125rem;color:var(--color-text-3);line-height:1.45}.hd-service-card-arrow{color:var(--gray-300);flex-shrink:0;transition:color .15s,transform .15s}.hd-service-card:hover .hd-service-card-arrow{color:#2563eb;transform:translate(3px)}.hd-service-icon-lg{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}