:root{--primary:#4361ee;--primary-light:#4895ef;--primary-dark:#3f37c9;--success:#4cc9f0;--warning:#f72585;--danger:#e63946;--background:#f8f9fa;--surface:#fff;--text-main:#2b2d42;--text-muted:#8d99ae;--border:#eef2f6;--glass-bg:#ffffffb3;--glass-border:#ffffff80;--shadow-sm:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-md:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000005;--shadow-lg:0 20px 25px -5px #0000000d, 0 10px 10px -5px #00000005;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased}.app-container{background:linear-gradient(135deg,#f5f7fa 0%,#eef2f6 100%);height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--border);width:260px;box-shadow:var(--shadow-sm);z-index:10;flex-direction:column;padding:24px 0;display:flex}.sidebar-logo{color:var(--primary);border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:24px;padding:0 24px 24px;font-size:20px;font-weight:700;display:flex}.sidebar-nav{flex-direction:column;gap:8px;padding:0 16px;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;align-items:center;gap:12px;padding:12px 16px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover{background:var(--background);color:var(--primary);transform:translate(4px)}.nav-item.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #4361ee4d}.main-content{flex:1;padding:32px;overflow-y:auto}.header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.header-title{color:var(--text-main);font-size:28px;font-weight:700}.user-profile{background:var(--surface);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:8px 16px;display:flex}.avatar{background:var(--primary-light);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px;transition:transform .3s,box-shadow .3s}.glass-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-title{align-items:center;gap:8px;margin-bottom:16px;font-size:18px;font-weight:600;display:flex}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.stat-value{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:36px;font-weight:800}.stat-desc{color:var(--text-muted);font-size:14px}.badge{border-radius:var(--radius-full);padding:4px 10px;font-size:12px;font-weight:600}.badge-danger{color:var(--danger);background:#ffe3e3}.badge-warning{color:var(--warning);background:#ffeaef}.badge-success{color:#0077b6;background:#dff6ff}.badge-primary{color:var(--primary);background:#e0e7ff}.human-body-container{justify-content:center;height:500px;display:flex;position:relative}.human-body-svg{opacity:.8;width:auto;height:100%}.body-point{background:var(--warning);cursor:pointer;border-radius:50%;width:16px;height:16px;animation:2s infinite pulse;position:absolute;box-shadow:0 0 0 4px #f725854d}.body-point:hover{transform:scale(1.2)}@keyframes pulse{0%{box-shadow:0 0 #f7258566}70%{box-shadow:0 0 0 10px #f7258500}to{box-shadow:0 0 #f7258500}}.process-flow{justify-content:space-between;align-items:center;margin:32px 0;display:flex;position:relative}.process-flow:before{content:"";background:var(--border);z-index:0;height:2px;position:absolute;top:24px;left:40px;right:40px}.process-step{z-index:1;flex-direction:column;align-items:center;gap:12px;display:flex}.step-icon{background:var(--surface);border:2px solid var(--primary);width:50px;height:50px;color:var(--primary);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-weight:700;transition:all .3s;display:flex}.step-icon.active{background:var(--primary);color:#fff;box-shadow:0 0 0 6px #4361ee33}.step-label{color:var(--text-main);font-size:14px;font-weight:500}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 4px 12px #4361ee4d}.btn-outline{border:1px solid var(--primary);color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}.data-table{border-collapse:collapse;width:100%;margin-top:16px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:16px}.data-table th{color:var(--text-muted);font-size:14px;font-weight:500}.data-table tr:hover td{background:#4361ee05}.upload-zone{border:2px dashed var(--primary-light);border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:#4895ef0d;padding:48px;transition:all .3s}.upload-zone:hover{border-color:var(--primary);background:#4895ef1a}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.filter-container{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:24px}.tabs-header{border-bottom:1px solid var(--border);gap:8px;margin-bottom:24px;display:flex}.tab-item{color:var(--text-muted);cursor:pointer;border-bottom:3px solid #0000;padding:12px 24px;font-weight:600;transition:all .2s}.tab-item:hover{color:var(--primary)}.tab-item.active{color:var(--primary);border-bottom-color:var(--primary)}.filter-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.filter-field{flex-direction:column;gap:6px;display:flex}.filter-field label{color:var(--text-muted);font-size:13px;font-weight:500}.filter-input{border:1px solid var(--border);border-radius:var(--radius-md);outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.filter-input:focus{border-color:var(--primary)}.customer-card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.customer-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);cursor:pointer;padding:20px;transition:all .3s;position:relative}.customer-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light);transform:translateY(-5px)}.customer-card-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.customer-avatar{background:var(--primary-light);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:18px;font-weight:700;display:flex}.customer-name{color:var(--text-main);font-size:16px;font-weight:700}.customer-info-row{color:var(--text-muted);justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.customer-tags{border-top:1px solid var(--border);flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:12px;display:flex}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:40px;display:flex}.page-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;font-weight:500;transition:all .2s;display:flex}.page-btn:hover{border-color:var(--primary);color:var(--primary)}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}