.main-sider{background:linear-gradient(180deg,#e11d2e,#c51624)!important;box-shadow:2px 0 8px rgba(0,0,0,.15);height:100vh;position:sticky;top:0}.logo-container{display:flex;align-items:center;padding:16px 12px;gap:8px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:4px}.logo-icon{width:34px;height:34px;background:#fff;color:#e11d2e;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.logo-text{display:flex;flex-direction:column;gap:2px;overflow:hidden}.logo-title{color:#fff;font-weight:600;font-size:13px;white-space:nowrap}.logo-subtitle{color:rgba(255,255,255,.8);font-size:10px;white-space:nowrap}.main-menu.ant-menu-dark{background:transparent!important;border:none}.main-menu.ant-menu-dark .ant-menu-item{color:rgba(255,255,255,.85);margin:4px 6px;border-radius:8px;transition:all .3s;font-size:13px}.main-menu.ant-menu-dark .ant-menu-item:hover{background:rgba(255,255,255,.15)!important;color:#fff}.main-menu.ant-menu-dark .ant-menu-item-selected{background:rgba(255,255,255,.2)!important;color:#fff;font-weight:500}.main-header{background:#fff;padding:0 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.06);height:64px;position:sticky;top:0;z-index:1000;width:100%}.header-title{font-size:18px;font-weight:600;color:#111827}.header-actions{display:flex;align-items:center;gap:24px}.header-icon{font-size:20px;color:#4b5563;cursor:pointer;transition:color .3s}.header-icon:hover{color:#e11d2e}.notification-badge .ant-badge-count{background:#e11d2e}.user-info{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .3s}.user-info:hover{background:#f3f4f6}.user-avatar{background:#e11d2e}.user-name{color:#111827;font-weight:500}.main-content{background:#f3f4f6;padding:16px;flex:1;overflow-y:auto;position:relative}.inner-layout{height:100vh;overflow:hidden}.header-left{display:flex;align-items:center;gap:12px}.mobile-toggle{font-size:18px;color:#111827;padding:0;height:32px;width:32px;display:flex;align-items:center;justify-content:center}.drawer-footer{padding:24px 16px;text-align:center;border-top:1px solid #F3F4F6;background:#f9fafb;margin-top:auto}.main-sider .ant-layout-sider-children{display:flex!important;flex-direction:column!important}.main-menu{flex:1;overflow-y:auto}.sidebar-footer{padding:12px;text-align:center;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.1);margin-top:auto;overflow:hidden}.sidebar-version{color:#fff;font-weight:700;font-size:13px;letter-spacing:.5px;margin-bottom:4px}.sidebar-signature{color:rgba(255,255,255,.7);font-size:11px;font-style:italic;font-weight:300;word-wrap:break-word;line-height:1.4;white-space:normal}@media(max-width:768px){.main-header{padding:0 16px}.header-actions{gap:12px}.main-content{padding:16px}.header-title{font-size:16px}}@media(max-width:480px){.header-actions{gap:8px}.header-title{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#e11d2e,#c51624);overflow:hidden}.login-background{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.login-card{width:100%;max-width:420px;margin:0 20px;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);z-index:1}.login-header{text-align:center;margin-bottom:32px}.login-logo{width:64px;height:64px;background:linear-gradient(135deg,#e11d2e,#c51624);color:#fff;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;margin-bottom:16px;box-shadow:0 4px 12px rgba(225,29,46,.3)}.login-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 8px}.login-subtitle{font-size:14px;color:#6b7280;margin:0}.login-card .ant-btn-primary{background:#e11d2e;border-color:#e11d2e;height:44px;font-weight:500;margin-top:8px}.login-card .ant-btn-primary:hover{background:#c51624;border-color:#c51624}.login-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #E5E7EB}.login-footer p{color:#6b7280;font-size:13px;margin:0}.login-card .ant-input-affix-wrapper,.login-card .ant-input{border-radius:8px}.login-card .ant-input-affix-wrapper:focus,.login-card .ant-input-affix-wrapper-focused{border-color:#e11d2e;box-shadow:0 0 0 2px rgba(225,29,46,.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.vcm-page-container{padding:5px;background-color:#f8fafc;width:100%}.vcm-premium-header{background:linear-gradient(135deg,#1f2937,#374151,#4b5563);border-radius:10px;padding:12px;margin-bottom:10px;position:relative;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.12);min-height:52px;display:flex;align-items:center}.vcm-header-decorative-circle{position:absolute;border-radius:50%;pointer-events:none}.vcm-circle-1{top:-60%;right:-5%;width:350px;height:350px;background:radial-gradient(circle,rgba(225,29,46,.2) 0%,transparent 70%)}.vcm-circle-2{bottom:-40%;left:10%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%)}.vcm-header-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;width:100%}.vcm-header-title{font-size:20px;font-weight:700;color:#fff;margin:0;letter-spacing:-.3px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.vcm-filter-bar{background-color:#fafafa;padding:16px;border-radius:8px;border:1px solid #E5E7EB;margin-bottom:16px}.vcm-btn-premium{height:28px!important;border-radius:6px!important;background:linear-gradient(135deg,#e11d2e,#ff4d5a)!important;border:none!important;font-weight:600!important;font-size:13px!important;box-shadow:0 3px 10px rgba(225,29,46,.35)!important;color:#fff!important;padding-left:12px!important;padding-right:12px!important;transition:all .3s ease!important;display:inline-flex!important;align-items:center!important}.vcm-btn-premium:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(225,29,46,.5)!important;opacity:.9}.vcm-btn-secondary{height:28px!important;border-radius:6px!important;font-weight:600!important;font-size:13px!important;padding-left:12px!important;padding-right:12px!important;border:1px solid #D1D5DB!important;transition:all .3s ease!important;display:inline-flex!important;align-items:center!important;background:#fff!important;color:#374151!important}.vcm-btn-secondary:hover{border-color:#e11d2e!important;color:#e11d2e!important;background:#fff1f2!important}.vcm-table-action-btn{border-radius:6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;width:32px;height:32px}.vcm-table-action-btn:hover{transform:scale(1.1)}.vcm-table-action-view{color:#10b981!important;background-color:#ecfdf5!important}.vcm-table-action-edit{color:#3b82f6!important;background-color:#eff6ff!important}.vcm-table-action-delete{color:#ef4444!important;background-color:#fef2f2!important}.vcm-page-container .ant-tabs>.ant-tabs-nav{margin-bottom:0;padding:0 8px}.vcm-page-container .ant-tabs>.ant-tabs-nav .ant-tabs-tab{padding:10px 20px;margin:0 3px;border-radius:10px 10px 0 0;font-weight:500;font-size:13.5px;transition:all .25s ease;color:#64748b;border:1px solid transparent;border-bottom:none;background:transparent}.vcm-page-container .ant-tabs>.ant-tabs-nav .ant-tabs-tab:hover{color:#e11d2e;background:rgba(225,29,46,.04)}.vcm-page-container .ant-tabs>.ant-tabs-nav .ant-tabs-tab-active{background:#fff;color:#e11d2e;font-weight:600;border-color:#f1f5f9;box-shadow:0 -2px 8px rgba(0,0,0,.04)}.vcm-page-container .ant-tabs>.ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn{color:#e11d2e}.vcm-page-container .ant-tabs>.ant-tabs-nav .ant-tabs-ink-bar{background:linear-gradient(90deg,#e11d2e,#ff4d6a);height:3px;border-radius:3px 3px 0 0}.vcm-page-container .ant-tabs>.ant-tabs-nav .ant-tabs-tab .anticon{margin-right:6px;font-size:15px}@media(max-width:992px){.vcm-premium-header{padding:10px;border-radius:8px;min-height:48px}.vcm-header-title{font-size:20px}.vcm-header-content{flex-wrap:wrap;gap:8px}.vcm-filter-bar{padding:12px}.vcm-filter-bar .ant-col{flex:1 1 45%!important;max-width:50%!important}}@media(max-width:768px){.vcm-page-container{padding:2px}.vcm-premium-header{padding:10px;border-radius:8px;min-height:auto;margin-bottom:8px}.vcm-header-title{font-size:16px;letter-spacing:-.2px}.vcm-header-content{flex-direction:column;align-items:flex-start;gap:8px}.vcm-header-decorative-circle{display:none}.vcm-filter-bar{padding:10px;margin-bottom:12px}.vcm-filter-bar .ant-row{row-gap:8px!important}.vcm-filter-bar .ant-col{flex:1 1 100%!important;max-width:100%!important}.vcm-btn-premium,.vcm-btn-secondary{height:30px!important;padding-left:10px!important;padding-right:10px!important;font-size:12px!important}.ant-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.ant-table{min-width:600px}.ant-table-thead>tr>th,.ant-table-tbody>tr>td{padding:8px 10px!important;font-size:12px!important}.ant-card{border-radius:10px!important}.ant-card-body{padding:12px!important}.ant-card-head{padding:8px 12px!important;min-height:auto!important}.ant-card-head-title{font-size:14px!important;padding:6px 0!important}.ant-modal{max-width:calc(100vw - 24px)!important;margin:12px auto!important;top:20px!important}.ant-modal-body{padding:16px!important}.ant-row{row-gap:12px!important}.ant-tabs-nav{margin-bottom:12px!important}.ant-tabs-tab{padding:8px 12px!important;font-size:13px!important}.ant-pagination{flex-wrap:wrap;gap:4px}.ant-pagination-item,.ant-pagination-prev,.ant-pagination-next{min-width:28px!important;height:28px!important;line-height:28px!important}.ant-segmented{font-size:12px!important}.ant-segmented-item-label{padding:0 8px!important;min-height:28px!important;line-height:28px!important}}@media(max-width:480px){.vcm-page-container{padding:0}.vcm-premium-header{padding:10px;border-radius:8px;margin-bottom:8px}.vcm-header-title{font-size:15px}.vcm-btn-premium,.vcm-btn-secondary{width:100%!important;justify-content:center!important}.ant-table-thead>tr>th,.ant-table-tbody>tr>td{padding:6px 8px!important;font-size:11px!important}.ant-form-item{margin-bottom:12px!important}.ant-modal{max-width:100vw!important;margin:0!important;top:0!important}.ant-modal-content{border-radius:0!important;min-height:100vh}}