*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f1f3f4;--text-primary:#1a1a1a;--text-secondary:#5f6368;--text-tertiary:#9aa0a6;--border:#dadce0;--accent:#1a1a1a;--accent-hover:#333;--shadow-sm:0 1px 2px #0000000a;--shadow:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001f;--radius-sm:12px;--radius:20px;--radius-lg:28px}body{background:var(--bg-secondary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:.5s ease-out forwards fadeInUp}.animate-scale-in{animation:.4s ease-out forwards scaleIn}.animate-slide-in{animation:.4s ease-out forwards slideInRight}.modern-card{background:var(--bg-primary);border-radius:var(--radius);box-shadow:var(--shadow);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.modern-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:28px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--text-secondary));height:4px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)scale(1.02)}.feature-card:hover:before{transform:scaleX(1)}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius);box-shadow:var(--shadow);background:#fffc;border:1px solid #ffffff4d}.btn{cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:active:after{width:300px;height:300px}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px #0003}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border)}.btn-secondary:hover{border-color:var(--accent);transform:translateY(-2px)}.input{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);width:100%;color:var(--text-primary);padding:14px 18px;font-size:15px;transition:all .3s}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #0000000d}.input::placeholder{color:var(--text-tertiary)}.table-container{border-radius:var(--radius);overflow-x:auto}.table{border-collapse:separate;border-spacing:0;width:100%}.table th,.table td{text-align:left;padding:16px 20px}.table th{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);background:var(--bg-tertiary);border-bottom:2px solid var(--border);font-size:12px;font-weight:600}.table th:first-child{border-radius:var(--radius) 0 0 0}.table th:last-child{border-radius:0 var(--radius) 0 0}.table td{border-bottom:1px solid var(--border);transition:background .2s}.table tr:hover td{background:var(--bg-secondary)}.table tr:last-child td:first-child{border-radius:0 0 0 var(--radius)}.table tr:last-child td:last-child{border-radius:0 0 var(--radius) 0}.badge{letter-spacing:.3px;border-radius:50px;align-items:center;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{color:#166534;background:#dcfce7}.badge-warning{color:#92400e;background:#fef3c7}.badge-danger{color:#991b1b;background:#fee2e2}.badge-info{color:#1e40af;background:#dbeafe}.stats-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:32px;transition:all .4s;position:relative;overflow:hidden}.stats-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.stats-card .icon-wrapper{border-radius:var(--radius);justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;transition:transform .4s;display:flex}.stats-card:hover .icon-wrapper{transform:scale(1.1)rotate(5deg)}.upload-area{border:3px dashed var(--border);border-radius:var(--radius-lg);text-align:center;background:var(--bg-secondary);padding:60px 40px;transition:all .3s}.upload-area:hover{border-color:var(--accent);background:var(--bg-primary)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.grid-4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.text-gradient{background:linear-gradient(135deg, var(--accent) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #fff3}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:12px;padding:14px 18px;font-weight:500;text-decoration:none;transition:all .3s;display:flex;position:relative}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--accent);color:#fff;box-shadow:0 4px 14px #00000026}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transition:all .4s;transform:translateY(0)}