@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--blue: #0EA5E9;--blue-dark: #0284C7;--blue-glow: rgba(14, 165, 233, .35);--blue-subtle: rgba(14, 165, 233, .08);--navy: #0F172A;--navy-light: #1E293B;--navy-lighter: #334155;--neon: #06F7D4;--neon-subtle: rgba(6, 247, 212, .12);--green: #10B981;--red: #EF4444;--amber: #F59E0B;--grey: #94A3B8;--bg: #EFF6FF;--surface: #FFFFFF;--surface-hover: #F8FAFC;--glass: rgba(255, 255, 255, .7);--border: rgba(14, 165, 233, .12);--border-focus: #0EA5E9;--text: #0F172A;--text-muted: #64748B;--text-subtle: #94A3B8;--text-inverse: #FFFFFF;--shadow: 0 2px 16px rgba(14, 165, 233, .07);--shadow-hover: 0 6px 24px rgba(14, 165, 233, .11);--shadow-glow: 0 0 20px rgba(14, 165, 233, .15);--shadow-modal: 0 24px 64px rgba(0, 0, 0, .2);--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--fs-title: 16px;--fs-section: 12.5px;--fs-label: 10px;--fs-input: 12px;--fs-table: 12px;--fs-th: 9.5px;--fs-btn: 11.5px;--radius: 14px;--radius-modal: 16px;--radius-sm: 10px;--radius-xs: 8px;--padding-page: 24px 28px;--padding-card: 18px;--padding-btn: 8px 16px;--padding-input: 9px 12px}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.inn-nav{background:linear-gradient(135deg,var(--navy) 0%,#0A0F1E 100%);border-bottom:1px solid rgba(14,165,233,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:0 28px;height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;box-shadow:0 2px 20px #0000004d}.inn-nav-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:15px;letter-spacing:-.3px;transition:opacity .2s}.inn-nav-brand:hover{opacity:.85}.inn-nav-brand-glow{width:8px;height:8px;border-radius:50%;background:var(--neon);box-shadow:0 0 12px var(--neon-subtle);animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #06f7d44d}50%{box-shadow:0 0 20px #06f7d499}}.inn-nav-links{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.inn-nav-link{color:#ffffffa6;text-decoration:none;font-size:12px;font-weight:500;padding:6px 14px;border-radius:var(--radius-sm);transition:all .18s;white-space:nowrap}.inn-nav-link:hover{color:#fff;background:#0ea5e91f}.inn-nav-link.active{color:#fff;background:#0ea5e933;box-shadow:inset 0 -2px 0 var(--blue)}.inn-nav-right{display:flex;align-items:center;gap:12px}.inn-nav-user{color:#ffffffb3;font-size:11.5px;font-weight:500}.inn-page{padding:var(--padding-page);max-width:1280px;margin:0 auto;animation:fadeUp .3s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.inn-topbar{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:16px 20px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow)}.inn-topbar-logo{width:40px;height:40px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--blue),var(--blue-dark));display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.inn-topbar-title{font-size:var(--fs-title);font-weight:800;color:var(--text)}.inn-topbar-sub{font-size:11px;color:var(--text-muted);margin-top:1px}.inn-topbar-actions{margin-left:auto;display:flex;gap:8px}.inn-btn{padding:var(--padding-btn);border-radius:var(--radius-sm);font-size:var(--fs-btn);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .18s;border:none;font-family:var(--font);text-decoration:none}.inn-btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;box-shadow:0 4px 14px #0ea5e959}.inn-btn-primary:hover{box-shadow:0 6px 24px #0ea5e980;transform:translateY(-1px)}.inn-btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #0ea5e94d}.inn-btn-ghost{background:#fff;border:1.5px solid var(--border);color:var(--text)}.inn-btn-ghost:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-subtle)}.inn-btn-danger{background:linear-gradient(135deg,var(--red),#DC2626);color:#fff;box-shadow:0 4px 14px #ef44444d}.inn-btn-danger:hover{box-shadow:0 6px 20px #ef444473;transform:translateY(-1px)}.inn-btn-warning{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;box-shadow:0 4px 14px #f59e0b4d}.inn-btn-warning:hover{box-shadow:0 6px 20px #f59e0b73;transform:translateY(-1px)}.inn-btn-sm{padding:5px 12px;font-size:10.5px}.inn-btn-icon{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:#fff;color:var(--text-muted);cursor:pointer;transition:all .18s}.inn-btn-icon:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-subtle)}.inn-btn-icon:hover svg{transform:scale(1.15)}.inn-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;align-items:end}.inn-field-full{grid-column:1 / -1}.inn-field{display:flex;flex-direction:column;gap:6px}.inn-label{font-size:var(--fs-label);font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.inn-input,.inn-select{width:100%;padding:var(--padding-input);border-radius:var(--radius-sm);border:1px solid var(--border);font-size:var(--fs-input);font-weight:500;color:var(--text);background:var(--surface-hover);transition:all .18s;outline:none;font-family:var(--font)}.inn-input:focus,.inn-select:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #0ea5e91a}.inn-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.inn-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);transition:all .2s}.inn-card:hover{box-shadow:var(--shadow-hover)}.inn-card-header{padding:14px 18px;border-bottom:1px solid var(--border);font-size:var(--fs-section);font-weight:700;display:flex;align-items:center;justify-content:space-between}.inn-card-body{padding:var(--padding-card)}.inn-table-wrap{overflow-x:auto;border-radius:var(--radius)}.inn-table{width:100%;border-collapse:collapse;font-size:var(--fs-table)}.inn-table thead tr{background:linear-gradient(135deg,var(--blue),var(--blue-dark))}.inn-table thead th{padding:7px 10px;text-align:left;font-size:var(--fs-th);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.7px;white-space:nowrap}.inn-table tbody tr{border-bottom:1px solid var(--border);transition:all .18s}.inn-table tbody tr:hover{background:var(--blue-subtle);box-shadow:inset 3px 0 0 var(--blue)}.inn-table tbody td{padding:7px 10px;font-size:var(--fs-table);color:var(--text);vertical-align:middle}.inn-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.inn-badge-success{background:#10b9811f;color:#059669}.inn-badge-warning{background:#f59e0b1f;color:#d97706}.inn-badge-danger{background:#ef44441f;color:#dc2626}.inn-badge-info{background:#0ea5e91f;color:#0284c7}.inn-badge-neutral{background:#94a3b826;color:#64748b}.inn-filter-bar{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:12px 16px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow)}.inn-search-wrap{position:relative;flex:1;max-width:320px}.inn-search-wrap .inn-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.inn-form-grid>.inn-input-area{grid-column:span 2}.inn-input-area{min-height:80px;resize:vertical}.inn-input{padding-left:34px}.inn-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-subtle);pointer-events:none}.inn-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.inn-modal{background:#fff;border-radius:var(--radius-modal);max-width:520px;width:100%;box-shadow:var(--shadow-modal);animation:modalIn .25s;max-height:90vh;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.inn-modal-header{background:#f8fafccc;border-bottom:1px solid var(--border);padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.inn-modal-title{font-size:14px;font-weight:700}.inn-modal-close{width:32px;height:32px;border:1.5px solid var(--border);border-radius:var(--radius-xs);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .18s}.inn-modal-close:hover{border-color:var(--red);background:#ef44440f;color:var(--red)}.inn-modal-body{padding:20px}.inn-modal-footer{background:#f8fafc99;padding:13px 20px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--border)}.inn-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:20px}.inn-kpi{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:16px 18px;box-shadow:var(--shadow);transition:all .2s}.inn-kpi:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.inn-kpi-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.inn-kpi-value{font-size:26px;font-weight:800;color:var(--text);line-height:1.2}.inn-kpi-sub{font-size:11px;color:var(--text-subtle);margin-top:2px}.inn-toggle{position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer;height:28px}.inn-toggle input{position:absolute;opacity:0;width:0;height:0}.inn-toggle-slider{width:36px;height:20px;background:#cbd5e1;border-radius:20px;position:relative;transition:.25s;flex-shrink:0}.inn-toggle-slider:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.25s;box-shadow:0 1px 3px #00000026}.inn-toggle input:checked+.inn-toggle-slider{background:var(--blue);box-shadow:0 0 10px var(--blue-glow)}.inn-toggle input:checked+.inn-toggle-slider:after{transform:translate(16px)}.inn-toggle-label{font-size:11px;font-weight:600}.inn-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;font-size:12px;color:var(--text-muted)}.inn-pagination-btns{display:flex;gap:4px}.inn-page-btn{width:30px;height:30px;border:1px solid var(--border);border-radius:var(--radius-xs);background:#fff;cursor:pointer;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .15s}.inn-page-btn:hover{border-color:var(--blue);color:var(--blue)}.inn-page-btn.active{background:var(--blue);color:#fff;border-color:var(--blue)}.inn-spinner{width:20px;height:20px;border:2px solid var(--border);border-top:2px solid var(--blue);border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.inn-alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;display:flex;align-items:center;gap:8px;margin-bottom:12px}.inn-alert-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#dc2626}.inn-alert-success{background:#10b98114;border:1px solid rgba(16,185,129,.2);color:#059669}.inn-alert-info{background:#0ea5e914;border:1px solid rgba(14,165,233,.2);color:#0284c7}@media (max-width: 768px){.inn-nav-links{display:none}.inn-page{padding:16px}.inn-filter-bar{flex-wrap:wrap}.inn-search-wrap{max-width:100%}.inn-kpi-grid{grid-template-columns:repeat(2,1fr)}}