:root{--primary-color:#00bcd4;--bg-color:#f0f2f5;--header-bg:#001529;--sider-bg:#fff;--content-bg:#fff;--text-color:#000000e0;--border-color:#f0f0f0}[data-theme=dark]{--bg-color:#141414;--header-bg:#1f1f1f;--sider-bg:#1f1f1f;--content-bg:#141414;--text-color:#ffffffd9;--border-color:#303030}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.auth-container{background:linear-gradient(135deg,#00bcd4 0%,#00838f 50%,#004d40 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-container:before{content:"";background:#ffffff0d;border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-200px}.auth-container:after{content:"";background:#ffffff08;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-100px;left:-100px}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#fffffff2;border-radius:16px;width:420px;padding:48px 40px;box-shadow:0 20px 60px #0000004d}.auth-card h1{color:#1a1a1a;text-align:center;margin-bottom:4px;font-size:28px;font-weight:700}.auth-card p.subtitle{color:#666;text-align:center;margin-bottom:32px;font-size:14px}.auth-card .auth-link{text-align:center;color:#666;margin-top:24px;font-size:14px}.auth-card .auth-link a{color:#00bcd4;font-weight:600;text-decoration:none}.auth-card .auth-link a:hover{color:#00838f}.admin-layout{min-height:100vh}.admin-header{z-index:100;align-items:center;height:56px;padding:0 24px;line-height:56px;display:flex;box-shadow:0 1px 4px #0000001f;background:var(--header-bg)!important}.admin-header .logo{flex-shrink:0;align-items:center;gap:10px;margin-right:24px;display:flex}.admin-header .logo h2{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#00bcd4,#4dd0e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:18px;font-weight:700}.admin-header .header-menu{flex:1}.admin-header .header-menu .ant-menu{background:0 0;border-bottom:none;line-height:56px}.admin-header .header-menu .ant-menu-item,.admin-header .header-menu .ant-menu-item a{color:#ffffffa6!important}.admin-header .header-menu .ant-menu-item:hover,.admin-header .header-menu .ant-menu-item-selected{color:#fff!important}.admin-header .header-right{flex-shrink:0;align-items:center;gap:16px;display:flex}.admin-header .header-right .ant-btn{color:#ffffffa6;border-color:#fff3}.admin-header .header-right .ant-btn:hover{color:#fff;border-color:#ffffff80}.admin-sider{border-right:1px solid var(--border-color);box-shadow:2px 0 8px #0000000a}.admin-content-wrapper{background:var(--bg-color);min-height:calc(100vh - 56px);padding:16px 24px}.admin-breadcrumb{margin-bottom:16px}.admin-content{background:var(--content-bg);border-radius:8px;min-height:calc(100vh - 120px);padding:24px;box-shadow:0 1px 4px #0000000f}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:24px;display:grid}.stat-card{background:var(--content-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00bcd426}.stat-card .stat-title{color:#999;margin-bottom:8px;font-size:14px}.stat-card .stat-value{color:var(--text-color);font-size:28px;font-weight:700}.stat-card .stat-value.positive{color:#52c41a}.stat-card .stat-value.negative{color:#ff4d4f}.twofa-input .ant-input{text-align:center;letter-spacing:12px;font-size:24px;font-weight:600}.mobile-menu-btn{flex-shrink:0;margin-right:8px;color:#ffffffd9!important;font-size:18px!important}.mobile-drawer .ant-drawer-body{padding:0!important}@media (max-width:767px){.auth-card{border-radius:12px;width:calc(100vw - 32px);max-width:420px;padding:32px 24px}.auth-card h1{font-size:22px}.auth-container:before,.auth-container:after{display:none}.admin-header{height:48px;padding:0 12px;line-height:48px}.admin-header .logo{margin-right:8px}.admin-header .logo h2{font-size:16px}.admin-header .header-menu .ant-menu{line-height:48px}.admin-header .header-right{gap:4px}.admin-header .header-right .ant-btn{padding:4px 6px;font-size:12px}.admin-content-wrapper{min-height:calc(100vh - 48px);padding:12px}.admin-breadcrumb{margin-bottom:12px;font-size:13px}.admin-content{border-radius:6px;min-height:calc(100vh - 100px);padding:16px}.admin-content h2{font-size:18px}.admin-content .ant-table-wrapper{overflow-x:auto}.admin-content .ant-table{min-width:600px}.dashboard-cards{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-card .stat-value{font-size:20px}}@media (max-width:480px){.auth-card{padding:24px 16px}.admin-header .header-menu{display:none}.dashboard-cards{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1024px){.admin-content-wrapper{padding:12px 16px}.admin-content{padding:20px}}
