@charset "UTF-8";:root{--color-primary:#1a7fd4;--color-primary-light:#3b9de8;--color-primary-dark:#1260a8;--color-primary-rgb:26,127,212;--color-background:#f0f6fc;--color-foreground:#1a2742;--color-surface:#fff;--color-surface-2:#e8f2fb;--color-border:rgba(26,127,212,.14);--sidebar-width:260px;--topnav-height:56px;--topbar-height:80px;--footer-height:48px;--transition:.2s ease;--radius-sm:8px;--radius-md:12px;--radius-lg:18px}#app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;background-color:var(--color-background);color:var(--color-foreground);font-family:"Roboto",sans-serif;font-size:14px}#app-layout::before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(../../Themes/Common/%23n)' opacity='1'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:0}#top-nav{position:relative;z-index:100;display:flex;align-items:center;height:var(--topnav-height);background:var(--color-primary);padding:0 1.25rem;box-shadow:0 2px 10px rgba(26,127,212,.3);border-bottom:1px solid rgba(var(--color-primary-rgb),.2);gap:0}#top-nav .logo-area{display:flex;align-items:center;gap:10px;width:var(--sidebar-width);flex-shrink:0;padding-right:1rem;border-right:1px solid rgba(255,255,255,.12);margin-right:1.5rem}#top-nav .logo-link{text-decoration:none;transition:opacity var(--transition)}#top-nav .logo-link:hover{opacity:.85}#top-nav .logo-area .logo-img{max-height:32px;max-width:100%;object-fit:contain}#top-nav .logo-area .logo-icon{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.25)}#top-nav .logo-area .logo-text{font-size:15px;font-weight:700;color:#fff;letter-spacing:.3px}#top-nav .logo-area .logo-text span{font-weight:300;opacity:.75}#top-nav .main-nav{display:flex;align-items:center;gap:4px;flex:1;list-style:none;margin:0;padding:0}.main-nav-item{position:relative;display:flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:500;color:rgba(255,255,255,.75);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:1px solid rgba(255,255,255,.15);user-select:none;background:rgba(255,255,255,.05)}.main-nav-item i{font-size:14px;opacity:.85}.main-nav-item:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.15)}.main-nav-item.active{background:rgba(255,255,255,.17);color:#fff;border-color:rgba(255,255,255,.22);box-shadow:0 2px 8px rgba(0,0,0,.2)}.main-nav-item.active::after{content:"";position:absolute;bottom:-1px;left:18px;right:18px;height:2px;background:rgba(255,255,255,.6);border-radius:2px 2px 0 0}#top-nav .topnav-right{display:flex;align-items:center;gap:12px;margin-left:auto}.topnav-icon-btn{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8);font-size:14px;cursor:pointer;transition:all var(--transition)}.topnav-icon-btn:hover{background:rgba(255,255,255,.18);color:#fff}.topnav-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-dark));border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;cursor:pointer;overflow:hidden}.topnav-avatar img{width:100%;height:100%;object-fit:cover}.topnav-user-menu{position:relative;display:inline-block}.user-dropdown{position:absolute;top:calc(100% + 5px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,.1);min-width:160px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition);z-index:1000}.topnav-user-menu:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:0;font-size:13.5px;font-weight:500;color:var(--color-foreground);cursor:pointer;text-align:left;transition:all var(--transition);border-radius:var(--radius-sm)}.user-dropdown-item:hover{background:rgba(var(--color-primary-rgb),.08);color:var(--color-primary)}.user-dropdown-item i{font-size:14px;color:rgba(var(--color-primary-rgb),.7)}.topnav-user-info{display:flex;flex-direction:column;line-height:1.3}.topnav-user-name{font-size:13px;font-weight:600;color:#fff}.topnav-user-role{font-size:11px;color:rgba(255,255,255,.55)}#main-body{display:flex;flex:1;min-height:0;position:relative}#sidebar{width:var(--sidebar-width);flex-shrink:0;display:flex;flex-direction:column;background:var(--color-surface);border-right:1px solid var(--color-border);height:100%;overflow:hidden;position:relative;transition:width var(--transition)}#sidebar::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in oklch,var(--color-primary) 6%,transparent) 0%,transparent 50%);pointer-events:none}.sidebar-section-title{display:flex;align-items:center;gap:8px;padding:14px 18px 10px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--color-primary-light);border-bottom:1px solid var(--color-border);position:relative;z-index:1}.sidebar-section-title i{font-size:13px}.sidebar-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px 10px 16px;position:relative;z-index:1}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:rgba(var(--color-primary-rgb),.3);border-radius:4px}.sidebar-user-profile{display:flex;align-items:center;gap:12px;padding:10px 18px;margin-bottom:15px;border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,color-mix(in oklch,var(--color-primary) 4%,transparent) 0%,transparent 100%)}.sidebar-user-profile .sidebar-user-details{display:flex;flex-direction:column;line-height:1.35;overflow:hidden}.sidebar-user-profile .sidebar-user-name{font-size:13.5px;font-weight:600;color:var(--color-primary,#1e3a8a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:global(.dark) .sidebar-user-profile .sidebar-user-name{color:#93c5fd}.sidebar-user-profile .sidebar-user-group{font-size:11.5px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:global(.dark) .sidebar-user-profile .sidebar-user-group{color:#94a3b8}.menu-label{font-size:10.5px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:rgba(var(--color-primary-rgb),.55);padding:14px 10px 5px}.menu-item{display:block;position:relative}.menu-item-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:400;color:rgba(26,39,66,.68);cursor:pointer;transition:all var(--transition);border:1px solid transparent;user-select:none;text-decoration:none}.menu-item-link i:not(.menu-chevron){font-size:14px;width:18px;text-align:center;opacity:.7;flex-shrink:0}.menu-item-link .menu-chevron{margin-left:auto;font-size:11px;opacity:.5;transition:transform var(--transition)}.menu-item-link:hover{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary-dark);border-color:rgba(var(--color-primary-rgb),.18)}.menu-item-link:hover i:not(.menu-chevron){opacity:1}.menu-item-link.active{background:rgba(var(--color-primary-rgb),.12);color:var(--color-primary-dark);font-weight:500;border-color:rgba(var(--color-primary-rgb),.2)}.menu-item-link.active i:not(.menu-chevron){opacity:1;color:var(--color-primary-dark)}.menu-item-link.active::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--color-primary-light);border-radius:0 3px 3px 0}.menu-item-link.open .menu-chevron{transform:rotate(90deg)}.sub-menu{overflow:hidden;max-height:0;transition:max-height .25s ease;list-style:none;padding:0;margin:0}.sub-menu.expanded{max-height:500px}.sub-menu .menu-item-link{padding-left:40px;font-size:13px}.sub-menu .menu-item-link::before{left:28px}#content-area{flex:1;display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}#topbar{display:flex;align-items:center;padding:0 28px;height:auto;min-height:var(--topbar-height);background:var(--color-background);border-bottom:0;border-radius:0;box-shadow:none;flex-shrink:0;gap:16px}.topbar-page-title{display:flex;flex-direction:column;gap:2px}.topbar-breadcrumb{font-size:11px;color:rgba(var(--color-primary-rgb),.7);display:flex;align-items:center;gap:5px}.topbar-breadcrumb .sep{opacity:.4}.topbar-h1{font-size:19px;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.2px;margin-top:10px;outline:0}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.btn{border-radius:var(--radius-sm);padding:7px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition)}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;background:var(--color-primary);color:#fff;border:1px solid var(--color-primary-dark);cursor:pointer;transition:all var(--transition)}.btn-primary:hover{background:var(--color-primary-light);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.4)}.btn-outline{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:400;background:rgba(var(--color-primary-rgb),.08);color:var(--color-primary-light);border:1px solid rgba(var(--color-primary-rgb),.25);cursor:pointer;transition:all var(--transition)}.btn-outline:hover{background:rgba(var(--color-primary-rgb),.16)}#main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px 28px 20px}#main-content::-webkit-scrollbar{width:6px}#main-content::-webkit-scrollbar-track{background:transparent}#main-content::-webkit-scrollbar-thumb{background:rgba(var(--color-primary-rgb),.25);border-radius:4px}.overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:18px 20px;display:flex;align-items:flex-start;gap:14px;transition:all var(--transition);position:relative;overflow:hidden}.stat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light))}.stat-card:hover{border-color:rgba(var(--color-primary-rgb),.35);box-shadow:0 4px 16px rgba(26,127,212,.14);transform:translateY(-1px)}.stat-icon{width:44px;height:44px;border-radius:10px;background:rgba(var(--color-primary-rgb),.15);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-primary-light);flex-shrink:0}.stat-info{flex:1;min-width:0}.stat-label{font-size:12px;color:rgba(26,39,66,.5);margin-bottom:4px}.stat-value{font-size:22px;font-weight:700;color:var(--color-foreground);line-height:1.2}.stat-sub{font-size:11.5px;color:rgba(var(--color-primary-rgb),.75);margin-top:3px}.content-panel{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px 22px;margin-bottom:20px}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.panel-title{font-size:14px;font-weight:600;color:var(--color-foreground);display:flex;align-items:center;gap:8px}.panel-title i{color:var(--color-primary-light);font-size:14px}.panel-section-title{font-weight:700;font-size:1rem;color:var(--color-foreground);margin-bottom:16px;display:flex;align-items:center;gap:8px}.panel-section-title i{color:var(--color-primary)}#footer{display:flex;align-items:center;justify-content:center;height:var(--footer-height);background:var(--color-surface);border-top:1px solid var(--color-border);font-size:12px;color:rgba(26,39,66,.45);flex-shrink:0;gap:6px;padding:0 24px;position:relative;z-index:1}#footer a{color:var(--color-primary-light);font-weight:500;transition:color var(--transition)}#footer a:hover{color:var(--color-primary)}#hamburger-btn{display:none;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.85);font-size:15px;cursor:pointer;margin-right:8px;transition:all var(--transition)}#hamburger-btn:hover{background:rgba(255,255,255,.18)}.order-tabs-container{display:flex;align-items:center;border-bottom:2px solid var(--color-border);margin-bottom:20px;gap:8px;overflow-x:auto;scrollbar-width:none}.order-tabs-container::-webkit-scrollbar{display:none}.order-tab-btn{padding:12px 22px;font-size:13.5px;font-weight:500;color:rgba(26,39,66,.6);border-bottom:3px solid transparent;margin-bottom:-2px;transition:all var(--transition);white-space:nowrap;display:flex;align-items:center;gap:8px;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer}.order-tab-btn:hover{color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.order-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.badge-count{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;transition:all var(--transition)}.order-tab-btn.active .badge-count{background:var(--color-primary);color:#fff}.table-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.search-box-wrapper{position:relative;flex:1;min-width:200px;max-width:360px}.search-box-wrapper i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:rgba(26,39,66,.4);font-size:13px}.search-input{width:100%;padding:8px 12px 8px 36px;border-radius:var(--radius-sm);border:1px solid var(--color-border);font-family:inherit;font-size:13.5px;background:var(--color-surface);color:var(--color-foreground);transition:all var(--transition)}.search-input:focus{outline:0;border-color:var(--color-primary-light);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.filter-group{display:flex;align-items:center;gap:8px}.select-filter{padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border);font-family:inherit;font-size:13px;background:var(--color-surface);color:var(--color-foreground);cursor:pointer;transition:all var(--transition)}.select-filter:focus{outline:0;border-color:var(--color-primary-light)}.table-responsive{flex-shrink:0;overflow-y:hidden;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 2px 12px rgba(26,127,212,.04);margin-bottom:16px}.modern-table{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px}.modern-table tr.no-border-bottom td{border-bottom:0!important}.modern-table th{background:var(--color-surface-2);color:rgba(26,39,66,.85);font-weight:600;padding:14px 18px;border-bottom:1px solid var(--color-border);white-space:nowrap}.modern-table td{padding:14px 18px;border-bottom:1px solid var(--color-border);color:var(--color-foreground);white-space:nowrap}.modern-table tbody tr{transition:background var(--transition)}.modern-table tbody tr:hover{background:rgba(var(--color-primary-rgb),.03)}.modern-table tbody tr:last-child td{border-bottom:0}.modern-table tbody tr.no-border-bottom td{border-bottom:0}.customer-info{display:flex;flex-direction:column;gap:2px}.customer-name{font-weight:500;color:var(--color-foreground)}.customer-name--link{font-weight:500;color:var(--color-primary);text-decoration:none;transition:color var(--transition)}.customer-name--link:hover{color:var(--color-primary-dark);text-decoration:underline}.customer-email{font-size:11.5px;color:rgba(26,39,66,.5)}.config-details{display:flex;flex-direction:column;gap:3px;max-width:320px}.config-title{font-weight:600;color:var(--color-primary-dark);white-space:normal;word-break:break-word}.config-sub{font-size:11.5px;color:rgba(26,39,66,.55);white-space:normal;word-break:break-word;line-height:1.4}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11.5px;font-weight:500}.status-badge.sm-badge{padding:0 5px;font-size:.675rem}.status-badge.pending{background:rgba(245,158,11,.12);color:#d97706;border:1px solid rgba(245,158,11,.2)}.status-badge.processing{background:rgba(59,130,246,.12);color:#2563eb;border:1px solid rgba(59,130,246,.2)}.status-badge.completed{background:rgba(16,185,129,.12);color:#059669;border:1px solid rgba(16,185,129,.2)}.status-badge.reject,.status-badge.danger{background:rgba(239,68,68,.12);color:#dc2626;border:1px solid rgba(239,68,68,.2)}.table-actions{display:flex;align-items:center;gap:6px;justify-content:center}.btn-action-sm{width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;transition:all var(--transition);cursor:pointer;background:none}.btn-action-sm.approve{background:rgba(16,185,129,.1);color:#059669;border:1px solid rgba(16,185,129,.2)}.btn-action-sm.approve:hover{background:#10b981;color:#fff;box-shadow:0 2px 6px rgba(16,185,129,.3)}.btn-action-sm.reject{background:rgba(239,68,68,.1);color:#dc2626;border:1px solid rgba(239,68,68,.2)}.btn-action-sm.reject:hover{background:#ef4444;color:#fff;box-shadow:0 2px 6px rgba(239,68,68,.3)}.btn-action-sm.details{background:rgba(26,127,212,.1);color:var(--color-primary);border:1px solid rgba(26,127,212,.2)}.btn-action-sm.details:hover{background:var(--color-primary);color:#fff;box-shadow:0 2px 6px rgba(26,127,212,.3)}.pagination-container{display:flex;align-items:center;justify-content:space-between;margin-top:10px;flex-wrap:wrap;gap:12px;font-size:13px;color:rgba(26,39,66,.55)}.pagination-pages{display:flex;align-items:center;gap:5px}.page-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--color-border);display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:rgba(26,39,66,.7);background:var(--color-surface);transition:all var(--transition);cursor:pointer}.page-btn:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.08);border-color:var(--color-primary-light);color:var(--color-primary-dark)}.page-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary-dark)}.page-btn:disabled{opacity:.5;cursor:not-allowed}#blazor-error-ui{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff3cd;border-top:1px solid #ffc107;padding:10px 20px;z-index:9999;font-size:13px;color:#856404;box-shadow:0 -2px 8px rgba(0,0,0,.12)}#blazor-error-ui a.reload{color:var(--color-primary);font-weight:600;margin-left:8px}#blazor-error-ui a.dismiss{cursor:pointer;position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:16px;color:#856404;opacity:.6}#blazor-error-ui a.dismiss:hover{opacity:1}.loading-progress{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f0f6fc;z-index:9998}.loading-progress .spinner{width:40px;height:40px;border:3px solid rgba(26,127,212,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .75s linear infinite;margin-bottom:16px}.loading-progress .text-note{font-size:14px;color:var(--color-primary);font-family:"Roboto",sans-serif}@keyframes spin{to{transform:rotate(360deg)}}.th-center{text-align:center}.th-right{text-align:right}.td-center{text-align:center}.td-actions-right .table-actions{justify-content:flex-end}.td-money{text-align:right;font-weight:600;color:var(--color-primary-dark)}.td-count{font-weight:700;color:var(--color-primary)}.td-expiring{color:#d97706;font-weight:600}.td-positive{color:#16a34a;font-weight:600}.td-date-normal{color:var(--color-primary-dark);font-weight:600}.btn-sm-compact{font-size:12px;padding:5px 12px}.code-tag{font-size:12px;background:#f1f5f9;padding:2px 6px;border-radius:4px}.text-center{text-align:center}.td-muted{color:#9ca3af}.td-price-origin{text-align:right;color:#6b7280}.td-price-tier{text-align:right;font-weight:600;color:var(--color-primary-dark)}.td-price-discount{text-align:right;font-weight:600;color:#16a34a}.badge-gray{background:rgba(107,114,128,.1);color:#374151;border:1px solid rgba(107,114,128,.2)}.badge-red{background:rgba(239,68,68,.1);color:#dc2626;border:1px solid rgba(239,68,68,.2)}.badge-purple{background:rgba(139,92,246,.1);color:#7c3aed;border:1px solid rgba(139,92,246,.2)}.btn-action-sm.print{background:rgba(107,114,128,.1);color:#374151;border:1px solid rgba(107,114,128,.2)}.btn-action-sm.print:hover{background:#6b7280;color:#fff;box-shadow:0 2px 6px rgba(107,114,128,.3)}.config-title-muted{color:#6b7280}.sidebar-section-title--env{flex-direction:column;align-items:flex-start;gap:4px}.sidebar-env-error{color:#f87171;font-size:12px}.sidebar-env-url{color:#94a3b8;font-size:10px;word-break:break-all}.td-count{font-weight:700;color:var(--color-primary)}.form-switch-wrapper{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.form-switch-wrapper input[type=checkbox]{display:none}.form-switch{position:relative;width:30px;height:17px;background:#d1d5db;border-radius:9px;transition:background .22s ease;flex-shrink:0;cursor:pointer}.form-switch::after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;background:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:transform .22s ease}.form-switch-wrapper input[type=checkbox]:checked+.form-switch{background:var(--color-primary)}.form-switch-wrapper input[type=checkbox]:checked+.form-switch::after{transform:translateX(16px)}.form-switch-label{font-size:13.5px;color:var(--color-foreground);font-weight:500}.form-switch-label--muted{color:rgba(26,39,66,.45)}.toggle-switch{position:relative;display:inline-block;width:38px;height:20px;background-color:#d1d5db;border-radius:20px;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;margin:0 auto;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.toggle-switch:hover{box-shadow:inset 0 1px 3px rgba(0,0,0,.15),0 0 0 3px rgba(16,185,129,.15)}.toggle-switch.active{background-color:#10b981}.toggle-switch.active:hover{box-shadow:inset 0 1px 3px rgba(0,0,0,.15),0 0 0 3px rgba(16,185,129,.3)}.toggle-switch.active .toggle-knob{transform:translateX(18px)}.toggle-switch .toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.2)}.td-center{text-align:center;vertical-align:middle}.cursor-pointer{cursor:pointer}.image-upload-wrapper{display:flex;flex-direction:column;gap:8px;width:100%}.image-upload-wrapper .image-preview-container{position:relative;width:100%;height:120px;border:2px dashed var(--border-color,#e2e8f0);border-radius:8px;background-color:var(--color-bg-light,#f8fafc);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .2s,background-color .2s}.image-upload-wrapper .image-preview-container:hover{border-color:var(--color-primary,#3b82f6);background-color:var(--color-bg-hover,#f1f5f9)}.image-upload-wrapper .image-preview-container .preview-box{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:8px}.image-upload-wrapper .image-preview-container .preview-box.dark-bg{background-color:#1e293b;border-radius:6px}.image-upload-wrapper .image-preview-container .preview-box .img-preview{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.image-upload-wrapper .image-preview-container .preview-box .btn-remove-image{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background-color:#ef4444;color:#fff;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:background-color .2s,transform .1s}.image-upload-wrapper .image-preview-container .preview-box .btn-remove-image:hover{background-color:#dc2626;transform:scale(1.1)}.image-upload-wrapper .image-preview-container .upload-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:var(--color-muted,#64748b);gap:6px}.image-upload-wrapper .image-preview-container .upload-placeholder .upload-icon{font-size:24px;color:var(--color-primary,#3b82f6)}.image-upload-wrapper .image-preview-container .upload-placeholder .upload-text{font-size:.85rem;font-weight:500}.image-upload-wrapper .image-preview-container .upload-progress-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%}.image-upload-wrapper .image-preview-container .upload-progress-container .upload-spinner{font-size:24px;color:var(--color-primary,#3b82f6);margin-bottom:8px}.image-upload-wrapper .image-preview-container .upload-progress-container .progress-bar-bg{width:100%;height:6px;background-color:#e2e8f0;border-radius:3px;overflow:hidden}.image-upload-wrapper .image-preview-container .upload-progress-container .progress-bar-bg .progress-bar-fill{height:100%;background-color:var(--color-primary,#3b82f6);border-radius:3px;transition:width .1s ease-out}.image-upload-wrapper .image-preview-container .upload-progress-container .upload-progress-text{font-size:.75rem;color:var(--color-muted,#64748b);font-weight:500;margin-top:4px}.image-upload-wrapper .hidden-file-input{display:none}.image-upload-wrapper .url-display{display:flex;gap:6px}.image-upload-wrapper .url-display .url-input{flex:1;font-size:.8rem!important;background-color:#f1f5f9!important;color:#475569!important;cursor:not-allowed}.image-upload-wrapper .url-display .btn-copy-url{padding:0 10px;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.image-upload-wrapper .url-display .btn-copy-url:hover{background-color:#f1f5f9;color:var(--color-primary,#3b82f6)}.form-card{position:relative;flex-direction:column;align-items:stretch;display:flex;height:100%}.form-card .btn-card-remove{position:absolute;top:12px;right:12px;background:none;border:0;padding:6px;cursor:pointer;color:var(--color-danger,#ef4444);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;z-index:10}.form-card .btn-card-remove:hover{background-color:rgba(239,68,68,.08)}.form-card .card-form-body{display:flex;flex-direction:column;gap:14px;flex-grow:1;padding-top:8px}.form-card .card-form-body .form-field-group{display:flex;flex-direction:column;gap:4px}.form-card .card-form-body .form-field-group .form-field-label{font-size:.72rem;font-weight:600;color:var(--color-text-muted,#64748b);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.form-card .card-form-body .form-field-group .form-field-input{width:100%;height:38px;padding:6px 12px;font-size:.85rem;border-radius:var(--radius-md,6px)}.form-card .card-form-body .form-field-group .form-field-input.form-select{padding-right:36px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23475569' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:14px 10px;appearance:none;-webkit-appearance:none;-moz-appearance:none}.form-card .card-form-footer{margin-top:16px;padding-top:12px;border-top:1px dashed var(--color-border);display:flex;align-items:center;justify-content:space-between}.form-card .card-form-footer .form-footer-label{font-size:.72rem;font-weight:600;color:var(--color-text-muted,#64748b);text-transform:uppercase;letter-spacing:.05em;margin-bottom:0}.form-card .card-form-footer .form-checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.8rem;font-weight:500;margin-bottom:0}.form-card .card-form-footer .form-checkbox-label .form-checkbox-input{width:16px;height:16px;cursor:pointer}.config-info-banner{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(135deg,rgba(26,127,212,.07) 0%,rgba(26,127,212,.02) 100%);border-left:4px solid var(--color-primary);padding:14px 18px;border-radius:0 10px 10px 0;margin-bottom:24px;box-shadow:0 4px 12px rgba(26,127,212,.03);border-top:1px solid rgba(26,127,212,.05);border-right:1px solid rgba(26,127,212,.05);border-bottom:1px solid rgba(26,127,212,.05);transition:transform .2s ease,box-shadow .2s ease}.config-info-banner:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(26,127,212,.06)}.config-info-banner .banner-icon{font-size:1.15rem;color:var(--color-primary);margin-top:2px;flex-shrink:0;animation:bannerPulse 2s infinite alternate}.config-info-banner .banner-text{font-size:.85rem;color:#4b5563;line-height:1.6;margin:0;font-weight:450}@keyframes bannerPulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.08);opacity:1}}.alert-msg{display:flex;align-items:center;border:1px solid transparent;border-radius:var(--radius-md,12px);padding:16px;gap:8px}.alert-msg-primary{background:rgba(var(--color-primary-rgb,26,127,212),.15);border-color:rgba(var(--color-primary-rgb,26,127,212),.4);color:var(--color-primary,#1a7fd4)}.alert-msg-danger{background:rgba(220,53,69,.12);border-color:rgba(220,53,69,.3);color:#dc3545}.alert-msg-success{background:rgba(40,167,69,.12);border-color:rgba(40,167,69,.3);color:#28a745}.alert-msg-warning{background:rgba(255,193,7,.15);border-color:rgba(255,193,7,.3);color:#d39e00}.alert-msg-info{background:rgba(23,162,184,.15);border-color:rgba(23,162,184,.3);color:#17a2b8}.alert-msg-content{display:block}.alert-msg-list{margin-top:6px;margin-bottom:0;padding-left:20px}.alert-msg-item{font-size:inherit}.login-container{display:flex;min-height:100vh;background-color:var(--color-surface);overflow:hidden}.login-left{flex:1.2;background-color:var(--color-primary);background-image:radial-gradient(at 80% 0%,var(--color-primary-light) 0,transparent 50%),radial-gradient(at 0% 40%,var(--color-primary-dark) 0,transparent 60%),radial-gradient(at 100% 100%,var(--color-primary-dark) 0,transparent 50%),radial-gradient(at 0% 100%,var(--color-primary-light) 0,transparent 50%);position:relative;display:flex;flex-direction:column;padding:48px;color:#fff;border-radius:0 80px 80px 0;box-shadow:10px 0 30px rgba(26,127,212,.15);z-index:2}.login-left .login-brand{display:flex;align-items:center;gap:20px;margin-bottom:auto;text-decoration:none;transition:opacity var(--transition)}.login-left .login-brand:hover{opacity:.85}.login-left .login-brand .brand-icon{width:68px;height:68px;border-radius:18px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.25)}.login-left .login-brand .brand-text{font-size:30px;font-weight:700;color:#fff;letter-spacing:.6px}.login-left .login-brand .brand-text span{font-weight:300;opacity:.75}.login-left .login-illustration{display:flex;justify-content:center;align-items:center;flex:1;opacity:.9}.login-left .login-illustration img{max-width:100%;height:auto;transform:scale(1.1)}.login-left .login-info{margin-top:auto}.login-left .login-info h2{font-size:26px;font-weight:700;margin-bottom:16px;line-height:1.4}.login-left .login-info p{font-size:14.5px;opacity:.8;line-height:1.6;margin:0}.login-right{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--color-surface);padding:40px;z-index:1}.login-right .login-form-wrapper{width:100%;max-width:380px}.login-right .login-title{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:600;color:var(--color-primary);text-transform:uppercase;margin-bottom:32px;text-align:left}.login-right .form-group{margin-bottom:24px}.login-right .form-group .form-input-large{width:100%;padding:14px 20px;border-radius:var(--radius-sm);border:1px solid rgba(var(--color-primary-rgb),.2);font-size:15px;color:var(--color-foreground);background:rgba(var(--color-primary-rgb),.03);transition:all var(--transition);box-sizing:border-box}.login-right .form-group .form-input-large::placeholder{color:rgba(26,39,66,.5)}.login-right .form-group .form-input-large:focus{outline:0;border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px rgba(26,127,212,.15)}.login-right .form-actions{margin-top:32px}.login-right .btn-login-large{width:100%;padding:14px;border-radius:var(--radius-sm);background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary-dark);border:1px solid rgba(var(--color-primary-rgb),.3);font-size:15px;font-weight:700;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center}.login-right .btn-login-large:hover{background:rgba(var(--color-primary-rgb),.25)}@media(max-width:992px){.login-left{display:none}}.bmodal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}.bmodal-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 20px 60px rgba(15,23,42,.25),0 4px 16px rgba(15,23,42,.12);width:100%;max-width:480px;display:flex;flex-direction:column;animation:modal-slide-in .22s ease-out;max-height:75vh}@keyframes modal-slide-in{from{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-nhom-daily{max-width:460px}.bmodal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-md) var(--radius-md) 0 0}.bmodal-title{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:#fff}.bmodal-title i{color:rgba(255,255,255,.85);font-size:14px}.bmodal-close-btn{width:30px;height:30px;border-radius:6px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.15);color:rgba(255,255,255,.9);font-size:14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition)}.bmodal-close-btn:hover{background:rgba(255,255,255,.28);border-color:rgba(255,255,255,.5);color:#fff}.bmodal-body{padding:20px 22px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.bmodal-alert{border-radius:var(--radius-sm);padding:10px 14px;display:flex;flex-direction:column;gap:6px}.bmodal-error-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#dc2626}.bmodal-error-item i{font-size:13px;flex-shrink:0;margin-top:1px}.form-grid{display:flex;flex-direction:column;gap:20px}.form-field{display:flex;flex-direction:column;gap:1px}.form-field-full{width:100%}.form-label{font-size:13px;font-weight:600;color:rgba(26,39,66,.55)}.form-required{color:#dc2626;margin-left:2px}.form-input{padding:9px 13px;border-radius:var(--radius-sm);border:1px solid var(--color-border);font-family:inherit;font-size:13.5px;color:var(--color-foreground);background:var(--color-surface);transition:all var(--transition);width:100%}.form-input:focus{outline:0;border-color:var(--color-primary-light);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.form-input::placeholder{color:rgba(26,39,66,.35)}.form-input-prefix-group{display:flex;align-items:stretch;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.form-input-prefix-group:focus-within{border-color:var(--color-primary-light);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.form-input-prefix{display:flex;align-items:center;padding:0 10px;background:rgba(26,39,66,.05);border-right:1px solid var(--color-border);font-size:13px;font-weight:500;color:rgba(26,39,66,.5);white-space:nowrap;user-select:none;flex-shrink:0}.form-input-prefix-group .form-input{border:0;border-radius:0;box-shadow:none;flex:1}.form-input-prefix-group .form-input:focus{outline:0;border:0;box-shadow:none}.form-hint{font-size:12px;color:rgba(26,39,66,.45);margin-top:5px;line-height:1.5}.form-ssl-status{display:flex;align-items:center;gap:12px;padding:8px 0}.bmodal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 22px 18px;border-top:1px solid var(--color-border)}.td-dichvu{vertical-align:middle}.dichvu-tag-list{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start}.dichvu-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap;border:1px solid transparent}.dichvu-server{background:rgba(99,102,241,.1);color:#4f46e5;border-color:rgba(99,102,241,.2)}.dichvu-proxy{background:rgba(139,92,246,.1);color:#7c3aed;border-color:rgba(139,92,246,.2)}.dichvu-domain{background:rgba(245,158,11,.1);color:#d97706;border-color:rgba(245,158,11,.25)}.dichvu-hosting{background:rgba(16,185,129,.1);color:#059669;border-color:rgba(16,185,129,.2)}.dichvu-ssl{background:rgba(6,182,212,.1);color:#0891b2;border-color:rgba(6,182,212,.2)}.dichvu-email{background:rgba(249,115,22,.1);color:#ea580c;border-color:rgba(249,115,22,.2)}.dichvu-addon{background:rgba(236,72,153,.1);color:#be185d;border-color:rgba(236,72,153,.2)}.detail-grid-top{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.breadcrumb-link{color:var(--color-primary-light);text-decoration:none;transition:color var(--transition)}.breadcrumb-link:hover{color:var(--color-primary);text-decoration:underline}.info-grid{display:flex;flex-direction:column;gap:0}.info-row{display:flex;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--color-border);gap:12px}.info-row:last-child{border-bottom:0;padding-bottom:0}.info-label{flex:0 0 160px;font-size:12.5px;color:rgba(26,39,66,.55);font-weight:500;padding-top:1px}.info-value{flex:1;font-size:13.5px;color:var(--color-foreground);line-height:1.5}.info-value--bold{font-weight:600}.info-value--muted{color:rgba(26,39,66,.55);font-style:italic}.info-link{color:var(--color-primary-light);text-decoration:none;transition:color var(--transition)}.info-link:hover{color:var(--color-primary);text-decoration:underline}.badge-loai-dv{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:11.5px;font-weight:500}.badge-loai-dv--server{background:rgba(59,130,246,.12);color:#2563eb;border:1px solid rgba(59,130,246,.2)}.badge-loai-dv--proxy{background:rgba(139,92,246,.12);color:#7c3aed;border:1px solid rgba(139,92,246,.2)}.badge-loai-dv--domain{background:rgba(245,158,11,.12);color:#d97706;border:1px solid rgba(245,158,11,.2)}.badge-loai-dv--hosting{background:rgba(16,185,129,.12);color:#059669;border:1px solid rgba(16,185,129,.2)}.badge-loai-dv--addon{background:rgba(236,72,153,.12);color:#be185d;border:1px solid rgba(236,72,153,.2)}.user-info{display:flex;align-items:center;gap:10px}.user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-meta{display:flex;flex-direction:column;gap:1px}.badge-vai-tro{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:11.5px;font-weight:500;background:rgba(26,127,212,.1);color:var(--color-primary-dark);border:1px solid rgba(26,127,212,.2)}.website-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.website-config-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:18px 20px;background:var(--color-surface);display:flex;flex-direction:column;gap:16px}.website-config-card__header{display:flex;align-items:flex-start;gap:12px}.website-config-card__info{flex:1}.website-config-card__icon{width:40px;height:40px;border-radius:10px;background:rgba(var(--color-primary-rgb),.12);color:var(--color-primary-light);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.website-config-card__icon--green{background:rgba(16,185,129,.12);color:#059669}.website-config-card__title{font-size:14px;font-weight:600;color:var(--color-foreground);margin-bottom:2px}.website-config-card__sub{font-size:12px;color:rgba(26,39,66,.5)}.website-config-card__footer{display:flex;gap:8px;flex-wrap:wrap}.td-price-group{padding-top:6px;padding-bottom:6px;vertical-align:middle}.price-tier-list{display:flex;flex-direction:column;gap:4px}.price-tier-item{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:3px 6px;border-radius:6px;transition:background var(--transition)}.price-tier-item:hover{background:rgba(26,39,66,.04)}.price-tier-label{font-size:11px;color:rgba(26,39,66,.5);font-weight:500;white-space:nowrap;min-width:54px;text-align:right}.price-tier-value{font-size:13px;color:var(--color-foreground);font-weight:500;white-space:nowrap;min-width:100px;text-align:right;font-variant-numeric:tabular-nums}.price-tier-item--highlight{background:rgba(var(--color-primary-rgb),.07);border:1px solid rgba(var(--color-primary-rgb),.15)}.price-tier-item--highlight .price-tier-label{color:var(--color-primary-dark)}.price-tier-item--highlight .price-tier-value{color:var(--color-primary);font-weight:700}.td-right .table-actions{justify-content:flex-end}.panel-header-actions{display:flex;align-items:center;gap:8px}.gia-si-price-list{display:flex;flex-direction:column;gap:8px;padding-top:4px}.gia-si-price-row{display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:8px;background:rgba(26,39,66,.02);border:1px solid transparent;transition:background var(--transition)}.gia-si-price-row:hover{background:rgba(26,39,66,.05)}.gia-si-price-row--highlight{background:rgba(var(--color-primary-rgb),.06);border-color:rgba(var(--color-primary-rgb),.15)}.gia-si-price-label{flex:0 0 140px;font-size:13px;font-weight:500;color:var(--color-foreground);display:flex;align-items:center;gap:6px;white-space:nowrap}.gia-si-price-row--highlight .gia-si-price-label{color:var(--color-primary-dark);font-weight:600}.gia-si-price-input{flex:1;margin-bottom:0!important}.page-chi-tiet-dai-ly-truc-thuoc .agency-detail-container{display:flex;flex-direction:column;padding-bottom:24px}.page-chi-tiet-dai-ly-truc-thuoc .owner-creation-banner{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-radius:12px;margin-bottom:24px}.page-chi-tiet-dai-ly-truc-thuoc .owner-creation-banner.alert-orange{background-color:#fffbeb;border:1px solid #fde68a}.page-chi-tiet-dai-ly-truc-thuoc .owner-creation-banner.alert-orange .banner-info{display:flex;gap:16px;align-items:center}.page-chi-tiet-dai-ly-truc-thuoc .owner-creation-banner.alert-orange .banner-info .banner-icon{width:48px;height:48px;background:#fef3c7;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#d97706;font-size:24px;flex-shrink:0}.page-chi-tiet-dai-ly-truc-thuoc .owner-creation-banner.alert-orange .banner-info .banner-text h3{font-size:15.5px;font-weight:700;color:#92400e;margin-bottom:4px}.page-chi-tiet-dai-ly-truc-thuoc .owner-creation-banner.alert-orange .banner-info .banner-text p{font-size:13.5px;color:#b45309;margin:0;line-height:1.6}.page-chi-tiet-dai-ly-truc-thuoc .owner-creation-banner.alert-orange .banner-actions{flex-shrink:0;margin-left:24px}.page-chi-tiet-dai-ly-truc-thuoc .owner-creation-banner.alert-orange .banner-actions .btn-orange{padding:9px 18px;font-size:13.5px;font-weight:600;border-radius:10px;display:flex;align-items:center;gap:8px;background-color:#f59e0b;border:1px solid #d97706;color:#fff;box-shadow:0 2px 4px rgba(217,119,6,.2)}.page-chi-tiet-dai-ly-truc-thuoc .owner-creation-banner.alert-orange .banner-actions .btn-orange:hover{background-color:#d97706}.page-chi-tiet-dai-ly-truc-thuoc .overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.page-chi-tiet-dai-ly-truc-thuoc .config-list{display:flex;flex-direction:column;gap:0}.page-chi-tiet-dai-ly-truc-thuoc .config-list .config-row{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--color-border)}.page-chi-tiet-dai-ly-truc-thuoc .config-list .config-row:last-child{border-bottom:0}.page-chi-tiet-dai-ly-truc-thuoc .config-list .config-row .config-meta .config-name{font-size:14px;font-weight:600;display:block;margin-bottom:3px}.page-chi-tiet-dai-ly-truc-thuoc .config-list .config-row .config-meta .config-desc{font-size:12.5px;color:rgba(26,39,66,.45);line-height:1.5}.page-chi-tiet-dai-ly-truc-thuoc .form-grid{display:flex;flex-direction:column;gap:20px}.page-chi-tiet-dai-ly-truc-thuoc .form-field{display:flex;flex-direction:column;gap:1px}.page-chi-tiet-dai-ly-truc-thuoc .form-label{font-size:13px;font-weight:600;color:rgba(26,39,66,.55)}.btn-orange{background-color:#f97316!important;border-color:#9a3412!important;color:#fff!important}.btn-orange:hover{background-color:#ea580c!important}.panel-body{padding:16px 20px}.dropdown-menu-custom{display:block;position:absolute;right:8px;top:100%;z-index:1000;min-width:170px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 4px 16px rgba(15,23,42,.15);list-style:none;padding:6px 0;margin:4px 0 0 0}.dropdown-menu-custom.dropup{top:auto;bottom:100%;margin-top:0;margin-bottom:8px;box-shadow:0 -4px 16px rgba(15,23,42,.15)}.dropdown-overlay{position:fixed;inset:0;z-index:999;background:transparent}.dropdown-menu-custom li button{display:flex;align-items:center;width:100%;text-align:left;padding:9px 16px;border:0;background:none;font-size:13px;cursor:pointer;color:var(--color-foreground);transition:background .15s ease,color .15s ease}.dropdown-menu-custom li button:hover{background-color:var(--color-surface-2);color:var(--color-primary-dark)}.dropdown-menu-custom li button.text-danger:hover{background-color:#fee2e2;color:#dc2626}.tab-fade-in{animation:tabFadeIn .22s ease-out forwards}@keyframes tabFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1025px){.table-responsive-visible{overflow:visible!important}}@media(max-width:991px){.detail-grid-top{grid-template-columns:1fr!important}}.operation-split-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:768px){.operation-split-grid{grid-template-columns:1.4fr 1fr}}.operation-col-left{display:flex;flex-direction:column}.operation-col-right{display:flex;flex-direction:column}.operation-section-title{font-size:13.5px;font-weight:600;color:var(--color-foreground);margin-bottom:4px;display:flex;align-items:center;gap:6px}.operation-section-title i{color:var(--color-primary-light)}.operation-section-desc{font-size:12.5px;color:rgba(26,39,66,.5);margin-bottom:16px;line-height:1.45}.clickable-copy-tag{cursor:pointer;margin-left:8px;font-size:11px!important;transition:all var(--transition);user-select:none;border:1px solid rgba(var(--color-primary-rgb),.15);background:rgba(var(--color-primary-rgb),.05);color:var(--color-primary)}.clickable-copy-tag:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary-dark)}.credential-grid{display:flex;flex-direction:column;gap:16px}.credential-box{background:rgba(26,127,212,.03);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:14px 16px;display:flex;flex-direction:column;gap:6px}.credential-label{font-size:11px;text-transform:uppercase;font-weight:700;color:rgba(26,39,66,.5);letter-spacing:.5px}.credential-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.credential-value{font-family:"Courier New",Courier,monospace;font-size:14px;font-weight:700;color:var(--color-primary-dark);word-break:break-all}.credential-value--masked{letter-spacing:2px;color:rgba(26,39,66,.35);font-size:11px}.credential-btn-group{display:flex;gap:6px;flex-shrink:0}.btn-credential-action{border:1px solid var(--color-border);background:var(--color-surface);width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary-light);cursor:pointer;transition:all var(--transition)}.btn-credential-action:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary-dark)}.status-summary-wrapper{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.status-summary-label{font-size:13.5px;font-weight:500;color:rgba(26,39,66,.6)}.panel-divider{border:0;border-top:1px solid var(--color-border);margin:16px 0}.quick-actions-section{display:flex;flex-direction:column}.quick-actions-title{font-size:13.5px;font-weight:600;color:var(--color-foreground);margin-bottom:4px}.quick-actions-desc{font-size:12px;color:rgba(26,39,66,.5);margin-bottom:16px;line-height:1.45}.action-buttons-stack{display:flex;flex-direction:column;gap:10px}.btn-action-control{width:100%;justify-content:center;padding:10px 16px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition)}.btn-action-control.btn-action-start:hover{box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.25)}.btn-action-control.btn-action-stop:hover{background:#fffbeb!important;border-color:#f59e0b!important;color:#d97706!important}.btn-action-control.btn-action-restart:hover:not(:disabled){background:rgba(26,127,212,.08);border-color:var(--color-primary);color:var(--color-primary-dark)}.btn-action-control.btn-action-sync:hover:not(:disabled){background:rgba(26,127,212,.08);border-color:var(--color-primary);color:var(--color-primary-dark)}.btn-action-control:disabled{opacity:.5;cursor:not-allowed;background:rgba(26,39,66,.04)!important;border-color:var(--color-border)!important;color:rgba(26,39,66,.35)!important;box-shadow:none!important}.danger-zone-card{border:1px solid rgba(239,68,68,.22)!important;background:rgba(239,68,68,.015)!important}.danger-zone-header{border-bottom:1px solid rgba(239,68,68,.12)!important}.danger-zone-warning-text{font-size:12.5px;color:#dc2626;line-height:1.5;margin-bottom:16px;background:rgba(239,68,68,.04);padding:10px 12px;border-radius:var(--radius-sm);border-left:3px solid #dc2626}.danger-zone-confirm-wrapper{margin-bottom:16px}.danger-checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;user-select:none}.danger-checkbox{margin-top:3px;cursor:pointer;width:15px;height:15px;flex-shrink:0}.danger-checkbox-text{font-size:12.5px;color:rgba(26,39,66,.65);line-height:1.4;font-weight:500}.btn-danger-confirm{display:inline-flex;align-items:center;gap:8px;justify-content:center;width:100%;padding:10px 16px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;border:1px solid rgba(239,68,68,.35);background:rgba(239,68,68,.06);color:#dc2626;cursor:pointer;transition:all var(--transition)}.btn-danger-confirm:hover:not(:disabled){background:#dc2626;color:#fff;border-color:#b91c1c;box-shadow:0 4px 12px rgba(220,38,38,.22)}.btn-danger-confirm:disabled{opacity:.5;cursor:not-allowed;background:rgba(26,39,66,.03);border-color:rgba(26,39,66,.12);color:rgba(26,39,66,.35)}.custom-toast{position:fixed;bottom:24px;right:24px;z-index:3000;background:#0f172a;color:#fff;padding:12px 24px;border-radius:var(--radius-sm);box-shadow:0 10px 25px rgba(0,0,0,.25);font-weight:500;font-size:13.5px;display:flex;align-items:center;gap:8px;border-left:4px solid var(--color-primary)}.content-panel{background:var(--color-surface);box-shadow:0 4px 16px rgba(26,127,212,.04)}.dvc-panel-not-found{padding:40px 20px}.dvc-icon-not-found{font-size:48px;margin-bottom:16px}.dvc-btn-margin-top{margin-top:16px}.dvc-panel-no-margin{margin-bottom:0}.dvc-panel-body-no-padding{padding:0}.dvc-info-grid-divider{border-bottom:1px dashed var(--color-border);padding-bottom:12px;margin-bottom:12px}.dvc-btn-info-sm{margin-left:8px;padding:2px 8px;height:auto;font-size:11px;display:inline-flex;align-items:center;gap:4px}.dvc-margin-right-sm{margin-right:4px}.dvc-panel-body-bottom-padding{padding:0 0 10px 0}.dvc-code-tag-agency,.dvc-code-tag-customer{margin-left:6px;font-size:11px;cursor:pointer}.dvc-panel-margin-top{margin-top:20px}.dvc-panel-body-table{padding:12px 0 0 0}.dvc-table-custom{width:100%;border-collapse:collapse;border-spacing:0}.dvc-tr-header{background:var(--color-surface-2)}.dvc-th-normal{vertical-align:middle;padding:12px;font-weight:700;border-bottom:2px solid var(--color-border);font-size:12px}.dvc-th-retail-group{text-align:center;padding:10px 12px;font-weight:700;border-bottom:2px solid #10b981;font-size:12px;background:rgba(16,185,129,.08);color:#047857}.dvc-th-original-group{text-align:center;padding:10px 12px;font-weight:700;border-bottom:2px solid #3b82f6;font-size:12px;background:rgba(59,130,246,.08);color:#1d4ed8}.dvc-th-retail-sub{padding:8px 12px;font-size:11px;font-weight:600;border-bottom:1.5px solid rgba(16,185,129,.15);background:rgba(16,185,129,.03);color:#047857}.dvc-th-retail-sub-price{padding:8px 12px;font-size:11px;font-weight:600;border-bottom:1.5px solid rgba(16,185,129,.15);background:rgba(16,185,129,.03);color:#047857;width:120px}.dvc-th-original-sub{padding:8px 12px;font-size:11px;font-weight:600;border-bottom:1.5px solid rgba(59,130,246,.15);background:rgba(59,130,246,.03);color:#1d4ed8}.dvc-th-original-sub-price{padding:8px 12px;font-size:11px;font-weight:600;border-bottom:1.5px solid rgba(59,130,246,.15);background:rgba(59,130,246,.03);color:#1d4ed8;width:120px}.dvc-td-normal{padding:12px;vertical-align:middle}.dvc-td-role-badge{font-size:11px;font-weight:700;background:rgba(var(--color-primary-rgb),.05);padding:3px 8px;border-radius:4px;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px}.dvc-flex-align-center-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.dvc-text-bold-foreground{font-weight:600;color:var(--color-foreground)}.dvc-code-tag-sm{font-size:11px;padding:1px 5px}.dvc-flex-align-center-mt{margin-top:6px;font-size:11px;display:flex;align-items:center;gap:4px}.dvc-text-muted-half{color:rgba(26,39,66,.45)}.dvc-code-tag-order{font-family:var(--font-family-monospace,monospace);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:3px}.dvc-font-size-xs{font-size:10px}.dvc-td-retail-config{padding:12px;font-size:12px;vertical-align:middle;white-space:pre-line;line-height:1.45;background:rgba(16,185,129,.01);border-left:1px solid rgba(16,185,129,.05);border-right:1px solid rgba(16,185,129,.05)}.dvc-text-retail-config{font-weight:500;color:#047857}.dvc-text-dash-muted{color:rgba(26,39,66,.3);font-style:italic}.dvc-td-retail-price{padding:12px;font-size:12.5px;vertical-align:middle;background:rgba(16,185,129,.01);border-right:1px solid rgba(16,185,129,.05)}.dvc-text-retail-price{font-weight:700;color:#047857}.dvc-td-original-config{padding:12px;font-size:12px;vertical-align:middle;white-space:pre-line;line-height:1.45;background:rgba(59,130,246,.01);border-left:1px solid rgba(59,130,246,.05);border-right:1px solid rgba(59,130,246,.05)}.dvc-text-original-config{font-weight:500;color:#1d4ed8}.dvc-td-original-price{padding:12px;font-size:12.5px;vertical-align:middle;background:rgba(59,130,246,.01);border-right:1px solid rgba(59,130,246,.05)}.dvc-text-original-price{font-weight:700;color:#1d4ed8}.dvc-status-badge-inline{font-size:11px;font-weight:600;padding:3px 8px;height:auto}.dvc-td-center-align{padding:12px;text-align:center;vertical-align:middle}.dvc-btn-detail-round{padding:5px;border-radius:50%;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}.dvc-icon-details{font-size:14px}.dvc-panel-body-operation{padding:10px 0 0 0}.dvc-action-stack-row{flex-direction:row;flex-wrap:wrap;gap:12px;max-width:580px}.dvc-btn-operation{width:auto;min-width:150px}.dvc-danger-zone-card-body{border-radius:var(--radius-sm);border:1px solid rgba(239,68,68,.2);background:rgba(239,68,68,.02);padding:16px 20px}.dvc-danger-zone-header-custom{border:0;padding:0 0 10px 0;margin-bottom:10px;display:flex;align-items:center;gap:8px}.dvc-icon-danger-custom{font-size:16px}.dvc-text-danger-title{font-weight:700;color:#dc2626;font-size:13.5px}.dvc-danger-warning-text-custom{background:none;border:0;padding:0;margin-bottom:14px;font-size:12px;line-height:1.4}.dvc-danger-confirm-wrapper-custom{margin-bottom:14px}.dvc-danger-checkbox-text-custom{font-size:11.5px}.dvc-btn-danger-confirm-custom{padding:8px 14px;font-size:12.5px}.dvc-modal-overlay-edit{z-index:2100}.dvc-modal-container-edit{max-width:540px}.dvc-modal-body-scrollable{max-height:70vh;overflow-y:auto}.dvc-divider-hr{border:0;border-top:1px solid var(--color-border);margin:8px 0}.dvc-modal-overlay-config{z-index:2200}.dvc-modal-container-config{max-width:520px}.dvc-modal-body-config{padding:20px;font-size:13px;color:var(--color-foreground);display:flex;flex-direction:column;gap:20px}.dvc-modal-config-banner{background:rgba(var(--color-primary-rgb),.04);border-left:4px solid var(--color-primary);padding:10px 14px;border-radius:var(--radius-sm);font-size:12px;line-height:1.5;color:var(--color-foreground)}.dvc-icon-info-custom{margin-right:4px}.dvc-card-green-border{border:1px solid rgba(16,185,129,.25);background:rgba(16,185,129,.02);border-radius:var(--radius-sm);padding:16px}.dvc-title-green-border{font-size:13.5px;font-weight:700;text-transform:uppercase;color:#059669;margin:0 0 12px 0;padding-bottom:6px;border-bottom:1px solid rgba(16,185,129,.15);display:flex;align-items:center;gap:6px}.dvc-flex-space-between-sm{display:flex;justify-content:space-between;font-size:12.5px}.dvc-text-color-muted-medium{color:rgba(26,39,66,.7)}.dvc-addon-wrapper-green{display:flex;flex-direction:column;gap:6px;padding-bottom:8px;border-bottom:1px dashed rgba(16,185,129,.15);font-size:12px;margin-top:4px}.dvc-title-addon-green{color:rgba(26,39,66,.7);font-size:12.5px;font-weight:600;margin-bottom:2px}.dvc-bullet-addon{color:rgba(26,39,66,.6);padding-left:10px}.dvc-total-row-green{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:#059669;margin-top:4px}.dvc-card-blue-border{border:1px solid rgba(59,130,246,.25);background:rgba(59,130,246,.02);border-radius:var(--radius-sm);padding:16px}.dvc-title-blue-border{font-size:13.5px;font-weight:700;text-transform:uppercase;color:#2563eb;margin:0 0 12px 0;padding-bottom:6px;border-bottom:1px solid rgba(59,130,246,.15);display:flex;align-items:center;gap:6px}.dvc-addon-wrapper-blue{display:flex;flex-direction:column;gap:6px;padding-bottom:8px;border-bottom:1px dashed rgba(59,130,246,.15);font-size:12px}.dvc-total-row-blue{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:#2563eb;margin-top:4px}.dvc-flex-column-gap-md{display:flex;flex-direction:column;gap:8px}.dvc-modal-confirm-text{font-size:14px;line-height:1.6;color:var(--color-foreground);margin:0}.dvc-modal-header-order{background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}.dvc-modal-body-order{padding:24px;font-size:13px;color:var(--color-foreground)}.dvc-modal-order-summary-card{background:rgba(var(--color-primary-rgb),.03);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:16px;margin-bottom:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.dvc-label-order-field{color:rgba(26,39,66,.6);display:block;font-size:11.5px;text-transform:uppercase;font-weight:600}.dvc-value-order-code{font-weight:700;color:var(--color-primary);font-size:14px;font-family:monospace}.dvc-value-order-role{font-weight:700;font-size:13.5px}.dvc-divider-dashed-top-span{grid-column:span 2;border-top:1px dashed var(--color-border);padding-top:10px;margin-top:4px}.dvc-value-order-name{font-weight:700;font-size:14px}.dvc-flex-column-gap-lg{display:flex;flex-direction:column;gap:16px}.dvc-card-retail-details{border:1px solid rgba(16,185,129,.25);background:rgba(16,185,129,.02);border-radius:var(--radius-sm);padding:14px 16px}.dvc-title-retail-details{font-size:13px;font-weight:700;color:#047857;margin:0 0 10px 0;display:flex;align-items:center;gap:6px;text-transform:uppercase}.dvc-flex-space-between{display:flex;justify-content:space-between}.dvc-label-retail-config{color:rgba(26,39,66,.65);flex-shrink:0;margin-right:12px}.dvc-value-retail-config{font-weight:600;text-align:right;white-space:pre-line}.dvc-total-row-retail{display:flex;justify-content:space-between;border-top:1px dashed rgba(16,185,129,.15);padding-top:8px;margin-top:4px}.dvc-label-retail-price{color:rgba(26,39,66,.65);font-weight:600}.dvc-value-retail-price{font-weight:700;color:#047857;font-size:14px}.dvc-card-original-details{border:1px solid rgba(59,130,246,.25);background:rgba(59,130,246,.02);border-radius:var(--radius-sm);padding:14px 16px}.dvc-title-original-details{font-size:13px;font-weight:700;color:#1d4ed8;margin:0 0 10px 0;display:flex;align-items:center;gap:6px;text-transform:uppercase}.dvc-label-original-config{color:rgba(26,39,66,.65);flex-shrink:0;margin-right:12px}.dvc-value-original-config{font-weight:600;text-align:right;white-space:pre-line}.dvc-total-row-original{display:flex;justify-content:space-between;border-top:1px dashed rgba(59,130,246,.15);padding-top:8px;margin-top:4px}.dvc-label-original-price{color:rgba(26,39,66,.65);font-weight:600}.dvc-value-original-price{font-weight:700;color:#1d4ed8;font-size:14px}.dvc-card-badge-container{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:14px 16px;display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--color-surface)}.dvc-label-badge{color:rgba(26,39,66,.65);display:block;margin-bottom:4px}.dvc-value-badge{font-weight:600;font-size:12px}.dvc-modal-footer-border{border-top:1px solid var(--color-border)}.dvc-btn-modal-close{min-width:100px}.dvc-toast-zindex{z-index:3000}.dvc-modal-overlay-order{z-index:2300}.dvc-modal-container-order{max-width:580px}.dvc-role-ncc{color:var(--color-primary)!important}.dvc-role-agency{color:#f59e0b!important}.dvc-role-customer{color:#10b981!important}.dvc-timeline-container{position:relative;padding-left:56px;padding-right:12px;display:flex;flex-direction:column;gap:36px;max-width:960px;margin:20px auto}.dvc-timeline-line{position:absolute;left:20px;top:15px;bottom:15px;width:2px;background:#3b82f6;z-index:1}.dvc-timeline-item{position:relative;width:100%}.dvc-timeline-item:not(:first-child)::before{content:"";position:absolute;left:-40px;top:-24px;width:8px;height:8px;border-right:2px solid #3b82f6;border-bottom:2px solid #3b82f6;transform:rotate(45deg);z-index:2}.dvc-timeline-badge{position:absolute;left:-53px;top:10px;width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid #3b82f6;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 2px 6px rgba(59,130,246,.15)}.dvc-badge-number{font-weight:700;color:#3b82f6;font-size:13.5px}.dvc-timeline-content{width:100%}.dvc-escalation-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md,12px);box-shadow:0 4px 18px rgba(0,0,0,.03);transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column}.dvc-escalation-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.06);border-color:#cbd5e1}.dvc-escalation-header-new{padding:18px 24px;border-bottom:1px dashed #e2e8f0;display:flex;justify-content:space-between;align-items:flex-start}.dvc-header-left{display:flex;flex-direction:column;gap:3px}.dvc-trans-title{font-size:11.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.dvc-trans-title.green{color:#059669}.dvc-trans-title.blue{color:#2563eb}.dvc-order-title{font-size:18px;font-weight:800;color:#0f172a;margin:4px 0 0 0;display:flex;align-items:center;gap:8px}.dvc-order-title i{color:#64748b;font-size:15px}.dvc-order-clickable-text{cursor:pointer;transition:color .15s ease;display:inline-flex;align-items:center;gap:8px}.dvc-order-clickable-text:hover{color:var(--color-primary)}.dvc-order-time{font-size:12px;color:#64748b;display:flex;align-items:center;gap:6px;margin-top:4px;font-weight:500}.dvc-order-time i{font-size:13px;opacity:.8}.status-badge-new{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12.5px;font-weight:600;background:#fef3c7;color:#d97706;border:1px solid #fde68a}.status-badge-new.completed{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.status-badge-new.badge-red{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.status-badge-new.pending{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.status-badge-new i{font-size:12px}.dvc-escalation-body-new{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 24px}@media(max-width:768px){.dvc-escalation-body-new{grid-template-columns:1fr;gap:14px}}.dvc-party-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:14px 18px;display:flex;align-items:center;gap:16px}.dvc-party-icon-wrapper{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.dvc-party-icon-wrapper.buyer{background:#eff6ff;color:#2563eb}.dvc-party-icon-wrapper.seller{background:#f0fdf4;color:#16a34a}.dvc-party-icon-wrapper.system{background:#f1f5f9;color:#475569}.dvc-party-info-new{display:flex;flex-direction:column;gap:2px;min-width:0}.dvc-party-label-new{font-size:10px;font-weight:700;color:#94a3b8;letter-spacing:.5px}.dvc-party-name-new{font-size:13.5px;font-weight:700;color:#1e293b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dvc-party-sub{font-size:12px;color:#64748b;display:flex;align-items:center;gap:6px;margin-top:1px;font-weight:500}.dvc-party-sub i{opacity:.7}.dvc-spec-block{margin:0 24px 20px 24px;padding:14px 18px;background:#f0f7ff;border:1px solid #e0f2fe;border-radius:10px;display:flex;flex-direction:column;gap:10px}.dvc-spec-title{font-size:13px;font-weight:700;color:#0369a1;margin:0;display:flex;align-items:center;gap:8px}.dvc-spec-title i{color:#0284c7}.dvc-spec-badges{display:flex;gap:8px;flex-wrap:wrap}.dvc-spec-badge{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;color:#334155;display:inline-flex;align-items:center;gap:6px;box-shadow:0 1px 2px rgba(0,0,0,.02)}.dvc-spec-badge i{color:#475569;font-size:11px}.dvc-spec-badge.total-spec-badge{background:rgba(26,127,212,.08);border-color:rgba(26,127,212,.25);color:var(--color-primary-dark);font-weight:700}.dvc-spec-badge.total-spec-badge i{color:var(--color-primary)}.stat-card{cursor:pointer;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:var(--color-primary)}.stat-card.active .stat-label{color:var(--color-primary-dark)}.stat-card.active .stat-value{color:var(--color-primary-dark);font-weight:700}.stat-card.active .stat-icon{background:var(--color-primary);color:#fff}.stat-card.loading{pointer-events:none}.stat-card .stat-sub{display:flex;align-items:center;gap:6px;margin-top:4px}.stat-card .stat-sub.primary{color:var(--color-primary);font-weight:500}.stat-card .stat-sub.warning{color:var(--color-danger)}.stat-card .stat-sub i{font-size:10px;width:14px;text-align:center}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;height:1em}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.td-price-origin{color:var(--color-foreground);font-weight:500;text-align:right}.td-price-tier{color:#f59e0b;font-weight:600;text-align:right}.td-price-discount{color:#10b981;font-weight:600;text-align:right}.td-center{text-align:center;padding:24px!important;color:rgba(26,39,66,.4);font-style:italic}.loading-overlay{position:absolute;inset:0;background:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;z-index:10;backdrop-filter:blur(2px);font-weight:500;color:var(--color-primary-dark);gap:12px}.loading-overlay i{font-size:24px}.table-responsive{position:relative}.header-infra-list{display:flex;overflow-x:auto;gap:8px;padding:2px 4px;scrollbar-width:none;-ms-overflow-style:none}.header-infra-list::-webkit-scrollbar{display:none}.header-infra-list .infra-tab{background:none;border:1px solid #e2e8f0;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:600;color:#64748b;white-space:text-nowrap;transition:all .2s;cursor:pointer}.header-infra-list .infra-tab:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#f8fafc}.header-infra-list .infra-tab.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 6px -1px rgba(var(--color-primary-rgb),.2)}.table-toolbar-v2{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#fff;border-bottom:1px solid #f1f5f9;gap:16px}.table-toolbar-v2 .search-box-wrapper{flex:1;max-width:320px}.table-toolbar-v2 .filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.table-toolbar-v2 .filter-buttons .filter-btn{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:500;color:#64748b;transition:all .2s;cursor:pointer}.table-toolbar-v2 .filter-buttons .filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.table-toolbar-v2 .filter-buttons .filter-btn.active{background-color:var(--color-primary-light);border-color:var(--color-primary);color:#fff;font-weight:600}.status-badge.st-server{background-color:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.status-badge.st-proxy{background-color:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.status-badge.st-hosting{background-color:#f5f3ff;color:#6d28d9;border:1px solid #ddd6fe}.status-badge.st-domain{background-color:#ecfeff;color:#0e7490;border:1px solid #c5f6fa}.status-badge.st-addon{background-color:#fffbeb;color:#b45309;border:1px solid #fde68a}.status-badge.st-default{background-color:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.product-detail-hero{background:#fff;border-radius:10px;padding:24px;display:flex;align-items:flex-start;gap:24px;border-left:4px solid var(--color-primary);box-shadow:0 4px 12px rgba(0,0,0,.05);margin-bottom:24px}.product-detail-hero .hero-icon-box{width:64px;height:64px;background:#ddd;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:32px}.product-detail-hero .hero-info{flex:1}.product-detail-hero .hero-info .hero-name{font-size:24px;font-weight:700;margin-bottom:8px}.product-detail-hero .hero-info .hero-meta-list{display:flex;flex-wrap:wrap;gap:16px;align-items:center;color:#64748b;font-size:13px}.product-detail-hero .hero-info .hero-meta-list .meta-item{display:flex;align-items:center;gap:6px}.product-detail-hero .hero-info .hero-meta-list .meta-item.ncc-name{color:var(--color-primary);font-weight:700}.product-detail-hero .hero-info .hero-meta-list .meta-item.hero-id{color:var(--color-primary);font-weight:700;margin-left:10px}.product-detail-hero .hero-id-box{text-align:right}.product-detail-hero .hero-id-box .id-label{font-size:11px;color:#94a3b8;margin-bottom:4px;text-transform:uppercase}.product-detail-hero .hero-id-box .id-value{font-family:monospace;font-weight:700;color:#475569}.panel-grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:16px}.group-agency-panel{background:#fff;border-radius:10px;border:1px solid #e2e8f0;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease;width:100%!important;max-width:100%!important}.group-agency-panel:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.1)}.group-agency-panel .panel-header-v2{padding:14px 18px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.group-agency-panel .panel-header-v2 .group-title-box{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px}.group-agency-panel .panel-header-v2 .group-title-box i{font-size:16px}.group-agency-panel .panel-header-v2 .btn-panel-edit{background:#eff6ff;color:#2563eb;border:0;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.2s}.group-agency-panel .panel-header-v2 .btn-panel-edit:hover{background:#2563eb;color:#fff}.group-agency-panel .panel-body-v2{padding:0}.view-price-table-v2{width:100%;border-collapse:collapse}.view-price-table-v2 th{text-align:left;font-size:11px;text-transform:uppercase;color:#94a3b8;padding:12px 20px;background-color:#fafafa;border-bottom:1px solid #f1f5f9;font-weight:700}.view-price-table-v2 td{padding:12px 20px;border-bottom:1px solid #f1f5f9;font-size:13.5px}.view-price-table-v2 tr:last-child td{border-bottom:0}.view-price-table-v2 .col-pkg-name{font-weight:600;color:var(--color-foreground);width:40%}.view-price-table-v2 .col-cycle-text{color:#64748b;width:30%}.view-price-table-v2 .col-price-val{text-align:right;width:30%;font-weight:700;color:var(--color-primary)}.view-price-table-v2 .col-price-val.no-data{color:#cbd5e1;font-weight:400;font-style:italic;font-size:12px}.group-tier-badge{padding:2px 10px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase}.group-tier-badge.gold{background:#fef9c3;color:#b45309;border:1px solid #fde68a}.group-tier-badge.silver{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.bmodal-container{width:800px;max-width:90vw}.price-edit-table{width:100%;border-collapse:collapse}.price-edit-table th{background:#f8fafc;padding:12px 24px;text-align:left;font-size:11px;font-weight:700;color:#64748b;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:1}.price-edit-table td{padding:12px 24px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.cycle-label-box{background:#f1f5f9;padding:8px 12px;border-radius:6px;font-weight:600;color:#475569;font-size:12px;text-align:center;border:1px solid #e2e8f0}.bmodal-note-box{padding:20px;background:#fffbeb;border:1px solid #fde68a;border-radius:0 0 12px 12px;margin:0 24px 24px 24px;font-size:12px;color:#92400e}.bmodal-note-box i{margin-right:8px}.form-input{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;outline:0;transition:.2s;background:#fff}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-input:disabled{background:#f8fafc;color:#94a3b8;border-color:#f1f5f9;cursor:not-allowed}.form-input.text-right{text-align:right}.form-input.fw-bold{font-weight:700}.form-input.color-primary{color:var(--color-primary)}.text-success{color:#10b981!important}.home-center-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - var(--topnav-height) - var(--topbar-height) - var(--footer-height) - 160px);text-align:center}.home-center-title{font-size:3rem;font-weight:800;margin:0;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.5px;animation:scale-up .5s cubic-bezier(.16,1,.3,1)}@keyframes scale-up{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}:root{--tooltip-bg:#000;--tooltip-color:#fff;--tooltip-radius:6px;--tooltip-padding-y:6px;--tooltip-padding-x:10px;--tooltip-font-size:.88rem;--tooltip-duration:180ms}.tooltips-wrapper{display:inline-block;position:relative;outline:0}.tooltips{position:fixed;z-index:9999;padding:var(--tooltip-padding-y) var(--tooltip-padding-x);border-radius:var(--tooltip-radius);background:var(--tooltip-bg);color:var(--tooltip-color);font-size:var(--tooltip-font-size);line-height:1;pointer-events:none;opacity:0;transform:translateY(6px) scale(.98);transition:opacity var(--tooltip-duration) ease,transform var(--tooltip-duration) ease;will-change:transform,opacity;box-shadow:0 6px 18px rgba(0,0,0,.25);max-width:450px}.tooltips.tooltip--visible{opacity:1;transform:translateY(0) scale(1);font-weight:400;line-height:1.1rem}.tooltip__arrow{position:absolute;width:10px;height:10px;background:var(--tooltip-bg);transform:rotate(45deg);box-shadow:0 6px 18px rgba(0,0,0,.15);z-index:-1}.tooltips[data-placement=top] .tooltip__arrow{left:calc(50% - 5px);bottom:-5px}.tooltips[data-placement=bottom] .tooltip__arrow{left:calc(50% - 5px);top:-5px}.tooltips[data-placement=left] .tooltip__arrow{right:-5px;top:calc(50% - 5px)}.tooltips[data-placement=right] .tooltip__arrow{left:-5px;top:calc(50% - 5px)}@media(max-width:420px){.tooltips{font-size:.8rem;max-width:260px}}.sportal-toast-container{position:fixed;top:24px;right:24px;z-index:99999;display:flex;flex-direction:column;gap:12px;max-width:380px;width:100%;pointer-events:none}.sportal-toast-item{pointer-events:auto;position:relative;background:#fff!important;color:#1e293b!important;padding:14px 20px;border-radius:8px;box-shadow:0 10px 30px rgba(15,23,42,.08),0 1px 3px rgba(15,23,42,.04);font-weight:500;font-size:13.5px;display:flex;align-items:flex-start;gap:12px;border-left:4px solid #3b82f6!important;border-top:1px solid #f1f5f9!important;border-right:1px solid #f1f5f9!important;border-bottom:1px solid #f1f5f9!important;width:100%;box-sizing:border-box;animation:sportalToastIn .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes sportalToastIn{from{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}