@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:#18181b;background:#fafafa}a{text-decoration:none;color:inherit}.layout{display:flex;min-height:100vh}.layout-sidebar{width:260px;background:#fafafa;border-right:1px solid #e4e4e7;position:fixed;left:0;top:0;bottom:0;z-index:100;display:flex;flex-direction:column}.layout-main{margin-left:260px;flex:1;min-height:100vh}.header{height:56px;background:#fff;border-bottom:1px solid #e4e4e7;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50}.header-title{font-size:16px;font-weight:600;color:#18181b}.header-right{display:flex;align-items:center;gap:16px}.page-content{padding:24px}.card{background:#fff;border:1px solid #e4e4e7;border-radius:8px;margin-bottom:16px}.card-header{padding:16px 20px;border-bottom:1px solid #e4e4e7;display:flex;justify-content:space-between;align-items:center}.card-title{font-size:15px;font-weight:600;color:#18181b}.card-body{padding:20px}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:10px 16px;text-align:left;font-size:13px;font-weight:600;color:#71717a;border-bottom:1px solid #e4e4e7;background:#fafafa}.data-table td{padding:12px 16px;font-size:14px;color:#18181b;border-bottom:1px solid #f4f4f5}.data-table tr:hover td{background:#fafafa}.data-table tr:last-child td{border-bottom:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s ease;border:1px solid transparent;white-space:nowrap}.btn-primary{background:#18181b;color:#fff}.btn-primary:hover{background:#27272a}.btn-outline{background:#fff;color:#18181b;border-color:#e4e4e7}.btn-outline:hover{background:#f4f4f5}.btn-success{background:#16a34a;color:#fff}.btn-success:hover{background:#15803d}.btn-danger{background:#fff;color:#dc2626;border-color:#fecaca}.btn-danger:hover{background:#fef2f2;border-color:#dc2626}.btn-sm{padding:4px 12px;font-size:13px}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;border-radius:4px}.badge-blue{background:#eff6ff;color:#2563eb}.badge-green{background:#f0fdf4;color:#16a34a}.badge-orange{background:#fff7ed;color:#ea580c}.badge-red{background:#fef2f2;color:#dc2626}.badge-gray{background:#f4f4f5;color:#71717a}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:500;color:#18181b;margin-bottom:6px}.form-input{width:100%;height:36px;padding:0 12px;border:1px solid #e4e4e7;border-radius:6px;font-size:14px;outline:none;transition:all .15s ease}.form-input:focus{border-color:#18181b;box-shadow:0 0 0 1px #18181b}.form-input::placeholder{color:#a1a1aa}.form-row{display:flex;gap:20px}.form-row .form-group{flex:1}select.form-input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.search-bar{display:flex;gap:12px;margin-bottom:16px;align-items:center}.search-input{height:36px;padding:0 12px;border:1px solid #e4e4e7;border-radius:6px;font-size:14px;outline:none;width:200px}.search-input:focus{border-color:#18181b;box-shadow:0 0 0 1px #18181b}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e4e4e7;border-radius:8px;padding:20px;text-align:center}.stat-value{font-size:28px;font-weight:700;color:#18181b}.stat-label{font-size:13px;color:#71717a;margin-top:4px}.progress-bar{height:8px;background:#e4e4e7;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#18181b;border-radius:4px}.flex{display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}.empty-state{text-align:center;padding:60px 20px;color:#71717a}