@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--intersurgical-green:#008b6c;--intersurgical-green-dark:#00604a;--intersurgical-green-light:#ecfdf5;--intersurgical-ink:#0f172a;--intersurgical-gray-dark:#334155;--intersurgical-gray:#64748b;--intersurgical-gray-light:#94a3b8;--intersurgical-border:#e2e8f0;--intersurgical-bg:#f8fafc;--card-bg:#fff;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 4px 6px -1px #00000008, 0 2px 4px -2px #00000008;--shadow-md:0 10px 15px -3px #00000008, 0 4px 6px -4px #00000008;--shadow-lg:0 20px 25px -5px #00000008, 0 8px 10px -6px #00000008}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--intersurgical-bg);color:var(--intersurgical-ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}.app-container{min-height:100vh;display:flex}.main-content{flex:1;padding:40px;overflow-y:auto}.btn-primary{background:var(--intersurgical-green);border:1px solid var(--intersurgical-green);color:#fff;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:.6rem 1.6rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 6px -1px #008b6c33,0 2px 4px -2px #008b6c33}.btn-primary:hover:not(:disabled){background:var(--intersurgical-green-dark);border-color:var(--intersurgical-green-dark);transform:translateY(-2px);box-shadow:0 10px 15px -3px #008b6c4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-secondary{border:1px solid var(--intersurgical-border);color:var(--intersurgical-gray-dark);box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;border-radius:12px;padding:.6rem 1.6rem;font-weight:600;transition:all .2s}.btn-secondary:hover:not(:disabled){color:var(--intersurgical-ink);background:#f8fafc}.input-field{border:1px solid var(--intersurgical-border);width:100%;color:var(--intersurgical-ink);border-radius:12px;padding:12px 16px;font-family:inherit;font-size:1rem;transition:border-color .2s}.input-field:focus{border-color:var(--intersurgical-green);box-shadow:0 0 0 3px var(--intersurgical-green-light);outline:none}.demo-header{background:var(--card-bg);border:1px solid var(--intersurgical-border);box-shadow:var(--shadow-md);border-radius:24px;margin-bottom:40px;padding:48px;position:relative;overflow:hidden}.demo-eyebrow{background:var(--intersurgical-green-light);color:var(--intersurgical-green-dark);letter-spacing:.05em;text-transform:uppercase;border:1px solid #008b6c33;border-radius:999px;align-items:center;margin-bottom:16px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.demo-title{color:var(--intersurgical-ink);letter-spacing:-.04em;margin:0;font-size:2.75rem;font-weight:800;line-height:1.1}.demo-subtitle{color:var(--intersurgical-gray);max-width:640px;margin-top:16px;font-size:1.15rem;font-weight:400;line-height:1.6}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px;display:grid}.metric-card{background:var(--card-bg);border:1px solid var(--intersurgical-border);box-shadow:var(--shadow-sm);border-radius:20px;padding:24px 28px;transition:all .25s cubic-bezier(.4,0,.2,1)}.metric-card:hover{box-shadow:var(--shadow-lg);border-color:#cbd5e1;transform:translateY(-2px)}.metric-label{color:var(--intersurgical-gray);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:.85rem;font-weight:600}.metric-value{color:var(--intersurgical-ink);letter-spacing:-.04em;font-size:2.5rem;font-weight:800;line-height:1.1}.data-table-container{border:1px solid var(--intersurgical-border);box-shadow:var(--shadow-sm);background:var(--card-bg);border-radius:20px;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.95rem}.data-table th{border-bottom:2px solid var(--intersurgical-border);color:var(--intersurgical-gray-dark);white-space:nowrap;padding:16px 20px;font-weight:600}.data-table td{border-bottom:1px solid var(--intersurgical-border);color:var(--intersurgical-ink);padding:16px 20px}.data-table td input{width:100%;font-family:inherit;font-size:inherit;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 12px;transition:all .2s}.data-table td input:hover{border-color:var(--intersurgical-border);background:#f8fafc}.data-table td input:focus{border-color:var(--intersurgical-green);box-shadow:0 0 0 3px var(--intersurgical-green-light);background:#fff;outline:none}.data-table tr.row-hover:hover td{transition:background-color .15s;background-color:#f0fdf4!important}.cell-error{color:#991b1b!important;background-color:#fee2e2!important}.cell-error input{color:inherit}.cell-warning{color:#9a3412!important;background-color:#ffedd5!important}.cell-warning input{color:inherit}.text-danger{color:#dc2626}.bg-danger-light{background-color:#fef2f2}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.mb-4{margin-bottom:16px}.mb-8{margin-bottom:32px}