:root{--tuulio-primary: #28b779;--tuulio-primary-hover: #209b67;--tuulio-primary-active: #198558;--tuulio-primary-soft: #eaf8f2;--tuulio-primary-softer: #f4fbf8;--tuulio-blue: #3478f6;--tuulio-blue-soft: #edf4ff;--tuulio-purple: #7657e8;--tuulio-purple-soft: #f2efff;--tuulio-orange: #f5a623;--tuulio-orange-soft: #fff6e7;--tuulio-red: #ef5350;--tuulio-red-soft: #fff0ef;--tuulio-app-bg: #f5f7fa;--tuulio-surface: #ffffff;--tuulio-surface-soft: #f9fafb;--tuulio-surface-hover: #f3f6f8;--tuulio-text: #172033;--tuulio-text-secondary: #657084;--tuulio-text-muted: #929bad;--tuulio-text-inverse: #ffffff;--tuulio-border: #e7ebf0;--tuulio-border-strong: #dce2e9;--tuulio-radius-xs: 6px;--tuulio-radius-sm: 9px;--tuulio-radius-md: 12px;--tuulio-radius-lg: 16px;--tuulio-radius-xl: 20px;--tuulio-radius-pill: 999px;--tuulio-shadow-xs: 0 1px 2px rgba(16, 24, 40, .03);--tuulio-shadow-sm: 0 2px 8px rgba(16, 24, 40, .05);--tuulio-shadow-md: 0 8px 24px rgba(16, 24, 40, .07);--tuulio-shadow-lg: 0 18px 45px rgba(16, 24, 40, .1);--tuulio-sidebar-rail: 68px;--tuulio-sidebar-panel: 224px;--tuulio-topbar-height: 72px;--tuulio-transition: .16s cubic-bezier(.4, 0, .2, 1);--tuulio-font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}html{background:var(--tuulio-app-bg)}body{margin:0;background:var(--tuulio-app-bg);color:var(--tuulio-text);font-family:var(--tuulio-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}.tuulio-card{background:var(--tuulio-surface);border:1px solid var(--tuulio-border);border-radius:var(--tuulio-radius-lg);box-shadow:var(--tuulio-shadow-sm)}.tuulio-card--flat{box-shadow:none}.tuulio-card--interactive{transition:transform var(--tuulio-transition),box-shadow var(--tuulio-transition),border-color var(--tuulio-transition)}.tuulio-card--interactive:hover{transform:translateY(-1px);box-shadow:var(--tuulio-shadow-md);border-color:var(--tuulio-border-strong)}.tuulio-button{min-height:40px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--tuulio-radius-sm);font-weight:600;cursor:pointer;transition:background var(--tuulio-transition),border-color var(--tuulio-transition),color var(--tuulio-transition),transform var(--tuulio-transition)}.tuulio-button:active{transform:translateY(1px)}.tuulio-button--primary{background:var(--tuulio-primary);color:#fff}.tuulio-button--primary:hover{background:var(--tuulio-primary-hover)}.tuulio-button--secondary{background:#fff;color:var(--tuulio-text);border-color:var(--tuulio-border)}.tuulio-button--secondary:hover{background:var(--tuulio-surface-hover)}.tuulio-button--ghost{background:transparent;color:var(--tuulio-text-secondary)}.tuulio-button--ghost:hover{background:var(--tuulio-surface-hover);color:var(--tuulio-text)}.tuulio-input{min-height:42px;width:100%;box-sizing:border-box;padding:0 13px;background:#fff;color:var(--tuulio-text);border:1px solid var(--tuulio-border);border-radius:var(--tuulio-radius-sm);outline:none;transition:border-color var(--tuulio-transition),box-shadow var(--tuulio-transition)}.tuulio-input::placeholder{color:var(--tuulio-text-muted)}.tuulio-input:focus{border-color:var(--tuulio-primary);box-shadow:0 0 0 3px #28b7791f}.tuulio-badge{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 9px;border-radius:var(--tuulio-radius-pill);font-size:12px;font-weight:600}.tuulio-badge--success{background:var(--tuulio-primary-soft);color:#168354}.tuulio-badge--info{background:var(--tuulio-blue-soft);color:#2465d3}.tuulio-badge--warning{background:var(--tuulio-orange-soft);color:#b66a00}.tuulio-badge--danger{background:var(--tuulio-red-soft);color:#cc3936}.tuulio-table-shell{overflow-x:auto;background:#fff;border:1px solid var(--tuulio-border);border-radius:var(--tuulio-radius-lg);box-shadow:var(--tuulio-shadow-xs)}.tuulio-table{width:100%;border-collapse:collapse}.tuulio-table th{padding:12px 16px;background:var(--tuulio-surface-soft);color:var(--tuulio-text-secondary);font-size:12px;font-weight:600;text-align:left;border-bottom:1px solid var(--tuulio-border)}.tuulio-table td{padding:14px 16px;color:var(--tuulio-text);border-bottom:1px solid var(--tuulio-border);font-size:14px}.tuulio-table tbody tr{transition:background var(--tuulio-transition)}.tuulio-table tbody tr:hover{background:var(--tuulio-primary-softer)}.tuulio-table tbody tr:last-child td{border-bottom:0}.tuulio-page{width:100%}.tuulio-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.tuulio-page-title{margin:0;color:var(--tuulio-text);font-size:26px;line-height:1.2;font-weight:700;letter-spacing:-.025em}.tuulio-page-description{margin:6px 0 0;color:var(--tuulio-text-secondary);font-size:14px;line-height:1.5}.tuulio-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tuulio-kpi{padding:18px;background:#fff;border:1px solid var(--tuulio-border);border-radius:var(--tuulio-radius-lg);box-shadow:var(--tuulio-shadow-sm)}.tuulio-kpi__label{color:var(--tuulio-text-secondary);font-size:13px;font-weight:500}.tuulio-kpi__value{margin-top:7px;color:var(--tuulio-text);font-size:25px;font-weight:700;letter-spacing:-.025em}@media(max-width:1100px){.tuulio-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.tuulio-page-header{flex-direction:column}.tuulio-kpi-grid{grid-template-columns:1fr}.tuulio-page-title{font-size:22px}}html,body,#root{width:100%;min-height:100%}body{overflow-x:hidden}