:root{--tn-blue: #1e40af;--tn-blue-dark: #1e3a8a;--tn-blue-light: #eff6ff;--tn-slate: #475569;--tn-bg: #f4f5f8;--tn-border: #e2e8f0;--tn-card: #ffffff;--ok: #16a34a;--warn: #d97706;--crit: #dc2626;--sidebar-w: 230px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Outfit,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--tn-bg);color:#0f172a;overflow-x:hidden}img{max-width:100%;height:auto}a{color:var(--tn-blue);text-decoration:none}a:hover{text-decoration:underline}.center-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{background:var(--tn-card);border:1px solid var(--tn-border);border-radius:14px;padding:28px;box-shadow:0 10px 30px #1e40af0f}.card.narrow{width:380px;max-width:100%}.card.wide{width:760px;max-width:100%}.brand{color:var(--tn-blue);font-weight:700;font-size:1.4rem;margin:0 0 4px}.muted{color:var(--tn-slate);font-size:.9rem}label{display:block;font-size:.82rem;color:var(--tn-slate);margin:12px 0 4px;font-weight:500}input,select,textarea{width:100%;padding:9px 11px;border:1px solid var(--tn-border);border-radius:8px;font-size:.92rem;font-family:inherit;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid var(--tn-blue-light);border-color:var(--tn-blue)}textarea{resize:vertical;min-height:80px}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1;min-width:140px}button,.btn{padding:9px 16px;background:var(--tn-blue);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit}button:hover,.btn:hover{background:var(--tn-blue-dark)}button:disabled{opacity:.55;cursor:not-allowed}.btn-sm{padding:5px 10px;font-size:.8rem}.btn-ghost{background:#fff;color:var(--tn-slate);border:1px solid var(--tn-border)}.btn-ghost:hover{background:var(--tn-bg)}.btn-danger{background:var(--crit)}.btn-danger:hover{background:#b91c1c}.error{color:var(--crit);font-size:.85rem;margin-top:10px}.success{color:var(--ok);font-size:.9rem}.shell{display:flex;min-height:100vh}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:99}.sidebar-overlay.open{display:block}.sidebar{width:var(--sidebar-w);background:#fff;border-right:1px solid var(--tn-border);padding:18px 12px;position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0;z-index:100;display:flex;flex-direction:column}.sidebar-version{margin-top:auto;padding:12px 12px 4px;font-size:.72rem;color:var(--tn-slate);opacity:.65;letter-spacing:.02em}.row-editing{background:#eef4ff}.sidebar .logo{color:var(--tn-blue);font-weight:700;font-size:1.1rem;padding:8px 12px 18px;display:flex;align-items:center;justify-content:space-between}.sidebar-close{display:none;background:none;border:none;color:var(--tn-slate);font-size:1.4rem;cursor:pointer;padding:0}.nav a{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;color:var(--tn-slate);font-size:.9rem;margin-bottom:2px;text-decoration:none}.nav a:hover{background:var(--tn-bg)}.nav a.active{background:var(--tn-blue-light);color:var(--tn-blue);font-weight:600}.main{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid var(--tn-border);padding:12px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50}.topbar-left{display:flex;align-items:center;gap:10px}.hamburger{display:none;background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--tn-blue);padding:4px;line-height:1}.content{padding:24px;max-width:1700px;margin-inline:auto}.content h1{color:var(--tn-blue);margin-top:0;font-size:1.5rem}.bell{position:relative;cursor:pointer;font-size:1.2rem;margin-right:18px}.bell .dot{position:absolute;top:-4px;right:-6px;background:var(--crit);color:#fff;border-radius:10px;font-size:.65rem;padding:1px 5px}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--tn-border);border-radius:10px;overflow:hidden;table-layout:auto}th,td{text-align:left;padding:10px 12px;font-size:.88rem;border-bottom:1px solid var(--tn-border);overflow-wrap:anywhere}th{background:#fafbfc;color:var(--tn-slate);font-weight:600;white-space:nowrap;overflow-wrap:normal}tr:last-child td{border-bottom:none}tr:hover td{background:#fafbff}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.82rem}.badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:.75rem;font-weight:600}.b-deschis{background:#dbeafe;color:#1d4ed8}.b-inlucru{background:#fef3c7;color:#b45309}.b-rezolvat{background:#dcfce7;color:#15803d}.b-inchis{background:#e2e8f0;color:#475569}.b-critic{background:#fee2e2;color:#b91c1c}.b-ridicat{background:#ffedd5;color:#c2410c}.b-mediu{background:#fef9c3;color:#a16207}.b-scazut{background:#f1f5f9;color:#64748b}.status-select{border:none;border-radius:20px;padding:4px 26px 4px 11px;min-width:94px;font-size:.76rem;font-weight:700;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23334155' fill='none' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}.status-select.b-deschis{background-color:#dbeafe;color:#1d4ed8}.status-select.b-inlucru{background-color:#fef3c7;color:#b45309}.status-select.b-rezolvat{background-color:#dcfce7;color:#15803d}.status-select.b-inchis{background-color:#e2e8f0;color:#475569}table.compact th,table.compact td{padding:5px 10px}table.compact td{font-size:.84rem}@media(max-width:600px){.hide-sm{display:none!important}}.sla{background:#eef2f7;border-radius:8px;height:10px;overflow:hidden}.sla>div{height:100%}.sla-ok>div{background:var(--ok)}.sla-warn>div{background:var(--warn)}.sla-crit>div{background:var(--crit)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--tn-border);border-radius:12px;padding:16px}.stat .n{font-size:1.8rem;font-weight:700;color:var(--tn-blue)}.stat .l{color:var(--tn-slate);font-size:.82rem}.panel{background:#fff;border:1px solid var(--tn-border);border-radius:12px;padding:18px;margin-bottom:18px}.panel h2{font-size:1.05rem;margin:0 0 12px;color:#0f172a}.toolbar{display:flex;gap:10px;margin-bottom:16px;align-items:center;flex-wrap:wrap}.toolbar .grow{flex:1;min-width:180px}.right{margin-left:auto}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.overlay .card{max-height:90vh;overflow-y:auto}.overlay .card table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.comment{border-left:3px solid var(--tn-blue-light);padding:8px 12px;margin-bottom:10px;background:#fafbff;border-radius:0 8px 8px 0}.comment .meta{font-size:.75rem;color:var(--tn-slate)}@media(max-width:1024px){.sidebar{width:200px}:root{--sidebar-w: 200px}.content{padding:16px}.stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;height:100vh;transform:translate(-100%);transition:transform .25s ease;z-index:100;width:260px;overflow-y:auto;box-shadow:4px 0 20px #00000026}.sidebar.open{transform:translate(0)}.sidebar-close,.sidebar-overlay.open,.hamburger{display:block}.main{width:100%}.content{padding:12px}.content h1{font-size:1.25rem}.topbar{padding:10px 12px}.topbar span{font-size:.78rem}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}th,td{padding:8px 10px;font-size:.82rem;white-space:nowrap;overflow-wrap:normal}td{max-width:200px;overflow:hidden;text-overflow:ellipsis}td select,td .status-select{max-width:none}.row{flex-direction:column;gap:0}.row>*{min-width:unset}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat .n{font-size:1.5rem}.overlay{align-items:flex-end;padding:0}.overlay .card{width:100%;max-width:100%;max-height:92vh;border-radius:16px 16px 0 0;padding:20px 16px}.card.narrow,.card.wide{width:100%}.toolbar{gap:8px}.toolbar button{font-size:.82rem;padding:8px 12px}input,select,textarea{font-size:16px}button,.btn{min-height:40px}.panel{padding:14px}.bell{margin-right:10px}.notif-panel{right:8px!important;width:calc(100vw - 16px)!important}.center-wrap{padding:40px 16px 16px;align-items:flex-start}}@media(max-width:480px){.stats{grid-template-columns:1fr 1fr}.stat{padding:12px}.stat .n{font-size:1.3rem}.btn-sm{padding:4px 8px;font-size:.75rem}.content h1{font-size:1.1rem}th,td{padding:6px 8px;font-size:.78rem}}