:root{--app-background: radial-gradient(circle at 18% 20%, rgba(87, 225, 255, .15), rgba(4, 4, 8, 0)), radial-gradient(circle at 78% 12%, rgba(127, 92, 255, .22), rgba(3, 4, 12, 0)), linear-gradient(165deg, #02070a 0%, #050c13 46%, #041922 100%);--panel-background: linear-gradient(170deg, rgba(6, 20, 24, .94), rgba(5, 15, 22, .96));--sidebar-bg: linear-gradient(180deg, #0d1f2b 0%, #0b2535 60%, #0e1c29 100%);--bg-accent: linear-gradient(145deg, rgba(14, 34, 48, .9), rgba(12, 30, 44, .94));--bg-aurora: radial-gradient(circle at 22% 20%, rgba(87, 225, 255, .14), rgba(4, 5, 7, 0));--surface-1: rgba(10, 16, 24, .9);--surface-2: rgba(14, 22, 30, .92);--surface-3: rgba(11, 22, 30, .86);--text-primary: #e8f4ff;--text-secondary: #b6c9dd;--sidebar-text: #e8f4ff;--brand-primary: #4fd1c5;--brand-secondary: #6c63ff;--brand-contrast: #2ac7b6;--brand-highlight: #d7f7ff;--border-color: rgba(79, 209, 197, .35);--muted-border: rgba(120, 153, 146, .28);--shadow-lg: 0 35px 80px -20px rgba(3, 6, 8, .9);--shadow-sm: 0 16px 36px rgba(4, 10, 12, .6);--radius-lg: 30px;--radius-md: 20px;--radius-sm: 12px;--transition-base: all .26s ease;font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=day]{--app-background: radial-gradient(circle at 20% 22%, rgba(79, 209, 197, .12), rgba(255, 255, 255, 0)), radial-gradient(circle at 80% 8%, rgba(108, 99, 255, .12), rgba(255, 255, 255, 0)), linear-gradient(180deg, #f7fbff 0%, #eef4ff 60%, #e6f1ff 100%);--panel-background: linear-gradient(150deg, rgba(243, 248, 255, .96), rgba(227, 237, 255, .98));--sidebar-bg: linear-gradient(180deg, #214a5b 0%, #1b3a2f 100%);--bg-accent: linear-gradient(145deg, rgba(243, 249, 255, .96), rgba(227, 237, 255, .98));--surface-1: rgba(255, 255, 255, .94);--surface-2: rgba(242, 249, 255, .95);--surface-3: rgba(236, 246, 252, .96);--text-primary: #0f2a23;--text-secondary: #3e5a52;--sidebar-text: #e7f4ef;--brand-primary: #0fb39a;--brand-secondary: #0a8b7d;--brand-contrast: #0f584f;--brand-highlight: #0fb39a;--border-color: rgba(84, 126, 112, .35);--muted-border: rgba(148, 163, 184, .35);--shadow-lg: 0 25px 60px rgba(15, 23, 42, .18);--shadow-sm: 0 12px 32px rgba(15, 23, 42, .1)}:root[data-theme=day] body{background:var(--app-background);color:var(--text-primary)}:root[data-theme=day] .auth-hero{background:linear-gradient(140deg,#306e62eb,#216057e6,#175f70db),var(--bg-accent);color:var(--text-primary);border-color:#0fb39a40}:root[data-theme=day] .auth-hero{color:#f7fffb}:root[data-theme=day] .hero-copy,:root[data-theme=day] .feature-item,:root[data-theme=day] .brand-label{color:#ffffffeb}:root[data-theme=day] .feature-item{background:#ffffff1f;border-color:#fff3}:root[data-theme=day] .auth-card{background:var(--surface-1);border-color:var(--muted-border);box-shadow:0 25px 60px #0f172a1f}*{box-sizing:border-box}html{min-width:300px}body{margin:0;background:var(--app-background);color:var(--text-primary);width:100%;min-width:300px;overflow-x:hidden;min-height:100dvh;display:flex;align-items:stretch;justify-content:center;padding:clamp(14px,3vw,44px);transition:background .4s ease;background-attachment:fixed}#root{width:100%;min-height:100dvh;display:flex;justify-content:center}.auth-layout{display:grid;grid-template-columns:minmax(320px,520px) minmax(340px,440px);gap:clamp(28px,4vw,48px);width:min(1100px,100%);margin-inline:auto;position:relative;align-items:stretch;color:var(--text-primary)}.auth-layout:before{content:"";position:absolute;top:-120px;right:-120px;bottom:-120px;left:-120px;background:var(--bg-aurora);filter:blur(120px);z-index:-1}.auth-hero{background:linear-gradient(140deg,#173f6bdb,#115e6be0,#104c70f2),var(--bg-accent);border-radius:var(--radius-lg);padding:clamp(32px,5vw,56px) clamp(28px,5vw,48px);display:flex;flex-direction:column;justify-content:center;gap:32px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;overflow:hidden}.auth-hero:before,.auth-hero:after{content:"";position:absolute;border-radius:999px;filter:blur(60px);opacity:.7;pointer-events:none}.auth-hero:before{width:320px;height:320px;background:radial-gradient(circle,#4fd1c559,#4fd1c500);top:-40px;right:-120px}.auth-hero:after{width:260px;height:260px;background:radial-gradient(circle,#6c63ff40,#6c63ff00);bottom:-120px;left:-80px}.brand{display:flex;align-items:center;gap:20px}.brand-logo{width:72px;height:72px;filter:drop-shadow(0 20px 35px rgba(15,118,110,.5))}.brand-label{font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;color:#ffffffa6}.brand-title{margin:0;font-size:clamp(2.4rem,3vw,3rem);font-weight:700;color:#fff;letter-spacing:-.02em}.hero-copy{margin:0;line-height:1.6;color:#ecfdf5d9;font-size:1.06rem}.feature-list{padding:0;margin:0;list-style:none;display:grid;gap:14px}.feature-item{display:inline-flex;align-items:center;gap:12px;font-weight:500;color:var(--text-primary);padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f}.feature-item:before{content:"•";color:#5eead4;font-size:1.6rem;line-height:1}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;padding:0;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#ffffff14,#ffffff0a);color:var(--brand-highlight);cursor:pointer;transition:var(--transition-base);box-shadow:0 18px 38px #4fd1c547}.theme-toggle[aria-pressed=true]{background:linear-gradient(135deg,#6c63ff33,#4fd1c533);border-color:#ffffff2e;box-shadow:0 20px 45px #6c63ff47}.theme-toggle-icon{font-size:1.35rem}.theme-toggle-compact{width:48px;height:48px;box-shadow:0 12px 26px #0fb39a38}.auth-card{background:var(--surface-1);border-radius:var(--radius-lg);padding:clamp(32px,4vw,48px);box-shadow:0 35px 70px #03071259;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:24px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:100%}.auth-card h2{margin:0;font-size:2rem}.auth-subtitle{margin:0;color:var(--text-secondary);font-size:.98rem}.auth-form{display:flex;flex-direction:column;gap:20px}.field{display:flex;flex-direction:column;gap:10px}.field span{font-weight:600;font-size:.95rem}.field input{background:var(--surface-3);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:14px 16px;color:var(--text-primary);font-size:1rem;transition:var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.field input:focus{outline:none;border-color:#4fd1c5a6;box-shadow:0 0 0 5px #4fd1c526}.btn-primary{background:linear-gradient(130deg,var(--brand-primary) 0%,var(--brand-secondary) 60%,#8b5cf6 100%);border:1px solid rgba(255,255,255,.08);color:#f8fffb;font-weight:600;font-size:1rem;padding:14px 18px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);box-shadow:0 20px 35px #6c63ff40}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 25px 50px #6c63ff59}.form-error{margin:0;padding:12px 16px;background:#dc262614;border:1px solid rgba(248,113,113,.45);border-radius:var(--radius-sm);color:#fca5a5;font-size:.92rem}.form-success{margin:0;padding:12px 16px;background:#22c55e14;border:1px solid rgba(74,222,128,.4);border-radius:var(--radius-sm);color:#86efac;font-size:.92rem}.auth-footer{font-size:.9rem;color:var(--text-secondary)}.auth-footer a{color:var(--brand-primary);font-weight:600;text-decoration:none}.dashboard-shell{min-height:100dvh;width:min(1200px,100%);margin:0 auto;display:grid;grid-template-columns:280px 1fr;background:var(--app-background);color:var(--text-primary);transition:grid-template-columns .3s ease;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--muted-border);box-shadow:var(--shadow-lg)}.dashboard-shell.sidebar-hidden{grid-template-columns:0 1fr}.dashboard-shell.sidebar-hidden .main-panel{border-radius:var(--radius-lg)}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-color);padding:32px 28px;display:flex;flex-direction:column;gap:28px;transition:var(--transition-base);overflow:hidden;color:var(--sidebar-text);border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);max-height:100dvh;width:100%;box-sizing:border-box}.sidebar.collapsed{opacity:0;pointer-events:none;transform:translate(-12px)}.nav-links{list-style:none;padding:0;margin:0;display:grid;gap:12px}.nav-links a{text-decoration:none;color:#ffffffd9;padding:12px 16px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:12px;transition:var(--transition-base)}.nav-links a:hover,.nav-links a.active{background:#0fb39a1f;color:var(--brand-highlight)}.nav-links .nav-create-admin{color:#facc15;font-weight:700}.nav-links .nav-create-admin:hover,.nav-links .nav-create-admin:focus-visible{background:#facc152e;color:#fef08a}.main-panel{padding:clamp(18px,3vw,44px);display:flex;flex-direction:column;gap:24px;background:var(--panel-background);border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);width:100%;box-sizing:border-box}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.pdv-hero{align-items:stretch;background:linear-gradient(135deg,#0fb39a14,#6c63ff14),var(--surface-1);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:18px clamp(16px,3vw,24px);position:relative;overflow:hidden}.pdv-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 14% 30%,#4fd1c52e,#4fd1c500),radial-gradient(circle at 84% 20%,#6c63ff24,#6c63ff00);pointer-events:none;opacity:.8}.pdv-hero>*{position:relative;z-index:1}.pdv-hero__heading{display:flex;flex-direction:column;gap:10px;flex:1}.pdv-hero__buttons{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.pdv-eyebrow{margin:0}.pdv-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#4fd1c524;border:1px solid rgba(79,209,197,.35);color:var(--brand-highlight);font-weight:700;letter-spacing:.01em}.chip-ghost{background:#ffffff0f;color:var(--text-primary);border-color:#ffffff1f}.pdv-hero__actions{display:flex;flex-direction:column;gap:12px;min-width:min(320px,100%)}.pdv-toolbar{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.pdv-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.panel-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.panel-header-left{display:flex;flex-direction:column;gap:8px}.sidebar-toggle{align-self:flex-start;background:var(--surface-3);border:1px solid var(--muted-border);border-radius:var(--radius-sm);color:#0f172a;cursor:pointer;font-weight:600;padding:10px 14px;transition:var(--transition-base)}.sidebar-toggle:hover,.sidebar-toggle:focus-visible{border-color:#0ea5e999;color:var(--brand-primary)}.user-meta{display:flex;align-items:center;gap:16px;background:var(--surface-3);padding:12px 18px;border-radius:var(--radius-sm);border:1px solid var(--border-color);min-width:230px}.user-avatar{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#0fb39a33,#0a887933);display:grid;place-items:center;font-weight:600;color:var(--brand-primary)}.metric-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric-card{background:var(--surface-1);padding:24px;border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.metric-title{margin:0;font-size:.95rem;color:var(--text-secondary)}.metric-value{margin:12px 0 0;font-size:2.1rem;font-weight:600;color:var(--brand-primary)}.metric-trend{margin:6px 0 0;color:var(--brand-primary);font-size:.9rem}.table-card{background:var(--surface-1);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:24px;box-shadow:0 25px 55px #0f172a14}.table-wrapper{width:100%;overflow-x:auto;border-radius:var(--radius-sm);margin:0;padding:0}.table-wrapper table{width:100%;min-width:760px}.table-wrapper::-webkit-scrollbar{height:10px}.table-wrapper::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.admin-card{display:flex;flex-direction:column;gap:16px}.admin-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:12px}.admin-form .field input,.admin-form select{width:100%}.admin-form select{background:var(--surface-3);border:1px solid var(--muted-border);border-radius:var(--radius-sm);padding:14px 16px;color:var(--text-primary);font-size:1rem}.admin-mode-toggle,.admin-form-actions{grid-column:1 / -1}.admin-mode-toggle{display:flex;flex-direction:column;gap:8px}.mode-buttons{display:flex;gap:12px;flex-wrap:wrap}.mode-button{background:#0f172ab8;color:var(--text-primary);border:1px solid rgba(148,163,184,.2);border-radius:var(--radius-sm);padding:10px 18px;cursor:pointer;font-weight:600;transition:var(--transition-base)}.mode-button.active,.mode-button:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.admin-form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.link-button{background:none;border:none;color:var(--brand-primary);font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.link-button:hover{opacity:.85}.admin-list{margin-top:8px}.admin-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-empty{color:var(--text-secondary);text-align:center;padding:24px}.admin-name{display:flex;flex-direction:column;gap:4px}.admin-name small{color:var(--text-secondary);font-size:.85rem}.tag{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;background:#00c9b72e;color:var(--brand-primary);font-size:.8rem;font-weight:600}.tag.subtle{background:#94a3b826;color:#cbd5f5}.table-card table{width:100%;border-collapse:collapse;color:inherit;display:block;overflow-x:auto}.table-card table thead,.table-card table tbody,.table-card tr{width:100%}.table-card th,.table-card td{padding:16px 18px;text-align:left;border-bottom:1px solid rgba(148,163,184,.1);min-width:140px}.table-card tbody tr:hover{background:#0fb39a14}.logout-btn{margin-top:auto;background:#ffffff1a;border:1px solid rgba(248,113,113,.5);color:#fee2e2;padding:12px 16px;border-radius:var(--radius-sm);text-align:center;text-decoration:none;font-weight:600;transition:var(--transition-base);cursor:pointer;width:100%;display:inline-block}.logout-btn:hover{background:#f8717140}.sidebar-backdrop{display:none}@media (max-width: 980px){.auth-layout{grid-template-columns:1fr;width:min(300px,100%);margin-inline:auto}.auth-hero{order:2;padding:32px}.auth-card{order:1;padding:32px 28px}.dashboard-shell,.dashboard-shell.sidebar-hidden{grid-template-columns:1fr;width:100%;max-width:100vw;margin:0;border:none;border-radius:0;box-shadow:none}.main-panel,.sidebar{border-radius:var(--radius-lg)}.main-panel{max-width:100vw;overflow-x:hidden}.sidebar{position:absolute;inset:0 auto 0 0;width:min(260px,86vw);max-width:86vw;border-right:1px solid rgba(10,37,64,.25);box-shadow:var(--shadow-lg);z-index:10;background:linear-gradient(180deg,#063251,#065b57 40%,#0fa37f);height:100%;transform:translate(-100%);opacity:0;pointer-events:none}.dashboard-shell:not(.sidebar-hidden) .sidebar{transform:translate(0);opacity:1;pointer-events:all}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000007a;border:none;padding:0;margin:0;z-index:8;display:block;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.main-panel{padding-top:96px}.panel-header{align-items:flex-start;gap:16px}.panel-header-left{width:100%;gap:6px}.pdv-hero{flex-direction:column;gap:12px}.pdv-hero__actions,.pdv-toolbar,.pdv-hero__buttons{width:100%}.pdv-toolbar{justify-content:flex-start}}@media (max-width: 780px){.panel-header-left h1{font-size:1.35rem}.panel-header-left .auth-subtitle{font-size:.98rem}.panel-header-actions{width:100%}.table-card table{margin:0;border:none}.table-card thead{display:none}.table-wrapper{margin:0;padding:0;overflow:visible}.table-wrapper table{min-width:100%}.table-card tbody{display:grid;gap:12px}.table-card tr{display:grid;grid-template-columns:1fr;background:var(--surface-2);border:1px solid var(--muted-border);border-radius:var(--radius-md);padding:12px 14px;box-shadow:var(--shadow-sm)}.table-card td{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(148,163,184,.14);min-width:unset}.table-card td:last-child{border-bottom:none}.table-card td:before{content:attr(data-label);color:var(--text-secondary);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.02em}}@media (max-width: 640px){body{padding:12px}.auth-hero,.auth-card{padding:28px 22px}.hero-preview{display:none}.brand,.hero-copy,.feature-list,.auth-card h2,.auth-subtitle{text-align:center}.brand{flex-direction:column}.feature-list{align-items:center}.main-panel{padding:18px 14px 28px}.panel-header{flex-direction:column;align-items:flex-start;gap:16px}.user-meta{width:100%;justify-content:space-between}.panel-header-actions{width:100%;justify-content:space-between;flex-wrap:wrap;gap:10px}.panel-header-left h1{font-size:1.4rem;margin:0}.panel-header-left .auth-subtitle{font-size:.95rem;line-height:1.5}.panel-header-actions .btn-primary,.panel-header-actions .btn-secondary{flex:1;min-width:140px;justify-content:center;text-align:center}.metric-grid{grid-template-columns:1fr}.metric-card{text-align:left;padding:18px}.table-card{padding:18px;width:100%}.table-card th,.table-card td{padding:12px 10px;font-size:.95rem;min-width:0;white-space:normal;word-break:break-word}.table-card table{margin:0;padding:0}.pdv-badges{flex-direction:column;align-items:flex-start}.pdv-action-grid,.pdv-toolbar{width:100%;grid-template-columns:1fr}.chip{width:100%;justify-content:space-between}.contacts-card{margin:12px 0}.contacts-form{grid-template-columns:1fr}.contacts-item,.contacts-item__actions{flex-wrap:wrap;gap:6px}.contacts-item__actions button{flex:1;min-width:120px}.contacts-toolbar{flex-direction:column;align-items:stretch}.vendor-list__header{flex-direction:column}.vendor-list__stats{width:100%;min-width:0}}@media (max-width: 540px){.panel-header-left{align-items:flex-start;text-align:left}.panel-header-actions{width:100%;flex-direction:column;align-items:stretch}.panel-header-actions .btn-primary,.panel-header-actions .btn-secondary,.sidebar-toggle{width:100%;justify-content:center}.metric-grid{grid-template-columns:1fr}}.contacts-card{background:var(--surface-1);border:1px solid var(--muted-border);border-radius:var(--radius-md);padding:clamp(16px,2vw,28px);box-shadow:var(--shadow-sm);margin:24px 0}.contacts-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:12px 0 6px;align-items:end}.contacts-actions{display:flex;align-items:center;gap:8px}.contacts-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 18px}@media (max-width: 860px){.metric-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px}.table-card{overflow-x:auto}.table-card table{min-width:520px}.dashboard-shell.sidebar-hidden .sidebar-backdrop{display:none}}.contacts-list{display:flex;flex-direction:column;gap:12px}.contacts-item__info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.contacts-item__wallet{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;color:var(--brand-highlight);background:#4fd1c51a;padding:6px 10px;border-radius:10px;border:1px solid var(--border-color)}.contacts-item__name{font-weight:600;color:var(--text-primary)}.contacts-item__name-input{flex:1;padding:10px 12px;border-radius:10px;border:1px solid var(--muted-border);background:var(--surface-3);color:var(--text-primary)}.contacts-item__actions{display:flex;align-items:center;gap:8px}.vendor-list{display:flex;flex-direction:column;gap:18px;margin-top:28px}.vendor-list__item{background:var(--surface-2);border:1px solid var(--muted-border);border-radius:var(--radius-md);padding:18px 20px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-sm)}.vendor-list__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}.vendor-list__identity h3{margin:6px 0 4px}.vendor-list__stats{min-width:220px;background:var(--surface-3);border:1px solid var(--muted-border);border-radius:12px;padding:12px;display:grid;gap:6px;align-content:start;box-shadow:var(--shadow-sm)}.vendor-stat-label{display:block;color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.vendor-stat-sub{color:var(--text-primary);font-weight:700}.vendor-stat-value{display:block;font-size:1.4rem;margin-top:4px;line-height:1.1}.vendor-list__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.vendor-list__tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:24px;z-index:20}.modal{background:#0d1117;color:#fff;border-radius:16px;width:min(960px,100%);max-height:90vh;overflow:auto;box-shadow:0 12px 45px #00000059;border:1px solid rgba(255,255,255,.08)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.modal-body{padding:16px 24px 24px;display:flex;flex-direction:column;gap:16px}.modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 18px}.modal-label{font-size:.9rem;color:#a5b0c0;margin-bottom:4px}.modal-value{font-weight:600;color:#e9edf5;word-break:break-all}.modal-raw{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;font-size:.9rem;color:#dfe7f1;overflow:auto;max-height:260px}.vendor-list__item .tag.success{background:#0fb39a26;color:var(--brand-highlight);border-color:#0fb39a59}.vendor-list__item .tag.danger{background:#ff56561f;color:#ff8686;border-color:#ff868652}.vendor-list__item .tag.warning{background:#ffc45624;color:#f7c948;border-color:#f7c94852}@media (max-width: 420px){body{padding:8px}.dashboard-shell{border-radius:var(--radius-md)}.main-panel{padding:14px 12px 22px;gap:16px}.panel-header{gap:12px}.panel-header-left h1{font-size:1.2rem}.panel-header-left .auth-subtitle{font-size:.9rem;line-height:1.45}.panel-header-actions{gap:8px}.panel-header-actions .btn-primary,.panel-header-actions .btn-secondary,.sidebar-toggle{width:100%}.user-meta{flex-direction:column;align-items:flex-start;width:100%}.contacts-card,.table-card,.metric-card,.vendor-list__item{padding:14px}.contacts-toolbar{flex-direction:column;align-items:stretch}.contacts-actions{width:100%;flex-wrap:wrap}.contacts-actions button{flex:1;min-width:min(180px,100%)}.vendor-list__header{flex-direction:column;align-items:flex-start}.vendor-list__stats{width:100%;min-width:0}.sidebar{width:88vw;max-width:88vw;padding:22px 16px}.nav-links{gap:8px}.metric-grid{grid-template-columns:1fr}.table-card table{min-width:440px}}