:root{--ifk-primary:#2196f3;--ifk-primary-dark:#1976d2;--ifk-primary-darker:#1565c0;--ifk-secondary:#ff9800;--ifk-secondary-dark:#f57c00;--text-primary:#1a1a1a;--text-secondary:#666;--text-light:#999;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#fafafa;--bg-gradient:linear-gradient(135deg,#e3f2fd,#f5f5f5);--border-light:#e0e0e0;--border-lighter:#f0f0f0;--shadow-sm:0 2px 8px rgba(0,0,0,.08);--shadow-md:0 4px 16px rgba(0,0,0,.12);--shadow-lg:0 8px 24px rgba(33,150,243,.15);--shadow-primary:0 4px 14px rgba(33,150,243,.3);--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:16px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:16px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:28px;--font-size-4xl:32px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-gradient);min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;opacity:.03;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,var(--ifk-primary) 35px,var(--ifk-primary) 36px);pointer-events:none;z-index:0}.ifk-container{max-width:1400px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.ifk-card{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:30px;margin-bottom:30px;transition:all var(--transition-normal)}.ifk-card:hover{box-shadow:var(--shadow-md)}.ifk-card-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin-bottom:20px;display:flex;align-items:center;gap:10px}.ifk-card-title:before{content:"";width:4px;height:24px;background:linear-gradient(180deg,var(--ifk-primary),var(--ifk-secondary));border-radius:2px;flex-shrink:0}.ifk-btn{padding:14px 28px;border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-family);display:inline-flex;align-items:center;gap:8px;text-decoration:none}.ifk-btn-primary{background:linear-gradient(135deg,var(--ifk-primary) 0,var(--ifk-primary-dark) 100%);color:#fff;box-shadow:var(--shadow-primary)}.ifk-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(33,150,243,.4)}.ifk-btn-secondary{background:#fff;color:var(--ifk-primary);border:2px solid var(--ifk-primary)}.ifk-btn-secondary:hover{background:var(--ifk-primary);color:#fff;transform:translateY(-2px)}.ifk-btn-warning{background:var(--ifk-secondary);color:#fff;box-shadow:0 4px 12px rgba(255,152,0,.3)}.ifk-btn-warning:hover{background:var(--ifk-secondary-dark);transform:translateY(-2px)}.ifk-btn-danger{background:#f44336;color:#fff;box-shadow:0 4px 12px rgba(244,67,54,.3)}.ifk-btn-danger:hover{background:#d32f2f;transform:translateY(-2px)}.ifk-btn-sm{padding:8px 16px;font-size:var(--font-size-sm)}.ifk-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.ifk-form-group{margin-bottom:22px}.ifk-label{display:block;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:8px}.ifk-input,.ifk-select{width:100%;padding:13px 16px;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-md);transition:all var(--transition-normal);background:var(--bg-tertiary);color:var(--text-primary);font-family:var(--font-family)}.ifk-input:focus,.ifk-select:focus{outline:none;border-color:var(--ifk-primary);background:#fff;box-shadow:0 0 0 4px rgba(33,150,243,.1)}.ifk-input::placeholder{color:var(--text-light)}.ifk-table-container{overflow-x:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.ifk-table{width:100%;border-collapse:collapse;background:#fff}.ifk-table thead{background:var(--bg-secondary)}.ifk-table th{padding:16px 14px;text-align:left;font-size:var(--font-size-xs);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-light);white-space:nowrap}.ifk-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ifk-table th.sortable:hover{color:var(--ifk-primary)}.ifk-table td{padding:16px 14px;border-bottom:1px solid var(--border-lighter);font-size:var(--font-size-base)}.ifk-table tbody tr{transition:background var(--transition-fast)}.ifk-table tbody tr:hover{background:var(--bg-secondary)}.ifk-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:var(--font-size-xs);font-weight:600}.ifk-badge-warning{background:#fff3e0;color:#f57c00}.ifk-badge-success{background:#e8f5e9;color:#388e3c}.ifk-badge-info{background:#e3f2fd;color:var(--ifk-primary-dark)}.ifk-badge-danger{background:#ffebee;color:#c62828}.ifk-badge-kyu{background:linear-gradient(135deg,var(--ifk-primary),var(--ifk-primary-dark))}.ifk-badge-dan,.ifk-badge-kyu{color:#fff;padding:4px 10px;border-radius:6px;font-weight:700}.ifk-badge-dan{background:linear-gradient(135deg,var(--ifk-secondary),var(--ifk-secondary-dark))}.ifk-alert{padding:16px 20px;border-radius:var(--radius-md);margin-bottom:20px;font-size:var(--font-size-base);font-weight:500}.ifk-alert-warning{background:#fff3e0;color:#e65100;border-left:4px solid var(--ifk-secondary)}.ifk-alert-danger{background:#ffebee;color:#c62828;border-left:4px solid #f44336}.ifk-alert-success{background:#e8f5e9;color:#2e7d32;border-left:4px solid #4caf50}.ifk-alert-info{background:#e3f2fd;color:#1565c0;border-left:4px solid var(--ifk-primary)}.ifk-page-header{margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.ifk-page-title{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:8px}.ifk-page-subtitle{color:var(--text-secondary);font-size:var(--font-size-md)}.ifk-grid{display:grid;grid-gap:20px;gap:20px}.ifk-grid-2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.ifk-grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ifk-grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ifk-stat-card{background:#fff;border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:18px;transition:all var(--transition-normal)}.ifk-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.ifk-stat-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--ifk-primary) 0,var(--ifk-primary-dark) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:var(--shadow-primary);flex-shrink:0}.ifk-stat-content h3{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:4px}.ifk-stat-content p{font-size:var(--font-size-base);color:var(--text-secondary);font-weight:500}.ifk-spinner-overlay{display:flex;align-items:center;justify-content:center;padding:60px}.ifk-spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--ifk-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.ifk-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.ifk-modal{background:#fff;border-radius:var(--radius-xl);padding:32px;width:100%;max-width:500px;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:fadeIn .2s ease}.ifk-modal-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:24px}.ifk-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:28px}.ifk-pagination{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:24px}.ifk-pagination button{padding:8px 14px;border:2px solid var(--border-light);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-base);transition:all var(--transition-fast)}.ifk-pagination button:hover:not(:disabled){border-color:var(--ifk-primary);color:var(--ifk-primary)}.ifk-pagination button.active{background:var(--ifk-primary);border-color:var(--ifk-primary);color:#fff}.ifk-pagination button:disabled{opacity:.4;cursor:not-allowed}.ifk-text-center{text-align:center}.ifk-mt-1{margin-top:var(--spacing-xs)}.ifk-mt-2{margin-top:var(--spacing-sm)}.ifk-mt-3{margin-top:var(--spacing-md)}.ifk-mt-4{margin-top:var(--spacing-lg)}.ifk-mt-5{margin-top:var(--spacing-xl)}.ifk-mb-1{margin-bottom:var(--spacing-xs)}.ifk-mb-2{margin-bottom:var(--spacing-sm)}.ifk-mb-3{margin-bottom:var(--spacing-md)}.ifk-mb-4{margin-bottom:var(--spacing-lg)}.ifk-mb-5{margin-bottom:var(--spacing-xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ifk-fade-in{animation:fadeIn .4s ease}@media (max-width:768px){.ifk-container{padding:0 15px}.ifk-page-title{font-size:var(--font-size-2xl)}.ifk-card{padding:20px}.ifk-grid{grid-template-columns:1fr}}