:root{--navy:#011c47;--navy-2:#0a3a7a;--navy-line:#0a2d63;--navy-active:#0d2f66;--accent:#0a74c9;--accent-hover:#095fa3;--cyan:#00aeff;--bg:#f1f5f9;--card:#fff;--text:#1e293b;--muted:#64748b;--border:#cbd5e1;--line:#e2e8f0;--ok:#4ade80;--warn:#fbbf24;--danger:#b91c1c;--sidebar-w:248px;color:var(--text);background:var(--bg);font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);font-size:14px}h1,h2,h3{margin:0}a{color:var(--accent)}label{color:#475569;margin:0 0 4px;font-size:12px;font-weight:600;display:block}input:not([type=checkbox],[type=radio]),select,textarea{font:inherit;border:1px solid var(--border);color:#334155;background:#fff;border-radius:6px;width:100%;padding:9px 11px}input:disabled,select:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.field{border:0;min-width:0;margin:0 0 12px;padding:0}fieldset.field legend{color:#475569;margin:0 0 4px;padding:0;font-size:12px;font-weight:600}.req{color:var(--danger)}.field-hint{color:var(--muted);margin:4px 0 0;font-size:12px}.field-error{color:var(--danger);margin:4px 0 0;font-size:12px}.field-error.full{flex:1 0 100%}.check{color:var(--text);cursor:pointer;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;font-weight:400;display:flex}.check input{width:16px;height:16px;accent-color:var(--accent);margin:0}.check.indent{padding-left:22px}.picker{border:1px solid var(--border);background:#fff;border-radius:6px;max-height:240px;padding:10px 12px 4px;overflow:auto}.grid-2{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.form-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.form-actions.tight{gap:6px;margin-top:6px}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;display:flex}.inline-form input{flex:140px;width:auto;min-width:0}.add-inline{margin:14px 0 0}.btn-primary,.btn-secondary,.btn-danger{font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;padding:9px 16px;font-weight:600}.btn-primary{color:#fff;background:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{color:#334155;border-color:var(--border);background:#fff}.btn-secondary:hover:not(:disabled){background:#f8fafc}.btn-danger{color:var(--danger);background:#fff;border-color:#fca5a5;margin-left:auto}.btn-danger:hover:not(:disabled){background:#fef2f2}.btn-sm{padding:6px 12px;font-size:13px}button:disabled{opacity:.6;cursor:not-allowed}.btn-link,.link-button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.btn-link:hover,.link-button:hover{text-decoration:underline}.alert{border:1px solid;border-radius:8px;margin:0 0 14px;padding:10px 12px;font-size:13px}.alert-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.alert-success{color:#166534;background:#f0fdf4;border-color:#bbf7d0;margin:14px 0 0}.alert-warn{color:#92400e;background:#fef3c7;border-color:#fde68a}.badge{white-space:nowrap;color:#475569;background:#f1f5f9;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-ok{color:#15803d;background:#dcfce7}.badge-danger{color:#b91c1c;background:#fee2e2}.badge-info{color:#1d4ed8;background:#dbeafe}.badge-warn{color:#b45309;background:#fef3c7}.muted{color:var(--muted);margin:0 0 16px}.muted.small,.small{font-size:12px}.muted-inline{color:var(--muted);font-size:13px;font-weight:400}.muted-block{color:var(--muted);font-size:13px;font-weight:400;display:block}.muted-box{border:1px dashed var(--border);color:var(--muted);background:#f8fafc;border-radius:6px;margin:0;padding:10px 12px}.center{text-align:center}.pad{padding:16px}.accent-text{color:var(--accent)}.auth-page{background:linear-gradient(135deg, var(--navy), var(--navy-2));flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px 16px;display:flex}.auth-card{background:#fff;border-radius:12px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 20px 50px #0006}.auth-banner{background:var(--navy);text-align:center;padding:10px 0 4px}.auth-banner img{max-width:62%;height:auto}.auth-body{flex-direction:column;padding:20px 28px 26px;display:flex}.auth-body h1{color:#0f172a;margin:0 0 4px;font-size:18px;font-weight:600}.auth-body .alert{margin-top:10px}.auth-body .btn-primary{margin-top:6px;padding:10px 14px}.auth-body .muted{margin-bottom:14px}.aviso{text-align:center;min-height:18px;color:var(--danger);margin:10px 0 4px;font-size:12px}.rules{color:var(--muted);margin:0 0 14px;padding:0;font-size:12px;list-style:none}.rules li.ok{color:#15803d}.auth-status{color:#bfd7ee;font-size:12px}.auth-status .ok{color:var(--ok)}.auth-status .warn{color:var(--warn)}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--navy);color:#cfe0f5;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{padding:16px 18px 10px}.sidebar-brand img{max-width:100%;height:auto;display:block}.sidebar-brand span{letter-spacing:.14em;color:var(--cyan);margin-top:4px;font-size:11px;display:block}.sidebar nav{flex:1;padding:8px 0}.nav-section{letter-spacing:.1em;text-transform:uppercase;color:#7f9cc4;margin:16px 18px 6px;font-size:11px}.nav-link{color:#cfe0f5;border-left:3px solid #0000;padding:9px 18px 9px 22px;text-decoration:none;display:block}.nav-link:hover{background:#ffffff0f}.nav-link.active{background:var(--navy-active);color:#fff;border-left-color:var(--cyan)}.sidebar-user{border-top:1px solid var(--navy-line);flex-direction:column;gap:2px;padding:14px 18px;font-size:13px;display:flex}.sidebar-user strong{color:#fff}.sidebar-user-actions{gap:14px;margin-top:6px;display:flex}.sidebar-user-actions a,.sidebar-user-actions .link-button{color:#9fc2ea;font-size:13px}.main{flex:1;min-width:0}.topbar{z-index:5;border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:12px;height:58px;padding:0 24px;display:flex;position:sticky;top:0}.topbar h1{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:18px;font-weight:600;overflow:hidden}.topbar-actions{align-items:center;gap:12px;display:flex}.avatar{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.nav-toggle{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;padding:6px 10px;font-size:20px;line-height:1;display:none}.nav-backdrop{display:none}.content{max-width:1400px;padding:24px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;min-width:0;padding:18px 20px}.card h2{margin-bottom:12px;font-size:15px;font-weight:600}.card h3{font-size:14px}.card p{margin-top:0}.card-flush{padding:0;overflow:hidden}.card-toolbar{border-bottom:1px solid var(--line);padding:12px 14px}.card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.card-head h2{margin:0}.card-accent{border-color:#93c5fd}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.split-wide{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.triple{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;margin-bottom:14px;display:grid}.tree,.list{margin:0 0 12px;padding:0;list-style:none}.tree-child{padding-left:22px}.tree-row{width:100%;font:inherit;text-align:left;color:var(--text);cursor:pointer;background:#fff;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;padding:10px 12px;display:flex}.tree-row:hover{background:#f8fafc}.tree-row.selected{background:#eff6ff;border-color:#bfdbfe}.tree-row.inactive .tree-name{color:#94a3b8}.list-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:9px 10px;display:flex}.list-row.selected{background:#eff6ff}.list-row.inactive .list-name{color:#94a3b8}.list-row.editing{background:#f8fafc;display:block}.list-row.editing input:not([type=checkbox]){margin-bottom:8px}.list-name{min-width:0;font:inherit;text-align:left;color:var(--text);background:0 0;border:0;flex:1;padding:0}button.list-name{cursor:pointer}.list-name em{color:#94a3b8;font-size:12px;font-style:normal}.list-meta{color:var(--muted);white-space:nowrap;font-size:12px}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;background:#f8fafc;padding:10px 14px;font-size:11px}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 14px}.table tr.row-selected td{background:#eff6ff}.row-link{font:inherit;text-align:left;color:var(--text);cursor:pointer;background:0 0;border:0;padding:0}.row-link:hover strong{color:var(--accent)}.reset-box{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.reset-box .inline-form{margin-top:8px}.badge-purple{color:#6d28d9;background:#ede9fe}a.btn-link-block{text-decoration:none;display:inline-block}.counters{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.counter{text-align:left;font:inherit;cursor:pointer;flex-direction:column;gap:2px;padding:14px 18px;display:flex}.counter:hover{border-color:#93c5fd}.counter strong{font-size:28px;line-height:1.1}.counter span{color:var(--muted)}.c-open strong{color:#1d4ed8}.c-work strong{color:#b45309}.c-wait strong{color:#6d28d9}.c-done strong{color:#15803d}.filters{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.filter{flex:150px;min-width:0}.filter:first-child{flex-basis:200px}.filter-actions{flex:none;gap:8px;display:flex}.table-tickets td{vertical-align:top}.row-click{cursor:pointer}.row-click:hover td{background:#f8fafc}.ticket-number{color:var(--text);white-space:nowrap;font-weight:700;text-decoration:none}.ticket-number:hover{color:var(--accent)}.ticket-title{font-weight:500}.nowrap{white-space:nowrap}.empty{text-align:center;color:var(--muted);padding:28px 14px}.pager{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.pager-nav{align-items:center;gap:10px;display:flex}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px;display:grid}.notice-info{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin:0 0 14px;padding:10px 12px}textarea{resize:vertical;line-height:1.45}.dropzone{text-align:center;color:var(--muted);border:2px dashed var(--border);cursor:pointer;background:#f8fafc;border-radius:8px;padding:16px}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:#eff6ff}.chips{flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.chip{color:#334155;border:1px solid var(--line);overflow-wrap:anywhere;background:#f1f5f9;border-radius:6px;align-items:center;gap:6px;max-width:100%;padding:5px 10px;font-size:13px;text-decoration:none;display:inline-flex}a.chip:hover{background:#e2e8f0}.chip-remove{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:16px;line-height:1}.chip-remove:hover{color:var(--danger)}.detail{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;display:grid}.detail-main,.detail-side{flex-direction:column;gap:18px;min-width:0;display:flex}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.5}.status-select{width:auto;padding:6px 10px;font-weight:600}.info{grid-template-columns:110px minmax(0,1fr);gap:8px 12px;margin:0;display:grid}.info dt{color:var(--muted)}.info dd{overflow-wrap:anywhere;margin:0}.timeline{margin:0 0 16px;padding:0 0 0 22px;list-style:none;position:relative}.timeline:before{content:"";background:var(--line);width:2px;position:absolute;top:8px;bottom:8px;left:5px}.tl-item{min-width:0;padding:0 0 14px;position:relative}.tl-item .dot{border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-22px}.dot-open-event{background:#94a3b8}.dot-open,.dot-comment{background:#2563eb}.dot-work{background:#f59e0b}.dot-wait{background:#7c3aed}.dot-done{background:#16a34a}.when,.role{color:var(--muted);font-size:12px}.bubble{border:1px solid var(--line);background:#f8fafc;border-radius:10px;margin-top:6px;padding:10px 14px}.comment-form textarea{margin-bottom:8px}.comment-actions{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.comment-actions>div:first-child{flex:200px}.comment-actions .chips{margin-top:8px}.btn-success{font:inherit;color:#fff;cursor:pointer;white-space:nowrap;background:#16a34a;border:1px solid #0000;border-radius:6px;padding:9px 16px;font-weight:600}.btn-success:hover:not(:disabled){background:#15803d}a.btn-success{text-decoration:none}.btn-link.danger{color:var(--danger)}.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.hours-table{border-collapse:collapse;width:100%;margin-bottom:4px}.hours-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#f8fafc;padding:6px 8px;font-size:11px}.hours-table th.num{text-align:right}.hours-table td{padding:8px 8px 0}.hours-main td{border-top:1px solid var(--line)}.hours-desc td{color:var(--muted);padding:2px 8px 8px;font-size:13px}.hours-desc td>span:first-child{overflow-wrap:anywhere}.hours-actions{white-space:nowrap;gap:10px;margin-left:10px;display:inline-flex}.hours-new{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.hours-new h3{margin-bottom:8px}.hours-form{grid-template-columns:1fr 1fr;gap:8px 10px;display:grid}.hours-form .hf-full{grid-column:1/-1}.hours-form label{margin-bottom:3px}.hf-actions{gap:8px;display:flex}.filter-period{flex:2 360px;min-width:min(100%,340px)}.period-inputs{align-items:center;gap:8px;display:flex}.period-inputs input{flex:1 1 0;width:auto;min-width:130px}.period-inputs span{color:var(--muted)}.inline-check{margin:6px 0 0;font-size:13px}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin-bottom:14px;display:flex}.tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:10px 16px;font-weight:600}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.toolbar-row{align-items:center;gap:8px;display:flex}.share{background:#dbeafe;border-radius:999px;width:100%;min-width:90px;height:10px;overflow:hidden}.share span{background:var(--accent);border-radius:999px;height:100%;display:block}.total-row td{border-top:2px solid var(--line);background:#f8fafc;font-weight:700}.table-detail td{vertical-align:top}.table .num,.table th.num{text-align:right}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;margin-bottom:18px;display:grid}.settings-form{display:contents}.grid-host{grid-template-columns:2fr 1fr;gap:0 14px;display:grid}.status-pill{white-space:nowrap;border:1px solid var(--line);background:#f8fafc;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}.status-pill.ok{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.status-pill.warn{color:#b45309;background:#fffbeb;border-color:#fde68a}.switch-row{color:var(--text);cursor:pointer;align-items:center;gap:12px;margin:0 0 12px;font-size:15px;font-weight:500;display:flex}.switch{appearance:none;cursor:pointer;background:#cbd5e1;border-radius:999px;flex:0 0 44px;width:44px;height:24px;margin:0;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(20px)}.switch:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.switch-hint{color:var(--muted);font-size:13px;font-weight:400}.inline-form.no-margin{flex-wrap:nowrap;margin:0}.test-result{overflow-wrap:anywhere;border:1px solid;border-radius:8px;margin:4px 0 10px;padding:10px 12px;font-size:13px}.test-result.ok{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.test-result.fail{color:#991b1b;background:#fef2f2;border-color:#fecaca}.space-between{justify-content:space-between}.inline-title{margin:0;font-size:15px}.wrap-cell{overflow-wrap:anywhere;max-width:340px}.error-text{color:var(--danger)}@media (width<=1100px){.triple{grid-template-columns:1fr 1fr}}@media (width<=900px){.sidebar{z-index:20;transition:transform .2s;position:fixed;left:0;transform:translate(-100%)}.nav-open .sidebar{transform:none;box-shadow:0 0 40px #0006}.nav-open .nav-backdrop{z-index:10;background:#011c4780;display:block;position:fixed;inset:0}.nav-toggle{display:inline-block}.topbar{padding:0 14px}.content{padding:14px}.split,.split-wide,.triple,.detail,.settings-grid{grid-template-columns:1fr}.counters{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}}@media (width<=520px){.grid-2{grid-template-columns:1fr}.auth-body{padding:18px 18px 22px}}