:root{--bg: #0f1419;--card-bg: #1a222d;--sidebar-bg: #131a23;--border: #2d3848;--text: #e8eef5;--muted: #8b9cb3;--accent: #3d8bfd;--accent-hover: #5ca0ff;--danger: #f07178;--success: #7fd962;--gap-sm: 4px;--gap-md: 8px;--gap-lg: 16px;--radius: 10px;--sidebar-w: 232px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}a{color:var(--accent)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#3a4456;border-radius:8px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#4d5a72;background-clip:padding-box;border:2px solid transparent}*::-webkit-scrollbar-corner{background:transparent}.layout{height:100vh;display:grid;grid-template-columns:var(--sidebar-w) 1fr;overflow:hidden}.layout-main{display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);padding:var(--gap-lg) 0;display:flex;flex-direction:column;gap:var(--gap-lg);height:100vh;overflow-y:auto}.sidebar-brand{padding:0 var(--gap-lg);font-weight:700;letter-spacing:-.02em;font-size:1.05rem}.sidebar-nav{display:flex;flex-direction:column}.sidebar-link{padding:10px var(--gap-lg);color:var(--muted);text-decoration:none;font-size:.93rem;border-left:2px solid transparent}.sidebar-link:hover{color:var(--text);background:#ffffff05}.sidebar-link.is-active{color:var(--text);background:#3d8bfd14;border-left-color:var(--accent)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--gap-md) var(--gap-lg);border-bottom:1px solid var(--border);background:var(--card-bg)}.topbar-title{font-weight:650;letter-spacing:-.02em}.topbar-actions{display:flex;align-items:center;gap:var(--gap-lg)}.topbar-user{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.topbar-user-email{font-size:.9rem}.topbar-user-role{font-size:.75rem;color:var(--muted)}main.page{flex:1;min-height:0;padding:var(--gap-lg);width:100%;overflow:auto;display:flex;flex-direction:column}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap-lg);margin-bottom:var(--gap-lg)}.page-fill{flex:1;display:flex;flex-direction:column;min-height:0}.card-fill{flex:1;display:flex;flex-direction:column;min-height:0;margin-bottom:0}.card-fill>.table-wrap,.card-fill>.metrics-wrap{flex:1;min-height:0;max-height:none}.card-title{margin:0 0 var(--gap-md);font-size:1.05rem}.muted{color:var(--muted)}.center{display:flex;align-items:center;justify-content:center;min-height:40vh}.danger{color:var(--danger)}.success{color:var(--success)}.placeholder-box{margin-top:var(--gap-lg);padding:32px;border:1px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--muted);font-size:.95rem}.field{margin-bottom:var(--gap-lg)}.field label{display:block;margin-bottom:var(--gap-sm);color:var(--muted);font-size:.9rem}.field input{width:100%;max-width:360px;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:var(--radius);padding:10px 18px;font-weight:600;cursor:pointer;background:var(--accent);color:#fff}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.field-error{color:var(--danger);font-size:.85rem;margin-top:var(--gap-sm)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--gap-lg)}.login-card{width:100%;max-width:400px;margin:0}.btn-sm{padding:6px 10px;font-size:.85rem}.btn-danger{color:var(--danger);border-color:#f0717866}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md);margin-bottom:var(--gap-lg)}.row-actions{display:flex;gap:var(--gap-md);align-items:center}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border)}.table{width:100%;border-collapse:collapse;font-size:.93rem}.table th,.table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border)}.table th{font-weight:600;color:var(--muted);background:#ffffff05;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#ffffff05}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.78rem;font-weight:600;border:1px solid transparent}.badge-success{background:#7fd9621f;color:var(--success);border-color:#7fd9624d}.badge-muted{background:#ffffff0a;color:var(--muted);border-color:var(--border)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;padding:8vh var(--gap-lg) var(--gap-lg);z-index:100}.modal{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:560px;max-height:84vh;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--gap-lg);border-bottom:1px solid var(--border)}.modal-body{padding:var(--gap-lg);overflow-y:auto}.form-grid{display:flex;flex-direction:column;gap:var(--gap-md)}.form-grid .field{margin-bottom:0}.form-grid .field input{max-width:none}.iiko-list{max-height:360px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius)}.iiko-item{display:flex;align-items:center;gap:var(--gap-md);padding:10px var(--gap-md);border-bottom:1px solid var(--border);cursor:pointer}.iiko-item:last-child{border-bottom:none}.iiko-item:hover{background:#ffffff05}.iiko-item.is-disabled{cursor:default;opacity:.7}.iiko-item-main{flex:1;min-width:0}.iiko-item-name{font-size:.95rem}.iiko-item-id{font-size:.78rem;color:var(--muted);font-family:ui-monospace,Menlo,Consolas,monospace}.select{padding:8px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit}.refresh-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md);padding:10px 14px;margin-bottom:var(--gap-md);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);flex-wrap:wrap}.refresh-bar-info{display:flex;flex-wrap:wrap;gap:8px;font-size:.9rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--gap-md);margin-bottom:var(--gap-md)}.summary-card{border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;background:var(--bg);display:flex;flex-direction:column;gap:4px}.summary-card-title{font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.summary-card-value{font-size:1.6rem;font-weight:600;color:var(--accent)}.summary-card-subtitle{font-size:.8rem;color:var(--muted)}.metrics-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius)}.metrics-table{border-collapse:separate;border-spacing:0;font-size:.85rem;width:max-content;min-width:100%}.metrics-table th,.metrics-table td{padding:4px 8px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);background:var(--card-bg);white-space:nowrap;vertical-align:middle}.metrics-table thead th{position:sticky;top:0;z-index:3;background:#202934;color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.metrics-table .metric-name-col{position:sticky;left:0;z-index:2;background:var(--card-bg);min-width:240px;font-weight:500}.metrics-table thead .metric-name-col{z-index:4;background:#202934}.metric-unit-col{width:50px;color:var(--muted);font-size:.8rem;text-align:center}.metric-fact-col,.metric-plan-col{width:90px;text-align:right}.metric-day-col{width:60px;text-align:right}.metric-row:hover td{background:#ffffff05}.metric-row:hover .metric-name-col{background:#1f2832}.metric-group-row td{background:#3d8bfd14;color:var(--text);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;padding:8px 12px;border-right:none}.metric-group-title{position:sticky;left:12px;display:inline-block}.metric-cell{display:inline-block;width:100%;font:inherit;text-align:right;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text);padding:2px 6px}.metric-cell-button{cursor:pointer}.metric-cell-button:hover{background:#3d8bfd1f;border-color:var(--border)}.metric-cell-readonly{color:var(--text);cursor:default}.metric-cell-input{background:var(--bg);border-color:var(--accent);outline:none}@media(max-width:900px){html,body,#root{height:auto}body{overflow:auto}.layout{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.layout-main{height:auto;overflow:visible}main.page{overflow:visible;display:block}.sidebar{position:static;height:auto;overflow:visible;border-right:none;border-bottom:1px solid var(--border)}.sidebar-nav{flex-direction:row;overflow-x:auto}.sidebar-link{border-left:none;border-bottom:2px solid transparent;white-space:nowrap}.sidebar-link.is-active{border-left-color:transparent;border-bottom-color:var(--accent)}.card-fill{flex:none;display:block}.card-fill>.table-wrap,.card-fill>.metrics-wrap{max-height:70vh}}