:root{--bg: #f6f5f2;--surface: #ffffff;--ink: #161513;--muted: #6d675c;--line: #e6e2d9;--gold: #b8862d;--gold-deep: #93691f;--gold-soft: #f5ecd9;--warn: #a95f08;--warn-soft: #fcefd9;--crit: #b3261e;--crit-soft: #fbe4e2;--ok: #2c7a3f;--ok-soft: #e4f2e7}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial Hebrew,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.55}a{color:var(--gold-deep);text-decoration:none}a:hover{text-decoration:underline}.layout{display:flex;min-height:100vh}.sidebar{width:224px;background:var(--surface);border-inline-end:1px solid var(--line);padding:18px 0 14px;flex-shrink:0;display:flex;flex-direction:column}.sidebar .brand{padding:0 16px 12px;border-bottom:1px solid var(--line)}.sidebar .brand img{display:block;width:100%;max-width:180px;height:auto}.sidebar .brand span{display:block;font-size:10.5px;color:var(--muted);margin-top:6px;border-top:2px solid #d9b45a;padding-top:4px;letter-spacing:.02em}.sidebar nav{display:flex;flex-direction:column;margin-top:10px;flex:1}.sidebar nav a{color:#3d382f;padding:10px 18px;font-size:13.5px}.sidebar nav a:hover{background:#f6f2e8;text-decoration:none}.sidebar nav a.active{background:var(--gold-soft);color:var(--gold-deep);font-weight:650;border-inline-start:3px solid var(--gold);padding-inline-start:15px}.sidebar .user{padding:12px 18px 0;font-size:12px;color:var(--muted);border-top:1px solid var(--line);margin-top:14px}.sidebar .user button{background:none;border:none;color:var(--muted);cursor:pointer;padding:0;font-size:12px;text-decoration:underline;font-family:inherit}.main{flex:1;min-width:0;padding:22px 26px 44px}.main h2{margin-top:0;font-size:20px;font-weight:650}h3{font-size:14.5px;font-weight:650}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin-bottom:14px}table.data{width:100%;border-collapse:collapse;background:var(--surface);font-size:13.5px}table.data th,table.data td{text-align:right;padding:8px 10px;border-bottom:1px solid #f0ede6}table.data th{background:#faf8f3;font-weight:600;color:var(--muted);font-size:12px}table.data tr:hover td{background:#faf8f3}.board{display:flex;gap:12px;align-items:flex-start;overflow-x:auto;padding-bottom:8px}.board .col{background:#edeae2;border-radius:10px;padding:10px;min-width:195px;flex:1 0 195px}.board .col h3{margin:0 4px 8px;font-size:12.5px;color:var(--muted)}.board .claim-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:9px 11px;margin-bottom:8px;font-size:13px;cursor:pointer;border-inline-start-width:3px}.board .claim-card:hover{border-color:var(--gold)}.board .claim-card .sla{font-size:11.5px}.sla-overdue{color:var(--crit);font-weight:650}.sla-soon{color:var(--warn);font-weight:650}.badge{display:inline-block;border-radius:12px;padding:1px 10px;font-size:12px;background:var(--gold-soft);color:var(--gold-deep)}.badge.pending{background:var(--warn-soft);color:var(--warn)}.badge.approved,.badge.executed{background:var(--ok-soft);color:var(--ok)}.badge.rejected{background:var(--crit-soft);color:var(--crit)}button.btn{background:var(--gold);color:#fff;border:none;border-radius:8px;padding:8px 18px;font-size:13.5px;cursor:pointer;font-family:inherit}button.btn:hover{background:var(--gold-deep)}button.btn.secondary{background:#f1eee7;color:var(--ink);border:1px solid var(--line)}button.btn.secondary:hover{background:#e9e4d8}button.btn.danger{background:var(--crit)}button.btn:disabled{opacity:.5;cursor:default}input,select,textarea{font-family:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:0;border-color:var(--gold)}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:var(--muted)}pre.preview{background:#faf8f3;border:1px solid var(--line);border-radius:8px;padding:12px 14px;white-space:pre-wrap;font-family:inherit;font-size:13px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.login-card{width:380px;max-width:calc(100vw - 32px);text-align:center}.login-card img{width:220px;max-width:80%;height:auto;margin:6px auto 4px}.login-card .form-row{justify-content:center}.error{color:var(--crit);font-size:13px;margin-top:8px}.muted{color:var(--muted);font-size:12.5px}.toolbar{display:flex;gap:10px;margin-bottom:14px;align-items:center;flex-wrap:wrap}@media (max-width: 760px){body{font-size:15px}.layout{flex-direction:column}.sidebar{width:100%;padding:0;position:sticky;top:0;z-index:20;border-inline-end:none;box-shadow:0 1px 6px #16151314}.sidebar .brand{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;border-bottom:none}.sidebar .brand img{width:auto;height:42px;max-width:none}.sidebar .brand span{display:none}.sidebar nav{flex-direction:row;overflow-x:auto;margin:0;padding:0 8px 10px;gap:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav a{padding:7px 14px;white-space:nowrap;flex-shrink:0;font-size:13.5px;border-radius:18px;background:#f1eee7;color:#3d382f;border:1px solid var(--line)}.sidebar nav a.active{background:var(--gold);color:#fff;font-weight:650;border:1px solid var(--gold);padding-inline-start:14px}.sidebar .user{display:none}.main{padding:14px 12px 48px}.main h2{font-size:18px}.card{padding:13px 14px;border-radius:12px}.board{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.board .col{min-width:175px;flex:0 0 175px;scroll-snap-align:start}table.data{display:block;overflow-x:auto;white-space:nowrap}.form-row{flex-direction:column}.form-row label,.form-row input,.form-row select{width:100%}input,select,textarea{font-size:16px}button.btn{padding:11px 20px;border-radius:10px}}
