:root{--navy: #1D3C78;--orange: #F5A623;--blue: #7BB8FF;--ice: #F2FDFF;--slate: #1F2937;--navy-50: #F4F5F8;--navy-100: #E8ECF2;--navy-200: #C6CEDD;--navy-300: #99A7C2;--navy-400: #6176A0;--navy-500: #1D3C78;--navy-600: #173060;--navy-700: #12254A;--navy-800: #0D1B36;--navy-900: #091224;--navy-950: #050B16;--orange-50: #FEFBF4;--orange-100: #FEF6E9;--orange-200: #FCE9C8;--orange-300: #FAD79C;--orange-400: #F8C165;--orange-500: #F5A623;--orange-600: #C4851C;--orange-700: #986716;--blue-100: #F2F8FF;--blue-200: #DEEDFF;--blue-300: #C4DFFF;--blue-400: #A3CDFF;--blue-500: #7BB8FF;--blue-600: #6293CC;--color-primary: var(--navy-500);--color-primary-hover: var(--navy-600);--color-accent: var(--orange-500);--color-accent-hover: var(--orange-600);--color-surface: var(--ice);--color-text: var(--slate);--color-text-muted: #626973;--color-border: var(--navy-100);--color-success: #16A34A;--color-warning: #D97706;--color-error: #DC2626}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-surface, #F2FDFF);color:var(--color-text, #1F2937);font-size:14px;line-height:1.5}h1,h2,h3,h4,h5,h6,.heading{font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-primary, #1D3C78)}:root{--primary: var(--navy-500);--primary-light: var(--blue-500);--accent: var(--orange-500);--bg: var(--ice);--danger: var(--color-error);--success: var(--color-success);--white: #FFFFFF;--shadow: 0 1px 3px rgba(29,60,120,.1)}.app-layout{display:flex;min-height:100vh;background:var(--sidebar-bg, var(--navy-500))}.main-content{flex:1;padding:16px;overflow-y:auto;height:100vh;background:var(--ice);transition:margin-left .3s cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.main-content{padding:24px 32px;border-radius:16px 0 0 16px;margin-top:12px;margin-bottom:12px;height:calc(100vh - 24px);box-shadow:-4px 0 12px #00000005}.app-layout.sidebar-collapsed .main-content{margin-left:84px}.app-layout.sidebar-expanded .main-content{margin-left:232px}}.sidebar-glass{background:var(--sidebar-bg, rgba(29, 60, 120, .95));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--sidebar-text, white);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.sidebar-glass{margin:12px 0 12px 12px;border-radius:20px 0 0 20px;height:calc(100vh - 24px)}.sidebar-glass.collapsed{width:72px;padding:12px 0}.sidebar-glass.expanded{width:220px;padding:12px 0}}@media (max-width: 767px){.sidebar-glass{width:280px;transform:translate(-100%)}.sidebar-glass.mobile-open{transform:translate(0)}.sidebar-glass.collapsed .sidebar-nav-item{width:100%;justify-content:flex-start;padding:0 16px}.sidebar-glass.collapsed .nav-icon{margin-right:12px}.sidebar-glass.collapsed .nav-label{display:block;opacity:1}.sidebar-logo-icon{display:none}.sidebar-logo-text{opacity:1;animation:none}.app-layout .main-content{margin-left:0!important}}.main-content{transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.sidebar-header{height:60px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;position:relative}.sidebar-glass.collapsed .sidebar-header{justify-content:center}.sidebar-logo-icon{width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.sidebar-glass.collapsed .sidebar-logo-icon{display:none}.sidebar-logo-text{font-size:20px;font-weight:700;color:#fff;white-space:nowrap;opacity:0;animation:fadeIn .3s forwards .1s}@keyframes fadeIn{to{opacity:1}}.sidebar-toggle-btn{background:transparent;border:none;color:#fffc;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.sidebar-toggle-btn:hover{color:#fff;background:#ffffff1a}.sidebar-glass.collapsed .sidebar-toggle-btn{margin:0 auto}.sidebar-nav{display:flex;flex-direction:column;gap:6px;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.sidebar-nav-item{display:flex;align-items:center;height:44px;color:#ffffffb3;text-decoration:none;transition:all .2s ease;background:transparent;border:none;cursor:pointer;font-family:inherit;width:100%}.sidebar-glass.collapsed .sidebar-nav-item{width:44px;border-radius:50%;padding:0;margin:0 auto;justify-content:center}.sidebar-glass.expanded .sidebar-nav-item,.sidebar-glass.mobile-open .sidebar-nav-item{width:100%;border-radius:50px 0 0 50px;padding-left:24px;padding-right:16px;margin:0;justify-content:flex-start}.nav-icon{display:flex;align-items:center;justify-content:center;width:24px;flex-shrink:0}.sidebar-glass.expanded .nav-icon,.sidebar-glass.mobile-open .nav-icon{margin-right:12px}.nav-label{font-size:14px;font-weight:500;white-space:nowrap;opacity:0;width:0;display:none}.sidebar-glass.expanded .nav-label,.sidebar-glass.mobile-open .nav-label{display:block;opacity:1;width:auto;animation:fadeIn .3s forwards .1s}.sidebar-nav-item:hover{background:#ffffff1a;color:#fff}.sidebar-nav-item.active{background:var(--ice);color:var(--navy-500);font-weight:600;box-shadow:2px 0 8px #0000000d}.sidebar-footer{margin-top:auto;flex-shrink:0;display:flex;flex-direction:column;gap:4px;padding:8px 0 4px}.sidebar-user-block{display:flex;align-items:center;gap:12px;padding:10px 0 4px;border-top:1px solid rgba(242,253,255,.1);border-left:none;border-right:none;border-bottom:none;background:transparent;width:100%;text-align:left;cursor:pointer;margin-top:4px;transition:all .2s ease;-webkit-user-select:none;user-select:none;border-radius:10px}.sidebar-user-block:hover{background:#f2fdff14}.sidebar-glass.collapsed .sidebar-user-block{justify-content:center;padding:8px 0 2px}.sidebar-glass.expanded .sidebar-user-block,.sidebar-glass.mobile-open .sidebar-user-block{padding-left:24px;padding-right:16px;justify-content:flex-start}.sidebar-user-avatar{width:36px;height:36px;border-radius:50%;background:#7bb8ff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;box-shadow:0 2px 6px #00000026}.sidebar-user-info{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden;opacity:0;animation:fadeIn .3s forwards .1s}.sidebar-user-name{font-size:14px;font-weight:600;color:#f2fdff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.sidebar-user-role-pill{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:999px;padding:2px 8px;display:inline-block;align-self:flex-start;line-height:1.3}.sidebar-toggle{background:transparent;border:none;color:#fff;cursor:pointer}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(29,60,120,.08)}.topbar-title{font-size:22px;font-weight:600}.topbar-user{display:flex;align-items:center;gap:12px;font-size:14px}.card{background:#fff;border-radius:12px;padding:16px;box-shadow:var(--shadow)}@media (min-width: 768px){.card{padding:16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:8px;border:none;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:36px;line-height:1;text-decoration:none}.btn-primary{background:var(--navy-500);color:#fff}.btn-primary:hover{background:var(--navy-600)}.btn-secondary{background:var(--blue-200);color:var(--navy-800)}.btn-secondary:hover{background:var(--blue-300)}.btn-accent,.btn-orange{background:var(--orange-500);color:var(--navy-800)!important;font-weight:700}.btn-accent:hover,.btn-orange:hover{background:var(--orange-600);color:var(--navy-800)!important}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{background:#b91c1c}.btn:hover{opacity:.95}.btn-sm{padding:6px 12px;font-size:12px;min-height:32px}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-spin{min-height:48px;font-size:16px;font-weight:700}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--navy-800)}.input-field{width:100%;padding:10px 14px;border:1px solid var(--navy-200);border-radius:8px;font-family:inherit;font-size:14px;color:var(--slate);background:#fff;min-height:44px;transition:border-color .15s,box-shadow .15s}.input-field:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-200)}select.input-field{-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='%231D3C78' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.grid-1{display:grid;gap:12px}.grid-2,.grid-3{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width: 640px){.grid-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.grid-3{grid-template-columns:repeat(3,1fr)}}.stat-card{display:flex;align-items:center;gap:12px}.stat-icon{width:40px;height:40px;border-radius:10px;background:var(--blue-200);display:flex;align-items:center;justify-content:center;color:var(--navy-600);flex-shrink:0}.stat-icon svg{width:20px;height:20px}.stat-value{font-size:24px;font-weight:700;line-height:1;font-family:Poppins,sans-serif;color:var(--navy-800)}.stat-label{font-size:12px;color:var(--color-text-muted);margin-top:2px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:12px}.table th{text-align:left;padding:8px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);border-bottom:1px solid var(--navy-100)}.table td{padding:10px;border-bottom:1px solid var(--navy-100)}.table tr:hover td{background:var(--blue-100)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050b1673;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #1d3c7826}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-header h3{font-size:18px;font-weight:700;font-family:Poppins,sans-serif}.menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--navy-500);cursor:pointer}@media (min-width: 768px){.menu-toggle{display:none}}.text-center{text-align:center}.text-secondary{color:var(--color-text-muted)}.text-danger{color:var(--color-error)}.text-success{color:var(--color-success)}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.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-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.hidden{display:none}@media (min-width: 768px){.md\:flex{display:flex}.md\:hidden{display:none}}.empty-state{text-align:center;padding:48px 24px;color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.badge-success{background:#16a34a1a;color:var(--color-success)}.badge-default{background:var(--blue-100);color:var(--navy-700)}.auth-logo{font-size:26px;font-weight:800;color:var(--navy-500);text-align:center;margin-bottom:24px;font-family:Poppins,sans-serif;letter-spacing:-.5px}.chart-container{background:#fff;border-radius:12px;padding:20px;box-shadow:var(--shadow)}.kpi-card{display:flex;flex-direction:column;gap:4px}.kpi-value{font-size:28px;font-weight:700;color:var(--primary)}.kpi-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.kpi-trend{font-size:12px;font-weight:600}.kpi-trend.up{color:var(--success)}.kpi-trend.down{color:var(--danger)}.form-section{margin-bottom:20px;padding-top:16px;border-top:1px solid rgba(29,60,120,.08)}.form-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#1d3c7880;margin-bottom:12px}.form-help{font-size:12px;color:#1d3c7880;margin-top:4px}.notification-banner{padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px}.notification-banner.success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.notification-banner.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.store-card{transition:transform .2s,box-shadow .2s}.store-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1d3c781f}.slug-badge{font-family:monospace;font-size:11px;background:#1d3c780d;padding:4px 8px;border-radius:4px;color:#1d3c78b3}.gift-actions{display:flex;gap:8px}.gift-actions button{padding:6px;min-height:32px;width:32px;display:flex;align-items:center;justify-content:center}.inline-edit-row{background:#7bb8ff0d}.task-button{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid rgba(29,60,120,.1);background:#fff;cursor:pointer;transition:all .2s;width:100%;margin-bottom:8px}.task-button:hover:not(:disabled){background:#7bb8ff1a}.task-button:disabled{opacity:.7;cursor:not-allowed}.task-button.counting{border-color:#f59e0b;background:#f59e0b0d}.task-button.completed{border-color:#10b981;background:#10b9810d}.task-status-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.task-status-icon.pending{background:#1d3c781a;color:var(--navy-500)}.task-status-icon.counting{background:#f59e0b33;color:#f59e0b}.task-status-icon.completed{background:#10b98133;color:#10b981}.task-countdown{font-size:14px;font-weight:600;color:#f59e0b;margin-left:auto}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px;width:calc(100% - 40px);pointer-events:none}@media (max-width: 640px){.toast-container{top:10px;left:10px;right:10px;width:calc(100% - 20px);max-width:none}}.toast-card{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:12px;background:#fff;box-shadow:0 10px 25px -5px #1d3c7826,0 4px 10px -2px #1d3c781a;border-left:4px solid var(--navy-500);animation:slideIn .3s cubic-bezier(.16,1,.3,1);transition:transform .2s ease,opacity .2s ease}.toast-card:hover{transform:translateY(-2px)}.toast-content{display:flex;align-items:center;gap:10px;flex:1}.toast-icon{flex-shrink:0}.toast-icon.text-red{color:var(--color-error)}.toast-icon.text-orange{color:var(--orange-500)}.toast-icon.text-green{color:var(--color-success)}.toast-icon.text-blue{color:var(--navy-500)}.toast-message{font-size:13px;font-weight:500;color:var(--navy-800);line-height:1.4;word-break:break-word}.toast-close{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s}.toast-close:hover{background:var(--blue-100);color:var(--navy-800)}.toast-error{border-left-color:var(--color-error);background:#fef2f2}.toast-warning{border-left-color:var(--orange-500);background:#fffbeb}.toast-success{border-left-color:var(--color-success);background:#f0fdf4}.toast-info{border-left-color:var(--navy-500);background:var(--ice)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.brand-card{position:relative;overflow:hidden}.brand-card-strip{height:4px;width:100%;display:block}.logo-avatar{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;border-radius:12px;flex-shrink:0;letter-spacing:.03em;-webkit-user-select:none;user-select:none}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;border:none;line-height:1}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.platform-icons{display:flex;align-items:center;gap:8px;color:var(--navy-600);opacity:.85}.icon-btn{padding:6px;min-height:36px;min-width:36px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;transition:all .15s ease;background:transparent;border:1px solid var(--navy-200);cursor:pointer;color:var(--navy-600);flex-shrink:0}.icon-btn:hover{background:var(--ice);border-color:var(--blue-400);color:var(--navy-800)}.hero-logo{width:72px;height:72px;object-fit:cover;border-radius:16px;box-shadow:var(--shadow);border:1px solid rgba(29,60,120,.1);flex-shrink:0;display:block}@media (max-width: 480px){.hero-logo{width:56px;height:56px;border-radius:12px}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.92)}}.status-dot-pulse{animation:statusPulse 2s infinite ease-in-out}.elevated-card{border:1px solid rgba(29,60,120,.08)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 2px 8px #1d3c780f!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;overflow:hidden}.elevated-card:hover{transform:translateY(-3px)!important;box-shadow:0 8px 24px #1d3c781f!important;border-color:#7bb8ff66!important}.pill-btn{background:var(--navy-500);color:#fff;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,transform .1s ease;white-space:nowrap}.pill-btn:hover{background:var(--navy-600)}.icon-btn-danger{color:var(--color-error);border:1px solid rgba(220,38,38,.2);background:transparent}.icon-btn-danger:hover{background:#dc262614;border-color:#dc262666;color:var(--color-error)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spinLoader{to{transform:rotate(360deg)}}.spin-anim{animation:spinLoader .8s linear infinite;display:inline-block}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050b1673;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;animation:confirmFadeIn .2s ease-out forwards}.confirm-dialog{width:100%;max-width:420px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 12px 40px #1d3c7840;border:1px solid var(--navy-100);display:flex;flex-direction:column;align-items:center;text-align:center;animation:confirmScaleIn .2s ease-out forwards}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-icon-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;flex-shrink:0}.confirm-title{font-size:18px;font-weight:700;font-family:Poppins,sans-serif;color:var(--navy-800);margin:0 0 8px;line-height:1.3}.confirm-message{font-size:14px;color:var(--color-text-muted);line-height:1.5;margin:0 0 24px;word-break:break-word}.confirm-actions{display:flex;gap:12px;width:100%;justify-content:flex-end}.confirm-btn-cancel{flex:1;border:1px solid var(--navy-200);color:var(--navy-800);background:#fff;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;min-height:42px}.confirm-btn-cancel:hover{background:var(--blue-100);border-color:var(--navy-500)}.confirm-btn-action{flex:1;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease;min-height:42px}.confirm-btn-action.primary{background:var(--navy-500)}.confirm-btn-action.primary:hover{background:var(--navy-600)}.confirm-btn-action.danger{background:var(--color-error)}.confirm-btn-action.danger:hover{background:#b91c1c}@media (max-width: 480px){.confirm-dialog{max-width:92vw;padding:20px}.confirm-actions{flex-direction:column-reverse;gap:8px}.confirm-btn-cancel,.confirm-btn-action{width:100%}}.qr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050b1673;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;animation:confirmFadeIn .2s ease-out forwards}.qr-modal-dialog{width:100%;max-width:440px;background:#fff;border-radius:16px;padding:28px;box-shadow:0 12px 40px #1d3c7840;border:1px solid var(--navy-100);display:flex;flex-direction:column;gap:20px;animation:confirmScaleIn .2s ease-out forwards}.qr-modal-header{display:flex;align-items:center;justify-content:space-between}.qr-modal-title{font-size:18px;font-weight:700;font-family:Poppins,sans-serif;color:var(--navy-800);margin:0}.qr-preview-card{background:#fff;border-radius:12px;border:1px solid var(--navy-100);padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 2px 8px #1d3c780a}.qr-image{width:240px;height:240px;display:block;border-radius:8px}.qr-name{font-size:15px;font-weight:700;font-family:Poppins,sans-serif;color:var(--navy-800);margin-top:12px;line-height:1.3}.qr-subtitle{font-size:12px;color:var(--color-text-muted);margin-top:4px}.qr-color-section{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.qr-color-label{font-size:13px;font-weight:600;color:var(--navy-800)}.qr-color-swatches{display:flex;align-items:center;gap:10px}.qr-color-swatch{width:28px;height:28px;border-radius:50%;border:none;cursor:pointer;padding:0;transition:transform .15s ease,box-shadow .15s ease}.qr-color-swatch.active{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--navy-500);transform:scale(1.08)}.qr-actions{display:flex;gap:12px}.qr-btn-secondary{flex:1;border:1px solid var(--navy-200);color:var(--navy-800);background:#fff;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease;min-height:42px}.qr-btn-secondary:hover{background:var(--blue-100);border-color:var(--navy-500)}.qr-btn-primary{flex:1;border:none;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;color:#fff;background:var(--navy-500);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease;min-height:42px}.qr-btn-primary:hover{background:var(--navy-600)}@media (max-width: 480px){.qr-modal-dialog{max-width:92vw;padding:20px}.qr-actions{flex-direction:column;gap:8px}.qr-btn-secondary,.qr-btn-primary{width:100%}}