:root{--bg:#f8fafc;--bg-soft:#f1f5f9;--bg-subtle:#e2e8f0;--card:#fff;--card-elevated:#fff;--border:#e2e8f0;--border-focus:#3b82f6;--ink:#0f172a;--ink-soft:#475569;--ink-muted:#94a3b8;--accent-patron:#1d4ed8;--accent-patron-soft:rgba(29,78,216,.08);--accent-patron-hover:#1e40af;--accent-personel:#0284c7;--accent-personel-soft:rgba(2,132,199,.08);--success:#16a34a;--success-soft:rgba(22,163,74,.1);--danger:#dc2626;--danger-soft:rgba(220,38,38,.1);--warning:#d97706;--warning-soft:rgba(217,119,6,.1);--shadow-sm:0 1px 2px 0 rgba(15,23,42,.04);--shadow-md:0 4px 6px -1px rgba(15,23,42,.06),0 2px 4px -2px rgba(15,23,42,.04);--shadow-lg:0 10px 15px -3px rgba(15,23,42,.08),0 4px 6px -4px rgba(15,23,42,.04);--radius-sm:6px;--radius-md:10px;--radius-lg:14px}[data-theme=dark],html.dark{--bg:#0b0f19;--bg-soft:#111827;--bg-subtle:#1e293b;--card:#151d2c;--card-elevated:#1c2638;--border:#223049;--border-focus:#60a5fa;--ink:#f8fafc;--ink-soft:#94a3b8;--ink-muted:#64748b;--accent-patron:#38bdf8;--accent-patron-soft:rgba(56,189,248,.12);--accent-patron-hover:#7dd3fc;--accent-personel:#38bdf8;--accent-personel-soft:rgba(56,189,248,.12);--success:#22c55e;--success-soft:rgba(34,197,94,.15);--danger:#ef4444;--danger-soft:rgba(239,68,68,.15);--warning:#f59e0b;--warning-soft:rgba(245,158,11,.15);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 8px -1px rgba(0,0,0,.4),0 2px 4px -2px rgba(0,0,0,.3);--shadow-lg:0 12px 20px -3px rgba(0,0,0,.5)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg);color:var(--ink);min-height:100vh;line-height:1.55;transition:background-color .2s ease,color .2s ease,border-color .2s ease;padding-bottom:50px;letter-spacing:-.01em}.app-header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:var(--card);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-size:17px;font-weight:800;letter-spacing:-.03em;color:var(--ink);display:inline-flex;align-items:center;gap:8px}.brand-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 7px;border-radius:6px;background:var(--accent-patron-soft);color:var(--accent-patron)}.who{font-size:13px;color:var(--ink-soft);font-weight:500}.theme-toggle,.theme-toggle-btn{background:var(--bg-soft);color:var(--ink-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 11px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.theme-toggle-btn:hover,.theme-toggle:hover{background:var(--bg-subtle);color:var(--ink);border-color:var(--border-focus)}.logout{background:var(--bg-soft);color:var(--ink-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 12px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.logout:hover{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.tabbar{display:flex;gap:6px;overflow-x:auto;padding:10px 24px;background:var(--card);border-bottom:1px solid var(--border);scrollbar-width:none}.tabbar::-webkit-scrollbar{display:none}.tabbar button{background:transparent;border:1px solid transparent;color:var(--ink-soft);padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease}.tabbar button:hover{background:var(--bg-soft);color:var(--ink)}.tabbar button.active-patron{background:var(--accent-patron-soft);color:var(--accent-patron);border-color:rgba(29,78,216,.2);font-weight:700}.tabbar button.active-personel{background:var(--accent-personel-soft);color:var(--accent-personel);border-color:rgba(2,132,199,.2);font-weight:700}.content{max-width:100%;width:100%;margin:16px auto;padding:0 24px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;margin-bottom:18px;box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s}.card:hover{border-color:rgba(148,163,184,.3)}.section{font-size:16px;font-weight:700;letter-spacing:-.02em;margin-bottom:14px;color:var(--ink);display:flex;align-items:center;gap:8px}.grid{display:grid;grid-gap:14px;gap:14px}.cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.cols-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:4px;transition:transform .15s ease,border-color .15s ease}.stat-card:hover{border-color:var(--border-focus)}.stat-card .label{font-size:12px;color:var(--ink-soft);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.stat-card .value{font-size:22px;font-weight:800;letter-spacing:-.03em;color:var(--ink)}.action{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:11px 16px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;cursor:pointer;text-align:center;border:1px solid transparent;transition:all .15s ease;margin-top:10px;letter-spacing:-.01em}.action:active{transform:scale(.99)}.action:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-soft);color:var(--ink);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--ink-muted)}.btn-ai{background:var(--accent-patron);color:#fff;border-color:var(--accent-patron)}.btn-ai:hover:not(:disabled){background:var(--accent-patron-hover);border-color:var(--accent-patron-hover);box-shadow:var(--shadow-sm)}.btn-punch{background:var(--accent-patron);color:#fff;font-size:15px;padding:12px}.btn-punch.cikis{background:var(--danger)}label{display:block;font-size:12px;font-weight:600;color:var(--ink-soft);margin:10px 0 5px;letter-spacing:-.01em}input,select,textarea{width:100%;padding:10px 13px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--ink);font-family:inherit;font-size:13.5px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent-patron);box-shadow:0 0 0 3px var(--accent-patron-soft)}select{cursor:pointer}.table-scroll-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;border:1px solid var(--border);border-radius:var(--radius-md);margin-top:12px}table{width:100%;border-collapse:separate!important;border-spacing:0!important;font-size:13px}.sticky-col-cell,.sticky-col-header{position:-webkit-sticky!important;position:sticky!important;left:0!important;z-index:20!important;background-color:var(--bg-soft)!important;box-shadow:2px 0 6px -1px rgba(0,0,0,.15)!important;border-right:2px solid var(--border)!important;min-width:130px;max-width:160px}.sticky-col-cell{background-color:var(--card)!important;z-index:10!important}.personel-name{display:block;font-weight:700}.personel-name,.personel-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.personel-sub{font-size:10.5px;color:var(--ink-soft)}@media (max-width:768px){.content{padding:0 8px!important;margin:8px auto!important}.card{padding:12px 10px!important;border-radius:10px!important;margin-bottom:12px!important}.app-header{padding:10px 12px!important}.tabbar{padding:6px 8px!important;gap:4px!important}.stat-card{padding:10px!important}.stat-card .value{font-size:18px!important}.sticky-col-cell,.sticky-col-header{min-width:90px!important;max-width:100px!important;width:95px!important;padding:6px 4px!important;font-size:11px!important}.personel-name{max-width:86px!important;font-size:11px!important}.personel-sub{max-width:86px!important;font-size:9px!important}td,th{padding:6px 5px!important;font-size:11px!important}}td,th{padding:11px 14px;border-bottom:1px solid var(--border);text-align:left}th{background:var(--bg-soft);color:var(--ink-soft);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em}tbody tr:last-child td{border-bottom:none}.status-tag,tbody tr:hover{background:var(--bg-soft)}.status-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:9999px;font-size:11.5px;font-weight:600;color:var(--ink-soft);border:1px solid var(--border)}.status-tag.open{background:var(--success-soft);color:var(--success);border-color:rgba(22,163,74,.2)}.status-tag.closed{background:var(--danger-soft);color:var(--danger);border-color:rgba(220,38,38,.2)}.chip-row,.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.chip{padding:6px 14px;border-radius:9999px;font-size:12px;font-weight:600;background:var(--bg-soft);color:var(--ink-soft);cursor:pointer;border:1px solid var(--border);transition:all .15s ease}.chip:hover{background:var(--bg-subtle);color:var(--ink)}.chip.sel{background:var(--accent-patron);color:#fff;border-color:var(--accent-patron)}.add-row{display:flex;gap:8px;margin-top:8px}.add-row button{width:auto;padding:0 16px;background:var(--accent-patron);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer}.clock{font-size:44px;font-weight:800;text-align:center;margin:16px 0 2px;letter-spacing:-.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink)}.date-label{text-align:center;font-size:13.5px;color:var(--ink-soft);margin-bottom:18px}.loc-badge{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;margin-bottom:14px}.status-row{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin:10px 0}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.icerde{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.dot.disarda{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.feedback{padding:11px 14px;border-radius:var(--radius-sm);font-size:13px;margin-top:12px;font-weight:600}.feedback.ok{background:var(--success-soft);color:var(--success);border:1px solid rgba(22,163,74,.3)}.feedback.err{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(220,38,38,.3)}.summary-total{font-size:26px;font-weight:800;color:var(--accent-patron);margin-top:12px;letter-spacing:-.02em}.summary-sub{font-size:12px;color:var(--ink-soft);margin-bottom:10px}.quote-box{background:var(--bg-soft);border-left:3px solid var(--accent-patron);padding:14px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:13px;white-space:pre-wrap;margin-top:14px;line-height:1.6}.total{font-size:15px;font-weight:700;margin-top:10px;color:var(--accent-patron)}.loading-text{text-align:center;padding:40px;color:var(--ink-soft);font-size:14px}