*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial Hebrew,Arial,sans-serif;background:#f4f6f9;color:#1c2733}a{color:#1d6fd1;text-decoration:none}a:hover{text-decoration:underline}.layout{display:flex;min-height:100vh}.sidebar{width:210px;background:#14283f;color:#dce6f2;padding:18px 0;flex-shrink:0}.sidebar h1{font-size:17px;padding:0 18px 14px;margin:0;border-bottom:1px solid #2a4059}.sidebar nav{display:flex;flex-direction:column;margin-top:10px}.sidebar nav a{color:#b9c9dc;padding:10px 18px;font-size:14px}.sidebar nav a.active{background:#1d6fd1;color:#fff}.sidebar nav a:hover{background:#20344d;text-decoration:none}.sidebar .user{padding:14px 18px;font-size:12px;color:#8ba0b8;border-top:1px solid #2a4059;margin-top:18px}.sidebar .user button{background:none;border:none;color:#8ba0b8;cursor:pointer;padding:0;font-size:12px;text-decoration:underline}.main{flex:1;padding:24px 28px;overflow-x:auto}.main h2{margin-top:0}.card{background:#fff;border:1px solid #e1e7ee;border-radius:8px;padding:16px;margin-bottom:14px}table.data{width:100%;border-collapse:collapse;background:#fff}table.data th,table.data td{text-align:right;padding:8px 10px;border-bottom:1px solid #edf1f5;font-size:14px}table.data th{background:#f0f4f8;font-weight:600}table.data tr:hover td{background:#f8fafc}.board{display:flex;gap:12px;align-items:flex-start}.board .col{background:#e9eef4;border-radius:8px;padding:10px;min-width:190px;flex:1}.board .col h3{margin:0 0 8px;font-size:13px;color:#45586e}.board .claim-card{background:#fff;border:1px solid #dde4ec;border-radius:6px;padding:8px 10px;margin-bottom:8px;font-size:13px;cursor:pointer}.board .claim-card:hover{border-color:#1d6fd1}.board .claim-card .sla{font-size:11px}.sla-overdue{color:#c62828;font-weight:600}.sla-soon{color:#e08a00;font-weight:600}.badge{display:inline-block;border-radius:10px;padding:1px 9px;font-size:12px;background:#e4ecf5;color:#2c4a68}.badge.pending{background:#fff3d6;color:#8a6100}.badge.approved,.badge.executed{background:#dcf2e0;color:#1d6b34}.badge.rejected{background:#fadbd8;color:#a03026}button.btn{background:#1d6fd1;color:#fff;border:none;border-radius:6px;padding:7px 16px;font-size:14px;cursor:pointer}button.btn:hover{background:#185cae}button.btn.secondary{background:#eef2f6;color:#2c3e50;border:1px solid #ccd6e0}button.btn.danger{background:#c62828}button.btn:disabled{opacity:.5;cursor:default}input,select,textarea{font-family:inherit;font-size:14px;padding:7px 10px;border:1px solid #ccd6e0;border-radius:6px;background:#fff}textarea{width:100%;min-height:90px}.form-row{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.form-row label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#45586e}pre.preview{background:#f6f8fa;border:1px solid #e1e7ee;border-radius:6px;padding:10px;white-space:pre-wrap;font-family:inherit;font-size:13px}@media (max-width: 760px){.layout{flex-direction:column}.sidebar{width:100%;padding:8px 0 0;position:sticky;top:0;z-index:20}.sidebar h1{padding:0 14px 8px;font-size:15px;border-bottom:none}.sidebar nav{flex-direction:row;overflow-x:auto;margin-top:0;border-top:1px solid #2a4059;-webkit-overflow-scrolling:touch}.sidebar nav a{padding:10px 12px;white-space:nowrap;font-size:13px;flex-shrink:0}.sidebar .user{display:none}.main{padding:14px 12px 40px}.card{padding:12px}.board{overflow-x:auto;-webkit-overflow-scrolling:touch}.board .col{min-width:170px;flex:0 0 170px}table.data{display:block;overflow-x:auto;white-space:nowrap}.form-row{flex-direction:column}input,select,textarea{font-size:16px}button.btn{padding:10px 18px}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{width:360px}.error{color:#c62828;font-size:13px;margin-top:8px}.muted{color:#7a8a9a;font-size:12px}.toolbar{display:flex;gap:10px;margin-bottom:14px;align-items:center;flex-wrap:wrap}