.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}.blog-admin-note{color:#58708e;background:linear-gradient(135deg,#fffffffa,#f0f7ffeb);border:1px solid #0067c514;border-radius:16px;margin-bottom:22px;padding:14px 16px;font-size:14px;line-height:1.7}.blog-admin-page{background:#fff;min-height:calc(100vh - 78px);margin:-16px -20px;padding:16px 20px 28px}.blog-admin-shell{min-height:calc(100vh - 166px);box-shadow:none;border-left:0;border-right:0;border-radius:0}.blog-admin-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:18px;display:grid}.blog-admin-card{background:radial-gradient(circle at 100% 0,#4f78ff14,#0000 30%),linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #647ac424;border-radius:24px;grid-template-columns:220px minmax(0,1fr);align-items:stretch;min-height:240px;display:grid;overflow:hidden;box-shadow:0 14px 34px #1e4d8c14}.blog-admin-card-media{background:radial-gradient(circle at top,#ffffff47,#0000 40%),linear-gradient(160deg,#cfe0f8 0%,#edf4ff 100%);justify-content:center;align-items:center;height:240px;min-height:240px;padding:12px;display:flex;position:relative;overflow:hidden}.blog-admin-card-media img{object-fit:contain;width:100%;height:100%;display:block}.blog-admin-card-fallback{color:#5f7696;letter-spacing:.08em;text-transform:uppercase;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:18px;font-size:12px;font-weight:700;display:flex}.blog-admin-card-fallback-hidden{display:none}.blog-admin-card-body{align-content:start;gap:12px;min-height:240px;padding:18px 20px;display:grid}.blog-admin-card-meta{color:#7188a4;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.blog-admin-card-meta span{align-items:center;gap:6px;display:inline-flex}.blog-admin-card h3{color:#1a2940;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:21px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.blog-admin-card p{color:#62758d;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.7;display:-webkit-box;overflow:hidden}.blog-admin-card-actions{gap:10px;margin-top:auto;padding-top:2px;display:flex}.blog-admin-modal{background:radial-gradient(circle at 100% 0,#3b82f614,#0000 24%),linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #647ac429;border-radius:28px;width:min(1480px,100vw - 268px);max-width:min(1480px,100vw - 268px);max-height:min(92vh,980px);box-shadow:0 34px 90px #0f172a38}.blog-admin-overlay{background:#0f172a38;justify-content:center;align-items:flex-start;padding:24px;inset:46px 0 0 220px}.blog-admin-textarea{resize:vertical;color:#1e293b;background:#fff;border:1px solid #dde3ec;border-radius:16px;outline:none;width:100%;min-height:360px;padding:18px 20px;font-family:Poppins,sans-serif;font-size:16px;line-height:1.7;transition:border-color .15s,box-shadow .15s}.blog-admin-textarea:focus{border-color:#0067c5;box-shadow:0 0 0 4px #0067c51a}.blog-admin-modal-header{align-items:flex-start;padding:28px 34px 22px}.blog-admin-modal-title{gap:10px;display:grid}.blog-admin-modal-subtitle{color:#64748b;max-width:720px;font-size:15px;line-height:1.7}.blog-admin-modal-layout{grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);align-items:start;gap:28px;display:grid}.blog-admin-modal-main{min-width:0}.blog-admin-form-hint{background:linear-gradient(135deg,#fffffff5,#eff6fff0);border-radius:20px;margin-bottom:22px;box-shadow:inset 0 0 0 1px #94a3b81f}.blog-admin-upload-panel{background:linear-gradient(#f9fbff 0%,#f2f7ff 100%);border:1px dashed #9bbcf1;border-radius:20px;padding:16px}.blog-admin-upload-panel input{width:100%;margin-bottom:10px}.blog-admin-upload-panel p{color:#6d7f96;font-size:13px;line-height:1.6}.blog-admin-modal-side{gap:18px;display:grid}.blog-admin-side-card{background:linear-gradient(#fffffffa,#f4f8fff0);border:1px solid #647ac424;border-radius:20px;padding:18px;box-shadow:0 18px 40px #1e4d8c14}.blog-admin-side-card strong{color:#172554;margin-top:8px;font-size:19px;font-weight:700;line-height:1.3;display:block}.blog-admin-side-card p{color:#64748b;margin-top:10px;font-size:13px;line-height:1.65}.blog-admin-side-label{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;background:#ebf3ff;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.blog-admin-side-list{color:#5f6f85;margin:14px 0 0;padding-left:18px;font-size:13px;line-height:1.7}.blog-admin-side-preview{gap:14px}.blog-admin-side-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.blog-admin-side-head span:last-child{color:#64748b;font-size:12px;font-weight:600}.blog-admin-preview-empty{color:#7b8ca4;text-align:center;background:#f8fbff;border:1px dashed #c0d4f6;border-radius:18px;justify-content:center;align-items:center;min-height:150px;padding:16px;font-size:14px;display:flex}.blog-admin-preview-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;display:grid}.blog-admin-preview-card{aspect-ratio:1;background:#f5f9ff;border:1px solid #647ac424;border-radius:18px;overflow:hidden}.blog-admin-preview-card-landscape{aspect-ratio:1.5}.blog-admin-preview-card img{object-fit:cover;width:100%;height:100%;display:block}.premium-text-btn.danger{color:#b93232;background:#fff1f1e6;border-color:#b9323224}.premium-text-btn.danger:hover{background:#fff0f0;border-color:#b9323238}.blog-admin-modal .offer-field input,.blog-admin-modal .offer-field select{border-radius:16px;width:100%;height:56px;padding:0 18px;font-size:16px}.blog-admin-modal .offer-field label{letter-spacing:.06em;font-size:13px}.blog-admin-modal .offer-form{grid-template-columns:1fr;gap:18px}.blog-admin-modal .offer-field.span-2{grid-column:span 1}.blog-admin-modal .offer-modal-footer{padding:20px 34px 28px}.blog-admin-modal .offer-btn-secondary,.blog-admin-modal .offer-btn-primary{border-radius:18px;min-width:146px;height:54px;font-size:15px}@media (width<=768px){.blog-admin-page{min-height:calc(100vh - 74px);margin:-14px;padding:14px 14px 22px}.blog-admin-shell{min-height:calc(100vh - 136px)}.blog-admin-grid{grid-template-columns:1fr}.blog-admin-card{grid-template-columns:1fr;min-height:0}.blog-admin-card-media{height:200px;min-height:200px}.blog-admin-card-actions{flex-direction:column}.blog-admin-modal{border-radius:22px;width:calc(100vw - 20px);max-width:calc(100vw - 20px)}.blog-admin-overlay{padding:12px;inset:46px 0 0}.blog-admin-modal-header{padding:22px 20px 18px}.blog-admin-modal-layout{grid-template-columns:1fr}.blog-admin-textarea{min-height:240px}.blog-admin-modal .offer-modal-footer{padding:18px 20px 22px}}body{background:#d9e3ef;overflow-x:hidden}.dashboard-container{background:#dae9f7;width:100%;min-height:100vh;display:flex}.dashboard-layout{display:flex}.sidebar{color:#fff;background:#0067c5;flex-shrink:0;width:220px;min-height:100vh;padding:18px 10px;transition:all .3s;overflow:hidden}.sidebar.collapsed{width:75px}.sidebar-top{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.logo-section{align-items:center;gap:10px;display:flex}.logo-section h2{white-space:nowrap;font-size:16px;font-weight:500}.back-icon{font-size:14px}.collapse-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:flex}.menu-list{flex-direction:column;gap:10px;display:flex}.menu-item{cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:13px 14px;font-size:14px;transition:all .3s;display:flex}.menu-item:hover{background:#ffffff1f}.menu-item.active{color:#005bbb;background:#fff}.menu-icon{min-width:20px;font-size:18px}.sidebar.collapsed .menu-item{justify-content:center;padding:14px 0}.sidebar.collapsed .menu-item span{display:block}.main-content{flex:1;width:100%}.top-header{color:#fff;background:#0067c5;justify-content:space-between;align-items:center;height:46px;padding:0 20px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.profile-icon{color:#0067c5;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.header-left h4{font-size:14px;font-weight:600}.header-left p{font-size:10px}.bell-icon{font-size:16px}.dashboard-content{padding:16px 20px}.dashboard-content h2{color:#333;font-size:28px;font-weight:500}.sub-text{color:#666;margin-top:4px;font-size:13px}.line{background:#7aa1d6;width:70%;height:1px;margin:12px 0 18px}.dashboard-grid{align-items:flex-start;gap:18px;display:flex}.left-section{flex:1}.cards-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stats-card{background:#fff;border-radius:4px;align-items:center;gap:20px;min-height:78px;padding:20px;display:flex;box-shadow:0 1px 3px #00000014}.stats-icon{color:#10b418;align-items:center;font-size:32px;display:flex}.stats-card span{color:#666;font-size:12px}.stats-card h3{color:#333;margin-top:2px;font-size:22px;line-height:26px}.stats-card small{color:#10b418;font-size:12px}.chart-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:22px;display:grid}.chart-card{background:#fff;border-radius:4px;height:270px;padding:10px}.recharts-wrapper{font-size:11px}.recharts-cartesian-grid line{stroke:#d9d9d9}.recharts-tooltip-wrapper{font-size:12px}.bottom-card{background:#fff;border-radius:4px;justify-content:space-around;align-items:center;min-height:115px;margin-top:20px;padding:30px 0;display:flex}.bottom-icon{color:#10b418;font-size:56px}.bottom-chart{width:70%;height:90px}.right-section{flex-direction:column;gap:14px;width:250px;display:flex}.right-card{background:#fff;border-radius:4px;padding:14px}.right-card h3{text-align:center;color:#444;margin-bottom:12px;font-size:16px}.csat-content{justify-content:space-between;align-items:center;display:flex}.stars{color:#ffbe00;font-size:22px}.like-icon{color:#10b418;margin-top:6px;font-size:36px}.csat-content h2{font-size:30px;font-weight:600}.csat-content small{color:#10b418;font-size:10px}.pie-card{height:260px}.pie-labels{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;font-size:10px;display:flex}.green{color:#10b418}.yellow{color:#f4b400}.sky{color:#45b6fe}.category-card{height:340px}.main-wrapper{width:100%}@media (width<=1200px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=991px){.dashboard-grid{flex-direction:column}.right-section{width:100%}.chart-grid{grid-template-columns:1fr}}.mobile-menu-btn,.sidebar-backdrop{display:none}@media (width<=768px){.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-right:8px;padding:4px;font-size:18px;display:flex}.sidebar-backdrop{z-index:998;background:#0006;display:block;position:fixed;inset:0}.sidebar{z-index:999;height:100vh;position:fixed;top:0;left:0}.sidebar.collapsed{width:0;padding:0;overflow:hidden}.main-content{width:100%}.cards-grid{grid-template-columns:1fr}.dashboard-content{padding:14px}.chart-card{height:250px}.right-section{width:100%}}.user-tabs{border-bottom:1px solid #9cb7d4;gap:28px;margin-bottom:18px;padding-left:6px;display:flex}.tab-btn{color:#666;cursor:pointer;background:0 0;border:none;padding-bottom:8px;font-size:13px;position:relative}.active-tab{color:#111;font-weight:500}.active-tab:after{content:"";background:#111;width:100%;height:2px;position:absolute;bottom:-1px;left:0}.user-toolbar{align-items:center;gap:14px;margin-bottom:16px;display:flex}.search-box{background:#fff;border-radius:18px;align-items:center;width:200px;height:34px;padding:0 12px;display:flex}.search-icon{color:#888;font-size:12px}.search-box input{background:0 0;border:none;outline:none;width:100%;padding-left:8px;font-size:11px}.add-user-btn{color:#fff;cursor:pointer;background:#005bbb;border:none;border-radius:4px;align-items:center;gap:6px;height:34px;padding:0 16px;font-size:12px;display:flex}.user-management-table-card{flex-direction:column;min-height:320px;display:flex;overflow:hidden}.user-management-table-wrap{-webkit-overflow-scrolling:touch;flex:1;min-height:260px;max-height:min(520px,100vh - 280px);overflow:auto}.user-management-table-wrap .premium-table-empty{justify-content:center;align-items:center;min-height:220px;display:flex}.user-management-table thead th{z-index:2;background:#f8fafc;position:sticky;top:0}.user-management-table tbody td:last-child{overflow:visible}.template-filters{flex-wrap:wrap}.filter-select,.filter-date{color:#333;background:#fff;border:1px solid #e2e8f0;border-radius:18px;outline:none;min-width:130px;height:34px;padding:0 12px;font-size:11px}.filter-date{border-radius:4px;min-width:140px}.filter-clear-btn{color:#555;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:4px;height:34px;padding:0 12px;font-size:11px}.table-empty-msg{text-align:center;color:#777;padding:24px 0;font-size:12px}.approve-btn{color:#fff;cursor:pointer;background:#005bbb;border:none;border-radius:4px;align-items:center;gap:6px;height:28px;padding:0 12px;font-family:inherit;font-size:11px;display:inline-flex}.approve-btn:disabled{opacity:.6;cursor:not-allowed}.approved-tag{color:#16a34a;font-size:11px;font-weight:500}.approval-search-box{border:1px solid #dde3ec;border-radius:20px;width:280px;height:40px;padding:0 14px}.approval-template-table .approval-list-thumb-btn{cursor:pointer;background:0 0;border:none;padding:0;display:inline-block}.approval-list-thumb{object-fit:cover;border:1px solid #e2e8f0;border-radius:6px;width:52px;height:52px;display:block}.approval-list-thumb-empty{color:#94a3b8;background:#f8fafc;border:1px dashed #d1d5db;border-radius:6px;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;display:flex}.approval-name-cell{text-align:left!important}.approval-name-link{color:#0067c5;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:Poppins,sans-serif;font-size:11px;font-weight:600}.approval-name-link:hover{text-decoration:underline}.approval-row-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.approval-view-btn{color:#0067c5;cursor:pointer;background:#fff;border:1px solid #0067c5;border-radius:6px;align-items:center;gap:5px;height:32px;padding:0 12px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.approval-view-btn:hover{background:#f0f7ff}.product-stats-row{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.product-stat-card{background:#fff;border:1px solid #e8edf4;border-radius:12px;padding:16px 18px;box-shadow:0 1px 3px #0f172a0f}.product-stat-card strong{color:#0f172a;margin-bottom:4px;font-size:22px;font-weight:700;line-height:1.2;display:block}.product-stat-card span{color:#64748b;font-size:12px;font-weight:500}.product-stat-card.accent-blue{background:linear-gradient(135deg,#f8fbff 0%,#eff6ff 100%);border-color:#bfdbfe}.product-stat-card.accent-amber{background:linear-gradient(135deg,#fffef8 0%,#fffbeb 100%);border-color:#fde68a}.product-stat-card.accent-green{background:linear-gradient(135deg,#f8fffb 0%,#f0fdf4 100%);border-color:#bbf7d0}.product-stat-card.accent-red{background:linear-gradient(135deg,snow 0%,#fef2f2 100%);border-color:#fecaca}.product-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.product-tab{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;height:36px;padding:0 16px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.product-tab:hover{color:#0067c5;border-color:#0067c5}.product-tab.active{color:#fff;background:#0067c5;border-color:#0067c5;box-shadow:0 4px 14px #0067c547}.premium-table-card{background:#fff;border:1px solid #e8edf4;border-radius:12px;overflow:hidden;box-shadow:0 4px 18px #0f172a0f}.premium-table-toolbar{background:#fafbfd;border-bottom:1px solid #eef2f8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.approval-queue-summary{background:linear-gradient(#fff 0%,#fcfdff 100%);border-bottom:1px solid #eef2f8;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 18px;display:flex}.approval-queue-copy{flex-direction:column;gap:4px;display:flex}.approval-queue-copy strong{color:#0f172a;font-size:13px}.approval-queue-copy span{color:#64748b;font-size:12px}.approval-filter-chips{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.approval-filter-chip{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.approval-filter-chip.emphasis{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.premium-table-toolbar .search-box{background:#fff;border:1px solid #dde3ec;border-radius:10px;flex:1;min-width:220px;max-width:360px;height:40px}.premium-table-wrap{overflow-x:auto}.premium-table{border-collapse:collapse;width:100%;min-width:960px}.premium-table thead th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:#64748b;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e8edf4;padding:14px 16px;font-size:11px;font-weight:600}.premium-table tbody td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:12px}.premium-table tbody tr{transition:background .12s}.premium-table tbody tr:hover{background:#f8fbff}.premium-table tbody tr:last-child td{border-bottom:none}.premium-product-cell{align-items:center;gap:12px;min-width:200px;display:flex}.premium-product-thumb{object-fit:cover;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;width:48px;height:48px}.premium-product-thumb-empty{color:#94a3b8;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.premium-product-info{text-align:left;flex-direction:column;gap:2px;display:flex}.premium-product-name{color:#0f172a;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:Poppins,sans-serif;font-size:13px;font-weight:600}.premium-product-name:hover{color:#0067c5}.premium-product-id{color:#94a3b8;font-size:11px}.premium-product-meta-row{flex-wrap:wrap;gap:8px;margin-top:3px;display:flex}.premium-product-meta-row span,.premium-cell-sub{color:#64748b;font-size:11px}.premium-cell-stack{flex-direction:column;gap:3px;display:flex}.premium-cell-stack strong{color:#0f172a;font-size:12px;font-weight:600}.premium-pill{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.premium-pill:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.premium-pill.active{color:#047857;background:#ecfdf5}.premium-pill.active:before{background:#10b981}.premium-pill.pending{color:#b45309;background:#fffbeb}.premium-pill.pending:before{background:#f59e0b}.premium-pill.rejected{color:#b91c1c;background:#fef2f2}.premium-pill.rejected:before{background:#ef4444}.premium-price{color:#0067c5;white-space:nowrap;font-weight:700}.premium-price.muted{color:#94a3b8;font-weight:500}.premium-meta-chip{color:#475569;background:#f1f5f9;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500;display:inline-block}.premium-table-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.premium-table-action{color:#fff;cursor:pointer;background:linear-gradient(#0a7ae6 0%,#0067c5 100%);border:1px solid #0067c5;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 16px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;line-height:1;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex;box-shadow:0 10px 24px #0067c52e}.premium-table-action:hover{background:linear-gradient(#0b86f8 0%,#005bb0 100%);border-color:#005bb0;transform:translateY(-1px);box-shadow:0 14px 26px #0067c538}.premium-table-action:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.premium-icon-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;transition:all .15s;display:inline-flex}.premium-icon-btn:hover{color:#0067c5;background:#f0f7ff;border-color:#0067c5}.premium-icon-btn.primary{color:#fff;background:#0067c5;border-color:#0067c5}.premium-icon-btn.primary:hover{color:#fff;background:#0056a8;border-color:#0056a8}.premium-text-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0067c5;border:none;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 14px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.premium-text-btn:hover{background:#0056a8}.premium-text-btn.outline{color:#0067c5;background:#fff;border:1px solid #0067c5}.premium-text-btn.outline:hover{background:#f0f7ff}.premium-table-empty{text-align:center;color:#94a3b8;padding:48px 20px}.premium-table-empty p{margin:10px 0 0;font-size:13px}.premium-sort-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #dde3ec;border-radius:10px;outline:none;height:40px;padding:0 12px;font-family:Poppins,sans-serif;font-size:12px}.premium-create-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0067c5;border:none;border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 18px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.premium-create-btn:hover{background:#0056a8}.product-detail-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:920px;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a38}.product-detail-hero{background:linear-gradient(135deg,#f8fbff 0%,#eef4ff 55%,#fff 100%);border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 26px;display:flex}.product-detail-hero-main{flex:1;min-width:0}.product-detail-hero-top{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.product-detail-title{color:#0f172a;margin:0 0 6px;font-size:22px;font-weight:700;line-height:1.3}.product-detail-subtitle{color:#64748b;margin:0;font-size:13px}.product-detail-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.product-detail-close:hover{color:#0067c5;background:#f0f7ff;border-color:#0067c5}.product-detail-scroll{flex:1;padding:24px 26px;overflow-y:auto}.product-detail-main{grid-template-columns:220px 1fr;align-items:start;gap:24px;display:grid}.product-detail-preview-wrap{position:sticky;top:0}.product-detail-preview{background:linear-gradient(#f1f5f9 0%,#e8edf4 100%);border:1px solid #e2e8f0;border-radius:14px;padding:12px;overflow:hidden;box-shadow:0 8px 24px #0f172a1a}.product-detail-preview img{object-fit:cover;border-radius:10px;width:100%;height:auto;max-height:320px;display:block}.product-detail-preview-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:260px;font-size:12px;display:flex}.product-detail-pricing-strip{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;margin-bottom:18px;display:grid;overflow:hidden}.product-detail-price-block{padding:18px 20px}.product-detail-price-block label{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.product-detail-price-block strong{color:#0f172a;font-size:26px;font-weight:700;line-height:1.1}.product-detail-price-block.highlight{background:linear-gradient(135deg,#f0f7ff 0%,#e8f2ff 100%)}.product-detail-price-block.highlight strong{color:#0067c5}.product-detail-price-block.pending strong{color:#b45309;font-size:15px;font-weight:600}.product-detail-price-divider{background:#e2e8f0;align-self:stretch;width:1px}.product-detail-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;display:grid}.product-detail-stat{background:#fafbfd;border:1px solid #eef2f8;border-radius:10px;padding:12px 14px}.product-detail-stat span{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.product-detail-stat strong{color:#1e293b;font-size:14px;font-weight:600}.product-detail-alert{border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;line-height:1.5}.product-detail-alert.info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.product-detail-alert.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.product-detail-alert strong{text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px;display:block}.product-detail-desc-card{background:#fafbfd;border:1px solid #eef2f8;border-radius:12px;margin-bottom:20px;padding:16px 18px}.product-detail-desc-card h4{text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin:0 0 8px;font-size:12px;font-weight:700}.product-detail-desc-card p{color:#334155;margin:0;font-size:14px;line-height:1.65}.product-detail-frames-head{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:14px;padding-top:4px;display:flex}.product-detail-frames-head h4{color:#0f172a;margin:0;font-size:14px;font-weight:700}.product-detail-frames-count{color:#0067c5;background:#eff6ff;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.product-detail-frames-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.product-detail-frame{background:#fff;border:1px solid #e8edf4;border-radius:12px;transition:box-shadow .15s;overflow:hidden}.product-detail-frame:hover{box-shadow:0 6px 20px #0067c51a}.product-detail-frame-label{color:#0067c5;background:#f8fafc;border-bottom:1px solid #eef2f8;padding:10px 14px;font-size:12px;font-weight:700}.product-detail-frame-img{background:linear-gradient(#f8fafcf5 0%,#f1f5f9fa 100%);justify-content:center;align-items:center;height:180px;padding:12px;display:flex;overflow:hidden}.product-detail-frame-img img{object-fit:contain;background:#fff;border-radius:10px;width:100%;height:100%;box-shadow:0 10px 24px #0f172a14}.product-detail-frame-preview{width:100%;height:100%;position:relative}.product-detail-frame-preview-badge{z-index:2;color:#fff;letter-spacing:.03em;text-transform:uppercase;background:#0f172ab8;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;top:10px;left:10px}.product-detail-frame-overlay{text-align:center;background:linear-gradient(#0f172a2e 0%,#0f172a80 100%);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px 12px 12px;display:flex;position:absolute;inset:0}.product-detail-frame-overlay-main{text-shadow:0 2px 8px #0f172a73;font-size:16px;font-weight:700;line-height:1.1}.product-detail-frame-overlay-text{text-shadow:0 2px 8px #0f172a73;font-size:13px;font-weight:600;line-height:1.1}.product-detail-frame-texts{flex-direction:column;gap:6px;padding:12px 14px;display:flex}.product-detail-frame-actions{padding-top:6px}.product-detail-frame-preview-btn{appearance:none;color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .16s}.product-detail-frame-preview-btn:hover{color:#0067c5;border-color:#0067c5;box-shadow:0 8px 20px #0067c51f}.product-detail-text-chip{color:#475569;align-items:center;gap:8px;font-size:12px;display:flex}.product-detail-text-chip span:first-child{color:#0067c5;background:#eff6ff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.product-detail-footer{background:#fafbfd;border-top:1px solid #eef2f8;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 26px;display:flex}.product-detail-footer-hint{color:#64748b;max-width:420px;font-size:12px;line-height:1.45}.product-detail-footer-actions{gap:10px;margin-left:auto;display:flex}@media (width<=768px){.product-detail-main{grid-template-columns:1fr}.product-detail-preview-wrap{position:static}.product-detail-stats{grid-template-columns:repeat(2,1fr)}.product-detail-pricing-strip{grid-template-columns:1fr}.product-detail-price-divider{display:none}.product-detail-footer{flex-direction:column;align-items:stretch}.product-detail-footer-actions{margin-left:0}}.approval-detail-box.premium{max-width:960px}.approval-detail-tabs{background:#fafbfd;border-bottom:1px solid #eef2f8;gap:4px;padding:0 22px;display:flex}.approval-detail-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 16px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600}.approval-detail-tab:hover{color:#0067c5}.approval-detail-tab.active{color:#0067c5;border-bottom-color:#0067c5}.approval-detail-layout{grid-template-columns:240px 1fr;gap:22px;margin-bottom:8px;display:grid}.approval-price-cards{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.approval-price-card{background:#fafbfd;border:1px solid #e8edf4;border-radius:10px;padding:14px 16px}.approval-price-card label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.approval-price-card strong{color:#0f172a;font-size:20px}.approval-price-card.highlight{background:linear-gradient(135deg,#f8fbff 0%,#eff6ff 100%);border-color:#bfdbfe}.approval-price-card.highlight strong{color:#0067c5}@media (width<=768px){.product-stats-row{grid-template-columns:repeat(2,1fr)}.approval-queue-summary,.approval-filter-chips{justify-content:flex-start}.approval-detail-layout,.approval-price-cards{grid-template-columns:1fr}.approval-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.approval-detail-overlay{z-index:1100;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.approval-detail-box{background:#fff;border-radius:10px;flex-direction:column;width:100%;max-width:820px;max-height:92vh;display:flex;box-shadow:0 12px 40px #0003}.approval-detail-header{border-bottom:1px solid #eef2f8;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:18px 22px;display:flex}.approval-detail-title{color:#111;font-size:18px;font-weight:700}.approval-detail-sub{color:#64748b;margin-top:4px;font-size:12px}.approval-readonly-badge{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;margin-left:10px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.approval-detail-close{cursor:pointer;color:#666;background:#f4f6f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.frame-preview-overlay{z-index:40;background:#0f172aad}.frame-preview-modal{background:#fff;border-radius:18px;width:min(620px,100vw - 32px);overflow:hidden;box-shadow:0 30px 80px #0f172a52}.frame-preview-modal-head{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 12px;display:flex}.frame-preview-modal-head h4{color:#0f172a;margin:0 0 4px;font-size:18px;font-weight:700}.frame-preview-modal-head p{color:#64748b;margin:0;font-size:13px}.frame-preview-canvas{background:linear-gradient(#f8fafc 0%,#eef2f7 100%);padding:20px}.frame-preview-stage{background:#e2e8f0;border-radius:18px;justify-content:center;align-items:center;width:100%;height:420px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #94a3b82e}.frame-preview-stage img{object-fit:contain;width:100%;height:100%}.approval-detail-body{flex:1;padding:18px 22px;overflow-y:auto}.approval-detail-loading{text-align:center;color:#64748b;padding:40px;font-size:13px}.approval-detail-top{flex-wrap:wrap;gap:20px;margin-bottom:20px;display:flex}.approval-detail-thumb-wrap{flex-shrink:0}.approval-detail-thumb{object-fit:cover;border:1px solid #e2e8f0;border-radius:8px;width:140px;height:180px}.approval-detail-thumb-placeholder{color:#94a3b8;background:#f8fafc;border:2px dashed #d1d5db;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:140px;height:180px;font-size:11px;display:flex}.approval-detail-meta{flex-direction:column;flex:1;gap:8px;min-width:220px;display:flex}.approval-meta-row{gap:12px;font-size:12px;display:flex}.approval-meta-label{color:#94a3b8;flex-shrink:0;min-width:110px}.approval-meta-value{color:#111827;font-weight:600}.approval-meta-value.status-pending{color:#d97706}.approval-meta-value.status-approved{color:#16a34a}.approval-meta-value.status-rejected{color:#dc2626}.approval-detail-section{margin-bottom:22px}.approval-detail-section h4{color:#334155;border-bottom:1px solid #eef2f8;margin:0 0 10px;padding-bottom:8px;font-size:13px;font-weight:600}.approval-detail-desc{color:#444;white-space:pre-wrap;margin:0;font-size:12px;line-height:1.6}.approval-price-form{flex-direction:column;gap:14px;margin-top:12px;display:flex}.approval-price-form label{color:#475569;flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.approval-price-form input,.approval-price-form textarea{color:#111827;border:1px solid #dde3ec;border-radius:8px;outline:none;padding:10px 12px;font-family:Poppins,sans-serif;font-size:13px;font-weight:400;transition:border-color .15s}.approval-price-form input:focus,.approval-price-form textarea:focus{border-color:#0067c5}.approval-price-form textarea{resize:vertical;min-height:72px}.approval-review-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.approval-review-card{background:linear-gradient(#fff 0%,#fafcff 100%);border:1px solid #e8edf4;border-radius:12px;padding:14px 15px}.approval-review-card span{letter-spacing:.04em;text-transform:uppercase;color:#64748b;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.approval-review-card strong{color:#0f172a;margin-bottom:4px;font-size:14px;display:block}.approval-review-card p{color:#64748b;font-size:11px}.approval-pricing-shortcuts{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.approval-pricing-shortcuts button{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe4f0;border-radius:8px;height:34px;padding:0 12px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600}.approval-pricing-shortcuts button:hover{color:#0067c5;background:#f8fbff;border-color:#0067c5}.approval-pricing-hint{color:#475569;background:#f8fafc;border:1px solid #e8edf4;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:12px}.approval-pricing-hint strong{color:#0f172a}.approval-points-list{color:#444;margin:0;padding-left:18px;font-size:12px}.approval-points-list li{margin-bottom:6px}.approval-detail-video{background:#000;border-radius:8px;width:100%;max-height:280px}.approval-frames-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.approval-frame-card{border:1px solid #e8edf4;border-radius:8px;overflow:hidden}.approval-frame-head{color:#0067c5;background:#f0f6ff;padding:8px 12px;font-size:11px;font-weight:600}.approval-frame-body{flex-direction:column;gap:10px;padding:10px;display:flex}.approval-frame-photo{background:#f0f4f8;border-radius:6px;justify-content:center;align-items:center;width:100%;height:120px;display:flex;overflow:hidden}.approval-frame-photo img{object-fit:cover;width:100%;height:100%}.approval-frame-texts{flex-direction:column;gap:6px;display:flex}.approval-frame-main-text{color:#475569;font-size:11px;font-weight:600}.approval-text-row{align-items:center;gap:8px;font-size:11px;display:flex}.approval-text-row span:first-child{color:#0067c5;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.approval-muted{color:#94a3b8;font-size:11px}.approval-detail-footer{border-top:1px solid #eef2f8;flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.approval-footer-secondary{cursor:pointer;background:#fff;border:1px solid #dde3ec;border-radius:6px;height:40px;padding:0 20px;font-family:Poppins,sans-serif;font-size:13px}.approval-footer-primary{color:#fff;cursor:pointer;background:#0067c5;border:none;border-radius:6px;height:40px;padding:0 22px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600}.approval-footer-primary:disabled{opacity:.6;cursor:not-allowed}.category-search-box{border:1px solid #dde3ec;border-radius:20px;width:280px;height:40px;padding:0 14px}.category-thumb{object-fit:cover;border:1px solid #e5e7eb;border-radius:4px;width:52px;height:36px}.cat-modal-overlay{z-index:999;background:#00000061;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cat-modal-card{background:#fff;border-radius:8px;width:100%;max-width:520px;padding:20px;box-shadow:0 12px 28px #0000002e}.cat-modal-card h3{color:#222;margin:0 0 14px;font-size:16px}.cat-field{flex-direction:column;margin-bottom:12px;display:flex}.cat-field label{color:#555;margin-bottom:6px;font-size:12px}.cat-field input,.cat-field textarea{color:#333;border:1px solid #dde3ec;border-radius:6px;outline:none;padding:10px 12px;font-family:Poppins,sans-serif;font-size:12px}.cat-field textarea{resize:vertical;min-height:78px}.cat-modal-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.user-table-card{background:#fff;border-radius:4px;padding:18px;overflow-x:auto;box-shadow:0 1px 2px #00000014}.user-table{border-collapse:collapse;width:100%}.user-table thead tr th{text-align:center;color:#777;padding-bottom:16px;font-size:11px;font-weight:500}.user-table tbody tr td{color:#222;text-align:center;border-bottom:1px solid #0000000a;padding:12px 0;font-size:11px}.user-table tbody tr:last-child td{border-bottom:none}.status-heading{text-align:center;border:1px solid #0b8cff;padding:2px 0;font-size:10px}.status{font-size:11px;font-weight:500}.active-status{color:#111}.leave-status{color:#444}.pending-status{color:#d97706;font-weight:600}.rejected-status{color:#dc2626;font-weight:600}.action-icons{justify-content:center;align-items:center;gap:18px;display:flex;position:relative}.trash-icon{cursor:pointer;color:#222;font-size:13px}.trash-icon:hover{color:#be123c}.dots-icon{color:#222;font-size:13px}.dots-icon-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.dots-icon-btn:hover,.dots-icon-btn[aria-expanded=true]{background:#eef4fb}.dots-icon-btn:hover .dots-icon,.dots-icon-btn[aria-expanded=true] .dots-icon{color:#005bbb}.action-menu-wrap{align-items:center;display:inline-flex;position:relative}.action-menu-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:180px;padding:4px 0;box-shadow:0 10px 28px #0f172a24}.action-menu-dropdown--fixed{z-index:10000;position:fixed}.action-menu-dropdown button{text-align:left;color:#333;cursor:pointer;white-space:nowrap;background:0 0;border:none;width:100%;padding:10px 14px;font-family:Poppins,sans-serif;font-size:12px;display:block}.action-menu-dropdown button:hover:not(:disabled){background:#f4f8fc}.action-menu-dropdown button:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.user-toolbar{flex-direction:column;align-items:flex-start}.search-box{width:100%}.user-tabs{white-space:nowrap;overflow-x:auto}.user-table{min-width:700px}}.vendor-top-section{margin-top:6px}.edit-role-btn{color:#fff;cursor:pointer;background:#005bbb;border:none;border-radius:4px;height:32px;margin-bottom:18px;padding:0 16px;font-size:12px}.vendor-cards,.mgmt-stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:18px;display:grid}.mgmt-toolbar{flex-wrap:wrap}.mgmt-search-box{border:1px solid #dde3ec;border-radius:20px;flex:1;min-width:220px;max-width:360px;height:40px}.mgmt-table-card{background:#fff;border-radius:4px;padding:18px 12px;overflow-x:auto;box-shadow:0 1px 2px #00000014}.mgmt-table{border-collapse:collapse;width:100%;min-width:720px}.mgmt-table thead th{text-align:center;color:#555;white-space:nowrap;padding-bottom:14px;font-size:11px;font-weight:500}.mgmt-table tbody td{color:#222;vertical-align:middle;text-align:center;border-bottom:1px solid #0000000a;padding:12px 8px;font-size:11px}.mgmt-table tbody tr:last-child td{border-bottom:none}.mgmt-cell-left{text-align:left!important}.mgmt-primary{color:#111827;font-weight:600}.mgmt-muted{color:#64748b;margin-top:2px;font-size:11px}.mgmt-error-note{color:#b91c1c;max-width:200px;margin-top:6px;font-size:11px}.mgmt-actions{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.mgmt-btn-danger{color:#be123c!important;background:#fff1f2!important;border:1px solid #fecdd3!important}.mgmt-btn-muted{color:#1d4ed8!important;background:#eff6ff!important;border:1px solid #bfdbfe!important}.customer-cards{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:18px;display:grid}.performer-card{text-align:center;background:#fff;border-radius:4px;min-height:160px;padding:16px}.performer-title{color:#777;margin-bottom:12px;font-size:10px}.performer-logo{color:#fff;background:#e52424;border-radius:40px;flex-direction:column;justify-content:center;align-items:center;width:64px;height:34px;margin:auto;font-size:11px;font-weight:600;line-height:11px;display:flex}.performer-card h3{color:#333;margin-top:12px;font-size:18px;font-weight:500}.performer-order{margin-top:6px}.performer-order h2{color:#333;font-size:30px;font-weight:500}.performer-order span{color:#666;font-size:11px}.performer-rating{color:#666;margin-top:10px;font-size:11px}.vendor-info-card{background:#fff;border-radius:4px;align-items:center;gap:16px;height:100px;padding:14px 16px;display:flex}.vendor-icon{color:#11b61a;font-size:38px}.vendor-card-title{color:#555;margin-bottom:3px;font-size:12px}.vendor-info-card h2{color:#333;font-size:30px;line-height:30px}.vendor-card-small{gap:8px;margin-top:4px;font-size:10px;display:flex}.green-text{color:#11b61a}.red-text{color:#ff4c4c}.vendor-search-wrapper{margin-bottom:16px}.vendor-search-box{width:300px}.vendor-table-card{background:#fff;border-radius:4px;padding:20px 12px;overflow-x:auto}.vendor-table{border-collapse:collapse;width:100%}.vendor-table thead th{text-align:center;color:#444;white-space:nowrap;padding-bottom:18px;font-size:11px;font-weight:500}.vendor-table tbody td{color:#222;vertical-align:top;text-align:center;padding:14px 0;font-size:10px}.vendor-table tbody tr{border-bottom:1px solid #00000008}.vendor-table tbody tr:last-child{border-bottom:none}@media (width<=1200px){.vendor-cards,.mgmt-stat-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.vendor-cards,.mgmt-stat-grid{grid-template-columns:1fr}.vendor-table,.mgmt-table{min-width:900px}.vendor-search-box,.mgmt-search-box{width:100%;max-width:none}}.login-page{background-image:url(/assets/loginbg-BxjnyiuJ.jpg);background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-overlay{background:#00000057;position:absolute;inset:0}.login-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;width:65%;max-width:1100px;min-height:600px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000004d}.login-left{color:#fff;flex-direction:column;flex:1;justify-content:center;padding:20px 50px;display:flex}.login-left h1{margin-bottom:20px;font-size:56px;font-weight:700}.login-left p{color:#ffffffe6;max-width:450px;font-size:17px;line-height:30px}.login-right{background:#fff;justify-content:center;align-items:center;width:420px;padding:40px;display:flex}.login-card{text-align:center;width:100%}input:-internal-autofill-selected{color:#333!important;background-color:#0000!important;background-image:none!important}.login-card h2{color:#005bbb;margin-bottom:10px;font-size:36px;font-weight:600}.login-subtitle{color:#777;margin-bottom:35px;font-size:14px}.input-group{border:1px solid #ddd;border-radius:12px;align-items:center;width:100%;height:55px;margin-bottom:20px;padding:0 18px;transition:all .3s;display:flex;position:relative}.input-group:focus-within{border-color:#005bbb;box-shadow:0 0 0 4px #005bbb1a}.input-icon{color:#777;margin-right:12px;font-size:15px}.input-group input{background:0 0;border:none;outline:none;flex:1;height:100%;font-size:14px}.password-toggle{cursor:pointer;color:#777;background:0 0;border:none;font-size:16px}.login-options{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.login-options label{color:#555;align-items:center;gap:7px;font-size:13px;display:flex}.login-options a{color:#005bbb;font-size:13px;font-weight:500;text-decoration:none}.login-btn{color:#fff;cursor:pointer;background:#005bbb;border:none;border-radius:12px;width:100%;height:55px;font-size:15px;font-weight:600;transition:all .3s}.login-btn:hover{background:#00479a}.loginimg{width:75%}.loginimg img{width:100%;height:auto}@media (width<=992px){.login-container{flex-direction:column;min-height:auto}.login-left{text-align:center;align-items:center;padding:50px 30px}.login-left h1{font-size:42px}.login-right{width:100%}}@media (width<=576px){.login-page{padding:20px}.login-container{width:100%}.login-left{padding:40px 20px}.login-left h1{font-size:34px}.login-left p{font-size:14px;line-height:24px}.login-right{padding:30px 20px}.login-card h2{font-size:30px}}.settings-page{max-width:100%}.settings-page-title{color:#111;margin-bottom:18px;font-size:22px;font-weight:700}.settings-card{background:#fff;border:1px solid #e8edf4;border-radius:10px;margin-bottom:16px;padding:22px 24px}.settings-card-title{color:#111;margin:0 0 18px;font-size:15px;font-weight:700}.settings-row{gap:16px;margin-bottom:16px;display:grid}.settings-row-2{grid-template-columns:1fr 1fr}.settings-row-3{grid-template-columns:repeat(3,1fr)}.settings-field{flex-direction:column;gap:8px;display:flex}.settings-field span{color:#334155;font-size:12px;font-weight:600}.settings-field input,.settings-field textarea,.settings-field select{color:#111;background:#fff;border:1px solid #d1d9e6;border-radius:6px;width:100%;padding:10px 12px;font-family:Poppins,sans-serif;font-size:12px}.settings-field textarea{resize:vertical;min-height:72px}.settings-field-full{width:100%}.settings-field-mt{margin-top:4px}.settings-toggle-list{flex-direction:column;gap:14px;display:flex}.settings-toggle-row{color:#1e293b;justify-content:space-between;align-items:center;font-size:13px;font-weight:500;display:flex}.toggle-switch{cursor:pointer;background:#cbd5e1;border:none;border-radius:999px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background .2s;position:relative}.toggle-switch.on{background:#22c55e}.toggle-switch-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-switch.on .toggle-switch-knob{transform:translate(20px)}.settings-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.settings-btn-primary{color:#fff;cursor:pointer;background:#0067c5;border:none;border-radius:6px;padding:12px 28px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600}.settings-btn-primary:hover{background:#0056a8}@media (width<=900px){.settings-row-2,.settings-row-3{grid-template-columns:1fr}}.order-mgmt-page{max-width:100%}.order-mgmt-title{color:#111;margin:0;font-size:22px;font-weight:700}.order-mgmt-sub{color:#64748b;margin:6px 0 20px;font-size:12px}.order-kpi-card{background:#fff9e6;border:1px solid #f5e6b8;border-radius:8px;padding:16px 18px}.order-kpi-label{color:#64748b;margin-bottom:8px;font-size:11px;font-weight:500;display:block}.order-search-box{background:#fff9e6;border:1px solid #f0e4bc;border-radius:24px;flex:1;align-items:center;gap:10px;min-width:240px;max-width:420px;height:42px;padding:0 16px;display:flex}.order-search-box input{color:#334155;background:0 0;border:none;outline:none;flex:1;font-family:Poppins,sans-serif;font-size:12px}.order-create-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0067c5;border:none;border-radius:24px;height:42px;padding:0 22px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600}.order-create-btn:hover{background:#0056a8}.order-table-wrap{background:#fff9e6;border:1px solid #f5e6b8;border-radius:10px;margin-bottom:18px;overflow-x:auto}.order-table thead th{text-align:left;color:#475569;white-space:nowrap;border-bottom:1px solid #f0e4bc;padding:14px 16px;font-weight:600}.order-user-cell{flex-direction:column;gap:2px;display:flex}.order-user-name{color:#111;font-weight:600}.order-user-id{color:#64748b;font-size:10px}.order-status-pill{border-radius:999px;padding:4px 12px;font-size:10px;font-weight:600;display:inline-block}.order-status-closed{color:#16a34a;background:#dcfce7}.order-status-open{color:#ca8a04;background:#fef9c3}.order-priority-pill{color:#dc2626;background:#fee2e2;border-radius:999px;padding:4px 12px;font-size:10px;font-weight:600;display:inline-block}.order-action-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:14px}.order-chart-card{background:#fff;border:1px solid #e8edf4;border-radius:10px;min-height:250px;padding:16px}.order-pie-card{align-items:center;gap:8px;display:flex}.order-pie-legend{flex-direction:column;flex:1;gap:10px;min-width:120px;display:flex}.order-pie-legend-item{align-items:center;gap:8px;font-size:11px;display:flex}.order-pie-name{color:#334155;flex:1}@media (width<=1100px){.order-kpi-row{grid-template-columns:repeat(2,1fr)}.order-charts-row{grid-template-columns:1fr}.order-pie-card{flex-direction:column}}@media (width<=640px){.order-kpi-row{grid-template-columns:1fr}}input:-webkit-autofill{caret-color:#111;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#111!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:hover{caret-color:#111;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#111!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:focus{caret-color:#111;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#111!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}textarea:-webkit-autofill{caret-color:#111;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#111!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}textarea:-webkit-autofill:hover{caret-color:#111;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#111!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}textarea:-webkit-autofill:focus{caret-color:#111;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#111!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}select:-webkit-autofill{caret-color:#111;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#111!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}select:-webkit-autofill:focus{caret-color:#111;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#111!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.order-view-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:4px;padding:4px 16px;font-size:12px;font-weight:500;transition:background .2s}.order-view-btn:hover{background:#6d28d9}.order-details-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.order-details-modal{background:#fff;border-radius:12px;width:95%;max-width:800px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.order-details-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.order-details-title h3{margin:0;font-size:20px}.order-details-close{cursor:pointer;color:#666;background:0 0;border:none;font-size:24px}.order-details-summary-grid{background:#f8fafc;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;padding:16px;display:grid}.summary-item{flex-direction:column;display:flex}.summary-item label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px}.order-items-table{border-collapse:collapse;width:100%}.order-items-table th{text-align:left;color:#64748b;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-size:12px;font-weight:600}.order-items-table td{border-bottom:1px solid #f1f5f9;padding:10px 12px}.order-details-actions{border-top:2px solid #f0f0f0;justify-content:flex-end;margin-top:20px;padding-top:16px;display:flex}.order-details-close-btn{color:#475569;cursor:pointer;background:#e2e8f0;border:none;border-radius:6px;padding:8px 24px;font-size:14px}.loading-container{text-align:center;padding:40px}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#7c3aed;border-radius:50%;width:40px;height:40px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.homepage-manager{flex-direction:column;gap:18px;display:flex}.homepage-section-card{padding:18px}.homepage-section-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.homepage-section-head h3{color:#0f172a;margin:0 0 6px;font-size:18px}.homepage-section-head p{color:#64748b;margin:0;font-size:13px}.homepage-toggle{color:#334155;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.homepage-banner-grid{grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:18px;display:grid}.homepage-upload-panel{color:#0f172a;flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.homepage-upload-panel small{color:#64748b;font-size:12px;font-weight:400}.homepage-upload-panel input[type=file]{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:14px}.homepage-preview-stack{flex-direction:column;gap:10px;display:flex}.homepage-preview-label{color:#334155;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.homepage-flash-preview{background:linear-gradient(#faf5d3 0%,#f7f0c5 100%);border:1px solid #e2e8f0;border-radius:18px;justify-content:center;align-items:center;height:220px;display:flex;overflow:hidden}.homepage-flash-preview img{object-fit:cover;width:100%;height:100%}.homepage-flash-preview-inner{border-radius:10px;width:calc(100% - 24px);height:calc(100% - 20px);overflow:hidden}.homepage-banner-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.homepage-banner-thumbs button{cursor:pointer;background:#fff;border:1px solid #d7e1ee;border-radius:10px;height:58px;padding:0;overflow:hidden}.homepage-banner-thumbs button.active{border-color:#0067c5;box-shadow:0 0 0 2px #0067c524}.homepage-banner-thumbs img{object-fit:cover;width:100%;height:100%;display:block}.homepage-hero-list{flex-direction:column;gap:10px;display:flex}.homepage-hero-item{background:#fff;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.homepage-hero-item.dragging{opacity:.55}.homepage-hero-thumb{background:#f8fafc;border-radius:10px;height:58px;overflow:hidden}.homepage-hero-thumb img{object-fit:cover;width:100%;height:100%;display:block}.homepage-preview-empty{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:120px;display:flex}.homepage-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.homepage-form-grid label{color:#0f172a;flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.homepage-form-grid input,.homepage-form-grid select{color:#1e293b;background:#fff;border:1px solid #dbe3ec;border-radius:10px;height:42px;padding:0 12px;font-size:13px}.homepage-form-span-2{grid-column:span 2}.offer-cms-page{flex-direction:column;gap:18px;display:flex}.offer-cms-grid{gap:18px;display:grid}.offer-cms-card{background:linear-gradient(#fff 0%,#fbfdff 100%);border:1px solid #e7eef7;border-radius:14px;padding:18px;box-shadow:0 8px 24px #0f172a0d}.offer-cms-head-actions{align-items:center;gap:10px;display:flex}.offer-cms-slot-card .homepage-section-head{margin-bottom:16px}.offer-cms-slot-card .homepage-section-head h3{font-size:16px}.offer-cms-slot-card .homepage-form-grid,.offer-cms-slot-card .homepage-banner-grid{margin-bottom:16px}.offer-cms-preview{background:linear-gradient(#faf5d3 0%,#f7f0c5 100%);border:1px solid #e2e8f0;border-radius:18px;justify-content:center;align-items:center;min-height:220px;display:flex;overflow:hidden}.offer-cms-preview img{object-fit:cover;width:100%;height:220px;display:block}.offer-cms-actions{justify-content:flex-end;margin-top:4px;display:flex}.offer-cms-loading{text-align:center;place-items:center;min-height:180px;display:grid}.homepage-promo-preview{margin-top:18px}.homepage-promo-preview-card{background:linear-gradient(#fffdfa 0%,#fff9ef 100%);border:1px solid #e6decf;border-radius:18px;padding:28px}.homepage-promo-preview .promo-box{background:#3b3b3b;border-radius:6px;justify-content:space-between;align-items:center;gap:55px;min-height:220px;padding:50px 48px;display:flex}.homepage-promo-preview .promo-text p{color:#fffef4;margin:0 0 5px;font-size:24px;font-weight:500;line-height:1.18}.homepage-promo-preview .promo-text p span{color:#ff7a00;font-weight:600}.homepage-promo-preview .promo-text h2{color:#fffef4;margin:0;font-size:30px;font-weight:600;line-height:1.14}.homepage-promo-preview .promo-btn{color:#333;background:#fff;border:1px solid #33333314;border-radius:4px;justify-content:center;align-items:center;gap:6px;min-width:176px;min-height:48px;padding:10px 22px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 10px 24px #0f172a14}@media (width<=900px){.homepage-promo-preview-card{padding:20px}.homepage-promo-preview .promo-box{gap:24px;min-height:180px;padding:32px 28px}.homepage-promo-preview .promo-text p{font-size:20px}.homepage-promo-preview .promo-text h2{font-size:24px}}@media (width<=640px){.homepage-promo-preview-card{padding:14px}.homepage-promo-preview .promo-box{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:18px;min-height:0;padding:24px 20px}.homepage-promo-preview .promo-text p{font-size:18px}.homepage-promo-preview .promo-text h2{font-size:22px}.homepage-promo-preview .promo-btn{min-width:148px;min-height:42px;padding:9px 18px}}.homepage-feature-add-row{align-items:flex-start;gap:10px;display:flex}.homepage-feature-add-row select{flex:1}.homepage-search-select{flex:1;position:relative}.homepage-search-select input{width:100%}.homepage-search-select-menu{z-index:5;background:#fff;border:1px solid #dbe3ec;border-radius:12px;max-height:420px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 36px #0f172a24}.homepage-search-select-item{text-align:left;cursor:pointer;background:#fff;border:none;flex-direction:column;gap:4px;width:100%;padding:12px 14px;display:flex}.homepage-search-select-item:hover{background:#f8fbff}.homepage-search-select-item strong{color:#0f172a;font-size:13px}.homepage-search-select-item span,.homepage-search-select-empty{color:#64748b;font-size:12px}.homepage-search-select-empty{padding:14px}.homepage-search-select-backdrop{z-index:4;position:fixed;inset:0}.homepage-feature-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.homepage-section-summary{color:#6b7280;margin-top:14px;font-size:12px;font-weight:600}.homepage-feature-item{background:#fbfdff;border:1px solid #e8edf4;border-radius:14px;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;display:grid}.homepage-feature-item-compact{cursor:grab;grid-template-columns:1fr;gap:10px;padding:12px}.homepage-feature-item-compact.dragging{opacity:.62;border-color:#94a3b8;box-shadow:0 14px 28px #0f172a29}.homepage-feature-thumb{background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;width:100%;height:180px;display:flex;overflow:hidden}.homepage-feature-thumb img{object-fit:cover;width:100%;height:100%}.homepage-feature-copy{flex-direction:column;gap:4px;display:flex}.homepage-feature-copy strong{color:#0f172a;font-size:14px}.homepage-feature-copy span{color:#64748b;font-size:12px}.homepage-feature-chip{color:#1d4ed8;background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:28px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.homepage-feature-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.homepage-save-bar{background:#fff;border:1px solid #e8edf4;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.homepage-save-bar p{color:#64748b;margin:0;font-size:13px}@media (width<=900px){.homepage-banner-grid,.homepage-form-grid{grid-template-columns:1fr}.homepage-form-span-2{grid-column:span 1}.homepage-save-bar,.homepage-section-head{flex-direction:column;align-items:stretch}.homepage-feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.homepage-feature-list{grid-template-columns:1fr}}.offer-disclaimer{color:#1e40af;background:#f0f7ff;border:1px solid #bfdbfe;border-radius:10px;margin:0 18px 14px;padding:10px 14px;font-size:12px;line-height:1.5}.offer-modal-overlay{z-index:1100;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.offer-modal{background:#fff;border:1px solid #e8edf4;border-radius:14px;flex-direction:column;width:100%;max-width:520px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #0f172a2e}.offer-modal.blog-admin-modal{width:min(1480px,100vw - 268px);max-width:min(1480px,100vw - 268px);max-height:min(92vh,980px)}.offer-modal-header{background:linear-gradient(135deg,#f8fbff 0%,#fff 100%);border-bottom:1px solid #eef2f8;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 14px;display:flex}.offer-modal-badge{letter-spacing:.05em;text-transform:uppercase;color:#0067c5;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;margin-bottom:8px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.offer-modal-header h3{color:#0f172a;margin:0;font-size:18px;font-weight:700;line-height:1.3}.offer-modal-body{flex:1;padding:16px 20px 18px;overflow-y:auto}.offer-form-hint{color:#64748b;background:#fafbfd;border:1px solid #eef2f8;border-radius:8px;margin:0 0 14px;padding:10px 12px;font-size:11px;line-height:1.5}.offer-form{grid-template-columns:1fr 1fr;gap:12px 14px;display:grid}.offer-field{flex-direction:column;gap:6px;display:flex}.offer-field.span-2{grid-column:span 2}.offer-field label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.offer-field input,.offer-field select{color:#1e293b;background:#fff;border:1px solid #dde3ec;border-radius:8px;outline:none;height:38px;padding:0 11px;font-family:Poppins,sans-serif;font-size:13px;transition:border-color .15s}.offer-field input:focus,.offer-field select:focus{border-color:#0067c5;box-shadow:0 0 0 3px #0067c51a}.offer-template-row{align-items:stretch;gap:8px;display:flex}.offer-template-row .offer-search-select{flex:1}.offer-search-select{position:relative}.offer-search-select input{color:#1e293b;background:#fff;border:1px solid #dde3ec;border-radius:8px;outline:none;width:100%;height:38px;padding:0 11px;font-family:Poppins,sans-serif;font-size:13px}.offer-search-select input:focus{border-color:#0067c5;box-shadow:0 0 0 3px #0067c51a}.offer-search-menu{z-index:20;background:#fff;border:1px solid #e2e8f0;border-radius:10px;max-height:320px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #0f172a1f}.offer-search-item{text-align:left;cursor:pointer;background:0 0;border:none;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:Poppins,sans-serif;display:grid}.offer-search-item:hover{background:#f0f7ff}.offer-search-thumb{background:#e2e8f0;border:1px solid #dbe3ec;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:54px;display:flex;overflow:hidden}.offer-search-thumb.landscape{width:88px;height:56px}.offer-search-thumb.portrait{width:46px;height:60px}.offer-search-thumb img{object-fit:cover;width:100%;height:100%;display:block}.offer-search-thumb-fallback{color:#64748b;background:linear-gradient(135deg,#f8fafc 0%,#eef2f7 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:10px;display:flex}.offer-search-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.offer-search-item strong{color:#0f172a;font-size:13px;line-height:1.35}.offer-search-copy span{color:#94a3b8;font-size:11px;line-height:1.35}.offer-search-empty{color:#94a3b8;text-align:center;padding:14px 12px;font-size:12px}.offer-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0067c5;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;height:38px;padding:0 14px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.offer-add-btn:hover{background:#0056a8}.offer-add-btn:disabled{opacity:.5;cursor:not-allowed}.offer-chip-grid{background:#fafbfd;border:1px dashed #dbe3ec;border-radius:10px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;min-height:36px;padding:10px 12px;display:grid}.offer-chip-grid.empty{color:#94a3b8;justify-content:center;align-items:center;font-size:12px}.offer-chip{color:#1e40af;background:#fff;border:1px solid #bfdbfe;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;max-width:100%;padding:10px;display:grid;box-shadow:0 8px 22px #0f172a0f}.offer-chip-media{background:#e2e8f0;border:1px solid #dbe3ec;border-radius:14px;justify-content:center;align-items:center;width:84px;height:58px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffffb3}.offer-chip-media.landscape{width:104px;height:64px}.offer-chip-media.portrait{width:46px;height:62px}.offer-search-thumb.portrait img,.offer-chip-media.portrait img{object-fit:contain;background:#fff}.offer-chip-media img{object-fit:cover;width:100%;height:100%;display:block}.offer-chip-media-fallback{color:#64748b;background:linear-gradient(135deg,#f8fafc 0%,#eef2f7 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:10px;display:flex}.offer-chip-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.offer-chip-copy span{text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:15px;font-weight:700;line-height:1.3;overflow:hidden}.offer-chip-copy small{text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:12px;font-weight:500;overflow:hidden}.offer-chip button{color:#64748b;cursor:pointer;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;line-height:1;transition:all .15s;display:flex}.offer-chip button:hover{color:#dc2626;background:#fee2e2}.offer-modal-footer{background:#fafbfd;border-top:1px solid #eef2f8;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.offer-btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #dde3ec;border-radius:8px;height:38px;padding:0 16px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600}.offer-btn-secondary:hover{color:#1e293b;border-color:#94a3b8}.offer-btn-primary{color:#fff;cursor:pointer;background:#0067c5;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 18px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.offer-btn-primary:hover{background:#0056a8}.offer-btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (width<=560px){.offer-form{grid-template-columns:1fr}.offer-field.span-2{grid-column:span 1}.offer-template-row{flex-direction:column}}.vod-page{max-width:1360px;padding:20px 24px 40px}.vod-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:320px;display:flex}.vod-spin{animation:1s linear infinite vodSpin}@keyframes vodSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vod-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.vod-back{color:#0067c5;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.vod-top-actions{flex-wrap:wrap;gap:8px;display:flex}.vod-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 14px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.vod-btn--primary{color:#fff;background:#0067c5}.vod-btn--primary:hover{background:#0056a8}.vod-btn--ghost{color:#0067c5;background:#fff;border:1px solid #c7d9ee}.vod-summary{background:#fff;border:1px solid #dbe5f0;border-radius:14px;grid-template-columns:minmax(280px,420px) 1fr;gap:20px;margin-bottom:20px;padding:16px;display:grid;box-shadow:0 4px 16px #003c780f}.vod-preview{background:#0f172a;border-radius:10px;overflow:hidden}.vod-preview--landscape{aspect-ratio:16/9}.vod-preview--portrait{aspect-ratio:9/16;max-width:220px}.vod-preview video,.vod-preview img{object-fit:cover;width:100%;height:100%;display:block}.vod-preview-empty{color:#94a3b8;justify-content:center;align-items:center;width:100%;height:100%;min-height:120px;font-size:13px;display:flex}.vod-kicker{color:#0067c5;margin-bottom:4px;font-size:12px;font-weight:600}.vod-summary-body h1{color:#0f172a;margin-bottom:4px;font-size:22px;line-height:1.3}.vod-job{color:#64748b;word-break:break-all;margin-bottom:12px;font-size:12px}.vod-summary-chips{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.vod-status,.vod-payment,.vod-amount,.vod-date{border-radius:999px;align-items:center;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.vod-status--pending{color:#b45309;background:#fef3c7}.vod-status--progress{color:#1d4ed8;background:#dbeafe}.vod-status--done{color:#15803d;background:#dcfce7}.vod-status--download{color:#4338ca;background:#e0e7ff}.vod-status--cancelled{color:#b91c1c;background:#fee2e2}.vod-payment{color:#64748b;background:#f1f5f9}.vod-payment.is-paid{color:#15803d;background:#dcfce7}.vod-amount{color:#0067c5;background:#e8f3ff}.vod-date{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.vod-customer-inline{color:#475569;border-top:1px solid #eef2f7;align-items:flex-start;gap:8px;padding-top:10px;font-size:13px;display:flex}.vod-customer-inline svg{color:#0067c5;flex-shrink:0;margin-top:2px}.vod-brief-intro{margin-bottom:14px}.vod-brief-intro h2{color:#0f172a;margin-bottom:4px;font-size:18px}.vod-brief-intro p{color:#64748b;font-size:13px;line-height:1.5}.vod-frame-jump{z-index:5;background:#dae9f7;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:10px 0;display:flex;position:sticky;top:0}.vod-frame-jump-btn{color:#0067c5;cursor:pointer;background:#fff;border:1px solid #c7d9ee;border-radius:999px;padding:7px 14px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600}.vod-frame-jump-btn.is-active,.vod-frame-jump-btn:hover{color:#fff;background:#0067c5;border-color:#0067c5}.vod-frames{flex-direction:column;gap:20px;display:flex}.vod-frame-card{background:#fff;border:1px solid #d8e3ef;border-radius:14px;scroll-margin-top:72px;overflow:hidden;box-shadow:0 4px 14px #0f172a0d}.vod-frame-head{background:linear-gradient(90deg,#f0f7ff,#fff);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.vod-frame-num{color:#0067c5;font-size:15px;font-weight:700}.vod-frame-of{color:#94a3b8;margin-left:6px;font-size:13px;font-weight:500}.vod-frame-color{color:#64748b;align-items:center;gap:8px;font-size:11px;display:inline-flex}.vod-swatch{border:1px solid #0000001f;border-radius:4px;width:16px;height:16px}.vod-compare-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:16px;display:grid}.vod-compare-col{min-width:0}.vod-compare-tag{letter-spacing:.06em;text-transform:uppercase;border-radius:4px;margin-bottom:8px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-block}.vod-compare-tag--template{color:#64748b;background:#f1f5f9}.vod-compare-tag--customer{color:#0067c5;background:#dbeafe}.vod-frame-media{background:#e2e8f0;border:1px solid #dbe5f0;border-radius:10px;width:100%;position:relative;overflow:hidden}.vod-aspect-landscape{aspect-ratio:16/9}.vod-aspect-portrait{aspect-ratio:9/16;max-width:280px;margin:0 auto}.vod-frame-media img{object-fit:cover;width:100%;height:100%;display:block}.vod-frame-empty{color:#94a3b8;background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;font-size:12px;display:flex}.vod-frame-empty--customer{background:#f0f7ff}.vod-frame-zoom{color:#fff;background:#0f172ad1;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;text-decoration:none;display:inline-flex;position:absolute;bottom:8px;right:8px}.vod-compare-divider{color:#0067c5;opacity:.7;flex-shrink:0;font-size:18px}.vod-copy-section{border-top:1px solid #eef2f7;padding:0 16px 16px}.vod-copy-section h4{color:#334155;margin:14px 0 10px;font-size:13px;font-weight:700}.vod-copy-card{background:#f8fafc;border:1px solid #e8eef4;border-radius:10px;margin-bottom:10px;padding:12px}.vod-copy-card--main{background:#f0f7ff;border-color:#bfdbfe}.vod-copy-label{text-transform:uppercase;letter-spacing:.05em;color:#0067c5;margin-bottom:8px;font-size:11px;font-weight:700}.vod-copy-flow{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.vod-copy-box span{color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.vod-copy-box p{color:#0f172a;word-break:break-word;margin:0;font-size:14px;line-height:1.4}.vod-copy-box--customer p{color:#0067c5;font-weight:700}.vod-copy-arrow{color:#94a3b8;justify-self:center;font-size:14px}.vod-copy-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.vod-copy-customer-only span{color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.vod-copy-customer-only p{word-break:break-word;margin:0;font-size:14px;line-height:1.4}.vod-copy-customer-only p.has-value{color:#0f172a;font-weight:700}.vod-copy-customer-only p.no-value{color:#94a3b8;font-style:italic}.vod-copy-none{color:#94a3b8;margin:0;font-size:13px}.vod-empty-brief{color:#64748b;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;padding:24px}@media (width<=960px){.vod-summary{grid-template-columns:1fr}.vod-preview--portrait{max-width:100%}.vod-compare-row{grid-template-columns:1fr;gap:10px}.vod-compare-divider{justify-self:center;transform:rotate(90deg)}.vod-copy-flow{grid-template-columns:1fr}.vod-copy-arrow{justify-self:center;transform:rotate(90deg)}.vod-aspect-portrait{max-width:100%}}.offer-banner-container{max-width:1400px;margin:0 auto;padding:20px}.offer-banner-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.offer-banner-header h1{color:#1a1a2e;margin:0;font-size:24px;font-weight:600}.btn-upload{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.btn-upload:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.btn-upload:active{transform:translateY(0)}.banner-table-wrapper{background:#fff;border-radius:12px;overflow:auto hidden;box-shadow:0 2px 10px #00000014}.banner-table{border-collapse:collapse;width:100%;min-width:700px}.banner-table thead{background:#f8f9fa}.banner-table th{text-align:left;color:#495057;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:2px solid #e9ecef;padding:14px 18px;font-size:13px;font-weight:600}.banner-table td{color:#212529;vertical-align:middle;border-bottom:1px solid #f1f3f5;padding:14px 18px;font-size:14px}.banner-table tbody tr:hover{background-color:#f8f9fa;transition:background-color .2s}.banner-table tbody tr:last-child td{border-bottom:none}.banner-thumbnail{object-fit:cover;border:1px solid #e9ecef;border-radius:6px;width:100px;height:40px;transition:transform .2s}.banner-thumbnail:hover{transform:scale(1.05)}.page-type-badge{color:#495057;text-transform:capitalize;background:#e9ecef;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.status-badge{cursor:pointer;border:none;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .3s;display:inline-block}.status-badge:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.text-center{text-align:center}.btn-action{cursor:pointer;border:none;border-radius:6px;margin-right:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .3s}.btn-action:last-child{margin-right:0}.btn-edit{color:#212529;background:#ffc107}.btn-edit:hover{background:#e0a800;transform:translateY(-1px);box-shadow:0 2px 8px #ffc1074d}.btn-delete{color:#fff;background:#dc3545}.btn-delete:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}.action-cell{flex-wrap:wrap;gap:6px;display:flex}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-content{background:#fff;border-radius:16px;width:520px;max-width:92%;max-height:90vh;padding:32px;animation:.3s modalSlideIn;overflow-y:auto;box-shadow:0 20px 60px #0000004d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-content h2{color:#1a1a2e;border-bottom:2px solid #f1f3f5;margin-top:0;padding-bottom:16px;font-size:22px;font-weight:600}.modal-form{margin-top:20px}.modal-form .form-group{margin-bottom:18px}.modal-form label{color:#333;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.modal-form .form-control{border:1.5px solid #ced4da;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .3s,box-shadow .3s}.modal-form .form-control:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.modal-form .form-hint{color:#6c757d;margin-top:4px;font-size:12px;display:block}.current-image-preview{object-fit:cover;border:1px solid #e9ecef;border-radius:8px;width:100%;height:80px;margin-top:8px}.modal-footer{border-top:1px solid #f1f3f5;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;display:flex}.btn-modal-cancel{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .3s}.btn-modal-cancel:hover{background:#5a6268}.btn-modal-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .3s}.btn-modal-submit:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.btn-modal-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (width<=992px){.offer-banner-header h1{font-size:20px}.banner-table td,.banner-table th{padding:10px 12px;font-size:13px}.banner-thumbnail{width:80px;height:35px}}@media (width<=768px){.offer-banner-container{padding:12px}.offer-banner-header{flex-direction:column;align-items:flex-start}.btn-upload{justify-content:center;width:100%}.banner-table{min-width:600px}.banner-table td,.banner-table th{padding:8px 10px;font-size:12px}.banner-thumbnail{width:60px;height:30px}.btn-action{padding:4px 10px;font-size:11px}.modal-content{padding:24px 20px}.modal-content h2{font-size:18px}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}@media (width<=480px){.action-cell{flex-direction:column;gap:4px}.btn-action{text-align:center;width:100%}.banner-table td,.banner-table th{padding:6px 8px;font-size:11px}.banner-thumbnail{width:50px;height:25px}.status-badge{padding:3px 10px;font-size:10px}.page-type-badge{padding:3px 8px;font-size:10px}}.vendor-children-container{max-width:1400px;margin:0 auto;padding:24px}.vendor-children-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-title{color:#1a1a2e;margin:0;font-size:24px;font-weight:600}.page-subtitle{color:#6c757d;margin:4px 0 0;font-size:14px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;padding:10px 20px;font-weight:500;transition:all .3s;display:flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.mr-2{margin-right:8px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 2px 10px #0000000d}.stat-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.stat-icon.blue{background:#667eea}.stat-icon.green{background:#28a745}.stat-icon.red{background:#dc3545}.stat-icon.purple{background:#764ba2}.stat-info{flex-direction:column;display:flex}.stat-value{color:#1a1a2e;font-size:24px;font-weight:600}.stat-label{color:#6c757d;font-size:13px}.filters-section{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.search-box{flex:1;min-width:200px;position:relative}.search-box input{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 16px 10px 40px;font-size:14px;transition:border-color .3s}.search-box input:focus{border-color:#667eea;outline:none}.search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.filter-select{min-width:150px;position:relative}.filter-select select{appearance:none;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 16px 10px 40px;font-size:14px}.filter-select select:focus{border-color:#667eea;outline:none}.filter-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.table-wrapper{background:#fff;border-radius:12px;overflow:auto hidden;box-shadow:0 2px 10px #0000000d}.children-table{border-collapse:collapse;width:100%;min-width:800px}.children-table th{text-align:left;color:#475569;background:#f8fafc;border-bottom:2px solid #f1f5f9;padding:16px 20px;font-size:13px;font-weight:600}.children-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 20px}.children-table tr:hover{background:#f8fafc}.member-info{align-items:center;gap:12px;display:flex}.member-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.member-name{color:#1a1a2e;font-weight:500}.member-id{color:#94a3b8;font-size:12px}.email-cell,.phone-cell{align-items:center;gap:8px;display:flex}.email-icon,.phone-icon,.date-icon{color:#94a3b8;font-size:14px}.text-muted{color:#94a3b8;font-size:13px}.role-badge,.status-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.status-active{color:#155724;background:#d4edda}.status-inactive{color:#383d41;background:#e2e3e5}.date-cell{color:#475569;align-items:center;gap:8px;font-size:13px;display:flex}.action-buttons{gap:8px;display:flex}.btn-icon{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.btn-icon.view{color:#0284c7;background:#e0f2fe}.btn-icon.view:hover{background:#bae6fd}.btn-icon.edit{color:#d97706;background:#fef3c7}.btn-icon.edit:hover{background:#fde68a}.btn-icon.delete{color:#dc2626;background:#fee2e2}.btn-icon.delete:hover{background:#fca5a5}.empty-state{text-align:center;padding:60px 20px}.empty-icon{margin-bottom:12px;font-size:48px}.empty-state p{color:#475569;margin:0;font-size:16px}.empty-sub{color:#94a3b8;margin-top:4px;font-size:14px}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-content{background:#fff;border-radius:16px;width:560px;max-width:92%;max-height:90vh;animation:.3s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:#1a1a2e;margin:0;font-size:20px;font-weight:600}.modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;display:flex}.modal-close:hover{background:#f1f5f9}.modal-body{padding:24px}.modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group input,.form-group select{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 14px;font-size:14px;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.btn-cancel{color:#475569;cursor:pointer;background:#e2e8f0;border:none;border-radius:8px;padding:10px 24px;font-weight:500;transition:background .2s}.btn-cancel:hover{background:#cbd5e1}.btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;padding:10px 24px;font-weight:500;transition:all .3s;display:flex}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.detail-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:12px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:#64748b;font-weight:500}.detail-value{color:#1a1a2e;font-weight:500}@media (width<=768px){.vendor-children-header{flex-direction:column}.form-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-section{flex-direction:column}.modal-content{border-radius:0;max-width:100%;height:100vh;max-height:100vh}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}.order-kpi-row{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px;display:grid}.order-kpi-card{background:#fff;border:1px solid #e8edf4;border-radius:8px;flex-direction:column;gap:4px;padding:16px 20px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000a}.order-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.order-kpi-label{color:#64748b;font-size:12px;font-weight:500}.order-kpi-value{color:#0f172a;font-size:22px;font-weight:700}.order-toolbar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;display:flex}.order-search-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:10px;min-width:240px;max-width:400px;height:40px;padding:0 14px;transition:all .2s;display:flex}.order-search-box:focus-within{border-color:#0067c5;box-shadow:0 0 0 3px #0067c51a}.order-search-icon{color:#94a3b8;flex-shrink:0;font-size:14px}.order-search-box input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;height:100%;font-family:Poppins,sans-serif;font-size:13px}.order-search-box input::placeholder{color:#94a3b8}.order-create-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0067c5;border:none;border-radius:8px;height:40px;padding:0 20px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.order-create-btn:hover{background:#0056a8;transform:translateY(-1px);box-shadow:0 4px 12px #0067c54d}.order-table-wrap{background:#fff;border:1px solid #e8edf4;border-radius:10px;margin-bottom:20px;overflow-x:auto;box-shadow:0 1px 2px #0000000a}.order-table{border-collapse:collapse;width:100%;font-size:13px}.order-table thead th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.3px;background:#f8fafc;border-bottom:2px solid #e8edf4;padding:12px 16px;font-size:12px;font-weight:600}.order-table tbody td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.order-table tbody tr:hover{background:#f8fafc}.order-table tbody tr:last-child td{border-bottom:none}.customer-name{color:#0f172a;font-weight:500}.order-status-pill{letter-spacing:.2px;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-block}.order-status-paid{color:#15803d;background:#dcfce7}.order-status-unpaid,.order-status-pending{color:#b45309;background:#fef3c7}.order-status-in-progress{color:#1d4ed8;background:#dbeafe}.order-status-completed{color:#15803d;background:#dcfce7}.order-status-unknown{color:#64748b;background:#f1f5f9}.order-date-cell{white-space:nowrap;color:#475569;font-size:12px}.order-view-btn{color:#0067c5;cursor:pointer;background:0 0;border:1px solid #0067c5;border-radius:6px;padding:4px 16px;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;transition:all .2s}.order-view-btn:hover{color:#fff;background:#0067c5}.order-charts-row{grid-template-columns:1.5fr 1fr;gap:18px;display:grid}.order-chart-card{background:#fff;border:1px solid #e8edf4;border-radius:10px;min-height:260px;padding:18px;box-shadow:0 1px 2px #0000000a}.order-chart-title{color:#0f172a;margin:0 0 14px;font-size:14px;font-weight:600}.order-pie-card{flex-direction:column;display:flex}.order-pie-legend{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:12px;display:grid}.order-pie-legend-item{color:#475569;align-items:center;gap:8px;font-size:12px;display:flex}.order-pie-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.order-pie-name{flex:1}.order-pie-val{color:#0f172a;font-weight:600}.order-details-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.order-details-modal{background:#fff;border-radius:14px;width:100%;max-width:900px;max-height:90vh;animation:.3s modalSlideIn;overflow-y:auto;box-shadow:0 20px 60px #0003}.order-details-header{z-index:10;background:#fff;border-bottom:1px solid #f1f5f9;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex;position:sticky;top:0}.order-details-title{align-items:center;gap:12px;display:flex}.order-details-title h3{color:#0f172a;margin:0;font-size:18px;font-weight:700}.order-details-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.order-details-close:hover{background:#e2e8f0;transform:rotate(90deg)}.order-details-summary{background:#f8fafc;padding:20px 24px}.order-details-summary-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.summary-item{flex-direction:column;gap:4px;display:flex}.summary-item label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.summary-item span{color:#0f172a;font-size:14px;font-weight:600}.summary-amount{color:#0067c5!important}.order-details-items{padding:20px 24px}.order-details-items h4{color:#0f172a;margin:0 0 12px;font-size:14px;font-weight:600}.order-items-table-wrap{border:1px solid #f1f5f9;border-radius:8px;overflow-x:auto}.order-items-table{border-collapse:collapse;width:100%;font-size:13px}.order-items-table thead{background:#f8fafc}.order-items-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;padding:10px 14px;font-size:11px;font-weight:600}.order-items-table td{border-top:1px solid #f1f5f9;padding:10px 14px;font-size:13px}.download-link{color:#0067c5;font-weight:600;text-decoration:none}.download-link:hover{text-decoration:underline}.order-details-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;padding:16px 24px;display:flex}.order-details-close-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:8px 28px;font-family:Poppins,sans-serif;font-weight:600;transition:all .2s}.order-details-close-btn:hover{background:#e2e8f0}.no-data{text-align:center;color:#94a3b8;padding:40px 20px!important}.loading-container,.error-container{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:400px;display:flex}.loading-spinner{border:4px solid #f1f5f9;border-top-color:#0067c5;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.error-message{color:#ef4444;font-size:14px}.retry-btn{color:#fff;cursor:pointer;background:#0067c5;border:none;border-radius:8px;padding:8px 24px;font-family:Poppins,sans-serif;font-weight:600}.retry-btn:hover{background:#0056a8}@media (width<=1200px){.order-kpi-row{grid-template-columns:repeat(3,1fr)}.order-charts-row{grid-template-columns:1fr}}@media (width<=992px){.order-details-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.order-mgmt-page{padding:16px}.order-kpi-row{grid-template-columns:repeat(2,1fr);gap:10px}.order-kpi-card{padding:12px 16px}.order-kpi-value{font-size:18px}.order-toolbar{flex-direction:column;align-items:stretch}.order-search-box{max-width:100%}.order-create-btn{justify-content:center;width:100%}.order-details-summary-grid{grid-template-columns:1fr}.order-details-modal{max-height:95vh}.order-pie-legend{grid-template-columns:1fr 1fr}}@media (width<=480px){.order-kpi-row{grid-template-columns:1fr 1fr;gap:8px}.order-kpi-card{padding:10px 14px}.order-kpi-value{font-size:16px}.order-kpi-label{font-size:10px}.order-table-wrap{border-radius:6px}.order-table thead th,.order-table tbody td{padding:8px 10px;font-size:11px}}.settlement-container{color:#0f172a;max-width:1400px;min-height:100vh;margin:0 auto;padding:4px 0 20px}.search-section{background:#fff;border:1px solid #e8edf4;border-radius:12px;margin-bottom:20px;padding:20px 22px;box-shadow:0 4px 18px #0f172a0f}.search-input-group{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}.input-wrapper{flex:1;min-width:200px}.input-wrapper label{color:#0f172a;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.label-icon{margin-right:6px}.vendor-dropdown{color:#0f172a;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 15px center/12px no-repeat;border:1px solid #dde3ec;border-radius:10px;width:100%;min-height:42px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.vendor-dropdown:focus{border-color:#0067c5;outline:none;box-shadow:0 0 0 3px #0067c51f}.vendor-dropdown:hover{border-color:#bfd1e5}.search-actions{flex-wrap:wrap;gap:10px;display:flex}.search-btn,.reset-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;min-height:42px;padding:0 20px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.search-btn{color:#fff;background:linear-gradient(135deg,#0067c5 0%,#3b82f6 100%);box-shadow:0 6px 16px #0067c52e}.search-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #0067c538}.search-btn:disabled{opacity:.6;cursor:not-allowed}.reset-btn{color:#475569;background:#fff;border:1px solid #e2e8f0}.reset-btn:hover:not(:disabled){border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 8px 18px #94a3b82e}.reset-btn:disabled{opacity:.6;cursor:not-allowed}.message{border-radius:10px;align-items:center;gap:10px;margin-top:15px;padding:12px 14px;font-size:13px;font-weight:500;animation:.3s ease-out slideDown;display:flex}.message-icon{font-size:18px}.message.success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.message.error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.message.info{color:#0c5460;background:#d1ecf1;border:1px solid #bee5eb}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.details-section{animation:.5s ease-out fadeIn}.cards-row{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px;display:grid}.vendor-card{background:linear-gradient(135deg,#f8fbff 0%,#fff 100%);border:1px solid #dbeafe;border-top:3px solid #60a5fa;border-radius:12px;padding:20px;transition:all .2s;box-shadow:0 4px 18px #0f172a0f}.vendor-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a14}.card-header{border-bottom:1px solid #eef2f8;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.card-icon{font-size:24px}.card-header h3{color:#0f172a;margin:0;font-size:22px;font-weight:700;line-height:1.2}.card-body{flex-direction:column;gap:10px;display:flex}.info-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.info-item:last-child{border-bottom:none}.info-label{color:#64748b;font-size:13px;font-weight:500}.info-value{color:#334155;text-align:right;font-size:14px;font-weight:600}.pending-card{background:linear-gradient(135deg,snow 0%,#fff 100%);border:1px solid #fecaca;border-top:3px solid #f87171;border-radius:12px;padding:20px;transition:all .2s;box-shadow:0 4px 18px #0f172a0f}.pending-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a14}.pending-amount-display{background:linear-gradient(135deg,#fff4f4 0%,#fef2f2 100%);border:1px solid #fee2e2;border-radius:12px;justify-content:center;align-items:center;margin-bottom:12px;padding:22px 0;display:flex}.pending-amount-display .currency-symbol{color:#dc2626;margin-right:5px;font-size:26px;font-weight:700}.pending-amount{color:#dc2626;letter-spacing:-1px;font-size:2.8rem;font-weight:800}.pending-info{text-align:center;color:#64748b;margin-bottom:16px;font-size:14px}.template-breakdown{background:linear-gradient(#fff 0%,#fff8f8 100%);border:1px solid #fee2e2;border-radius:12px;margin-top:8px;padding:16px;box-shadow:inset 0 1px #ffffffd9}.template-breakdown h4{letter-spacing:.08em;text-transform:uppercase;color:#991b1b;margin:0 0 12px;font-size:13px;font-weight:700}.template-item{border-top:1px solid #feeaea;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:10px 0;display:grid}.template-item:first-of-type{border-top:none;padding-top:0}.template-item:last-child{padding-bottom:0}.template-item span:first-child{color:#1e293b;min-width:0;font-size:15px;font-weight:500;line-height:1.45}.template-item span:last-child{color:#b91c1c;white-space:nowrap;padding-left:8px;font-size:15px;font-weight:700;line-height:1.45}.pending-actions{justify-content:center;display:flex}.clear-now-btn{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:6px;padding:8px 25px;font-size:14px;font-weight:600;transition:all .3s}.clear-now-btn:hover{background:#c0392b;transform:scale(1.05)}.clear-card{background:linear-gradient(135deg,#f8fffb 0%,#fff 100%);border:1px solid #bbf7d0;border-top:3px solid #4ade80;border-radius:12px;padding:20px;transition:all .2s;box-shadow:0 4px 18px #0f172a0f}.clear-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a14}.amount-input-wrapper{align-items:center;margin-bottom:5px;display:flex;position:relative}.amount-input-wrapper .currency-symbol{color:#334155;font-size:16px;font-weight:700;position:absolute;left:14px}.clear-input{color:#0f172a;background:#fff;border:1px solid #dde3ec;border-radius:10px;width:100%;min-height:44px;padding:10px 16px 10px 38px;font-size:14px;font-weight:500;transition:all .2s}.clear-input:focus{border-color:#22c55e;outline:none;box-shadow:0 0 0 3px #22c55e1f}.clear-input:hover{border-color:#86efac}.clear-input:disabled{opacity:.6;cursor:not-allowed}.input-hint{color:#64748b;margin-bottom:14px;font-size:12px;font-weight:500}.form-group{margin-bottom:10px}.form-group label{color:#2c3e50;margin-bottom:4px;font-size:13px;font-weight:600;display:block}.payment-method-select{color:#2c3e50;cursor:pointer;background:#fff;border:2px solid #e1e8ed;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .3s}.payment-method-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.payment-method-select:disabled{opacity:.6;cursor:not-allowed}.remarks-input{resize:vertical;border:2px solid #e1e8ed;border-radius:8px;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;transition:all .3s}.remarks-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.remarks-input:disabled{opacity:.6;cursor:not-allowed}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%);border:none;border-radius:10px;width:100%;min-height:42px;margin-top:4px;padding:0 14px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 6px 16px #22c55e2e}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #22c55e38}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:8px;padding:8px 12px;font-size:12px;font-weight:500;animation:.3s ease-out slideDown}.success-message{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:8px;padding:8px 12px;font-size:12px;font-weight:500;animation:.3s ease-out slideDown}.history-section{background:#fff;border-radius:15px;padding:25px;box-shadow:0 2px 10px #00000014}.history-section h3{color:#2c3e50;margin-bottom:20px;font-size:1.2rem;font-weight:600}.history-table-wrapper{overflow-x:auto}.history-table{border-collapse:collapse;width:100%;font-size:14px}.history-table thead{background:#f8f9fa;border-bottom:2px solid #e1e8ed}.history-table th{text-align:left;color:#2c3e50;padding:12px 16px;font-weight:600}.history-table td{border-bottom:1px solid #ecf0f1;padding:12px 16px}.history-table tr:hover{background:#f8f9fa}.transaction-id{color:#2c3e50;font-family:monospace;font-weight:600}.status-badge.badge-warning{color:#856404;background:#fff3cd}.status-badge.badge-danger{color:#721c24;background:#f8d7da}.no-history{text-align:center;color:#7f8c8d;padding:30px}@media (width<=1024px){.cards-row{grid-template-columns:repeat(2,1fr)}.cards-row .clear-card:last-child{grid-column:span 2}}@media (width<=768px){.settlement-container{padding:15px}.search-input-group{flex-direction:column;align-items:stretch}.input-wrapper{min-width:100%}.search-actions{width:100%}.search-btn,.reset-btn{flex:1;justify-content:center;padding:10px 20px;font-size:14px}.cards-row{grid-template-columns:1fr}.cards-row .clear-card:last-child{grid-column:span 1}.pending-amount{font-size:2.2rem}.history-table{font-size:13px}.history-table th,.history-table td{padding:10px 12px}}@media (width<=480px){.search-section,.vendor-card,.pending-card,.clear-card{padding:15px}.pending-amount{font-size:1.8rem}.pending-amount-display .currency-symbol{font-size:22px}.info-item{flex-direction:column;align-items:flex-start;gap:2px}}.tab-section{background:#fff;border:1px solid #e8edf4;border-radius:12px;margin-top:20px;overflow:hidden;box-shadow:0 4px 18px #0f172a0f}.tab-headers{background:#fafbfd;border-bottom:1px solid #eef2f8;margin:0!important;padding:0!important;display:flex!important}.tab-btn{color:#64748b!important;cursor:pointer!important;text-align:center!important;background:0 0!important;border:none!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:15px 20px!important;font-size:14px!important;font-weight:600!important;transition:all .2s!important;display:flex!important;position:relative!important}.tab-btn:hover{color:#0067c5!important;background:#0067c50d!important}.tab-btn.active{color:#0067c5!important}.tab-btn.active:after{content:"";background:#0067c5!important;border-radius:3px 3px 0 0!important;height:3px!important;position:absolute!important;bottom:-2px!important;left:0!important;right:0!important}.tab-content-wrapper{min-height:250px;padding:18px}.tab-panel{animation:.3s ease-in-out fadeIn}.tab-header-info{color:#64748b;border-bottom:1px solid #eef2f8;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;font-size:13px;font-weight:500;display:flex}.vendor-tag{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:600}.table-container{overflow-x:auto}.styled-table{border-collapse:collapse;width:100%;font-size:14px}.styled-table thead{background:#f8fafc;border-bottom:1px solid #e8edf4}.styled-table th{text-align:left;color:#334155;white-space:nowrap;padding:12px 16px;font-weight:600}.styled-table td{color:#0f172a;border-bottom:1px solid #f1f5f9;padding:12px 16px}.styled-table tbody tr:hover{background:#fafcff}.amount-cell{color:#0f172a;font-weight:600}.status-badge{border-radius:20px;padding:4px 14px;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.badge-success{color:#166534;background:#dcfce7}.status-badge.badge-pending{color:#92400e;background:#fef3c7}.total-row{font-weight:600;background:#fafbfd!important}.total-row td{border-top:1px solid #e8edf4;padding:12px 16px}.empty-state{text-align:center;color:#94a3b8;padding:50px 20px}.empty-state p{margin:0;font-size:16px}