:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#17253a;background:#f3f5f9}*{box-sizing:border-box}body{margin:0}a{color:#a60d32}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;width:254px;flex:0 0 254px;background:linear-gradient(170deg,#0f2538,#16283c);color:#fff;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:13px;align-items:center;padding:29px 24px 35px}.brand-symbol{background:#bc0738;color:white;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;font-size:27px;font-weight:900}.brand strong{display:block;letter-spacing:.9px;font-size:20px}.brand small,.sidebar-bottom small{display:block;font-size:10px;letter-spacing:2px;color:#b9c8d5;margin-top:4px}.side-label{font-size:10px;letter-spacing:2px;color:#8697aa;padding:0 26px 13px}.side-nav{display:flex;flex-direction:column;gap:6px;padding:0 13px}.nav-link{color:#d6e0ec;text-decoration:none;padding:13px 16px;border-radius:9px;display:flex;gap:13px;align-items:center;font-weight:550;font-size:14px}.nav-link span{font-size:21px;min-width:22px}.nav-link.active,.nav-link:hover{background:#ad1539;color:#fff}.sidebar-bottom{margin-top:auto;border-top:1px solid #354657;padding:20px;display:flex;align-items:center;gap:10px;font-size:12px}.sidebar-avatar{width:33px;height:33px;background:#ad1539;border-radius:50%;display:grid;place-items:center;font-weight:bold}.sidebar-bottom small{letter-spacing:0;font-size:11px}.app-main{min-width:0;flex:1}.topbar{height:76px;background:white;border-bottom:1px solid #e6eaf0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 38px}.breadcrumb{font-weight:650;color:#273e54}.breadcrumb span{color:#9fa9b6;margin:0 8px}.topbar form{margin:0}.logout{color:#5a6775;background:#f5f6f8;border:1px solid #e4e9ef;border-radius:8px;padding:9px 13px}.menu-toggle{display:none;border:0;background:transparent;font-size:22px}.wrap{max-width:1400px;margin:auto;padding:0 38px}main.wrap{padding-top:31px;padding-bottom:65px}.guest-header{background:#0f2d40;color:white;padding:24px 0}.guest-main{max-width:850px}.page-heading{margin:4px 0 24px}h1{font-size:28px;letter-spacing:-.5px;margin:4px 0 0}h2{font-size:18px;margin:0}.eyebrow{font-size:11px;letter-spacing:1.3px;color:#8390a1;font-weight:750}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.stat-card{background:white;padding:25px 23px;border-radius:13px;border:1px solid #e6eaf0;box-shadow:0 6px 18px #21304706;position:relative;overflow:hidden}.stat-mark{position:absolute;left:0;top:0;bottom:0;width:4px;background:#919ead}.stat-card.open .stat-mark{background:#b00036}.stat-card.progress .stat-mark{background:#1379d6}.stat-card.resolved .stat-mark{background:#07875f}.stat-card strong{display:block;font-size:36px;letter-spacing:-1px}.stat-card>span:last-child{display:block;font-size:13px;color:#68768a;margin-top:3px}.panel{background:white;padding:26px;margin:18px 0;border:1px solid #e3e8ef;border-radius:13px;box-shadow:0 4px 14px #11243505}.narrow{max-width:490px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}label{display:block;font-size:13px;font-weight:650;margin:15px 0}input,select,textarea{width:100%;padding:11px 12px;margin-top:7px;border:1px solid #ccd5e1;border-radius:8px;background:white;color:#233348}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #d899a8;border-color:#ad1539}button,.button{display:inline-block;border:0;border-radius:8px;background:#ad0935;padding:12px 17px;text-decoration:none;color:white;font-weight:650;font-size:13px}.titlebar{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-subtitle{font-size:13px;color:#748193;margin:7px 0 0}.filters{margin:24px 0 16px;padding:16px;background:#f8fafc;border:1px solid #e9edf2;border-radius:10px;display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr auto;align-items:end;gap:12px}.filters label{margin:0}.filters input,.filters select{margin-top:7px}.filter-actions{display:flex;align-items:center;gap:9px;padding-bottom:1px}.filter-actions a{color:#6f7d8d;font-size:12px}.result-count{font-size:12px;color:#788696;margin:0 0 11px}.scroll{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:690px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid #e9edf2;font-size:13px}th{background:#f8f9fb;font-size:12px;color:#637388;font-weight:700}tbody tr:hover{background:#fbfcfe}.ticket-title{font-weight:600;text-decoration:none;color:#1e3149}.view-link{white-space:nowrap;font-weight:650;text-decoration:none}.pill{display:inline-flex;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:700;text-transform:capitalize;white-space:nowrap}.priority-baja,.status-resuelto,.status-cerrado{background:#def6e8;color:#116b48}.priority-media,.status-espera{background:#fff2d6;color:#956007}.priority-alta,.status-abierto{background:#ffe2e4;color:#a8243a}.priority-critica{background:#a20e31;color:white}.status-asignado,.status-en_proceso{background:#e0edff;color:#135da6}.empty-state{text-align:center;padding:40px;color:#687688}.meta,small{color:#728094}.description{line-height:1.7}.event{border-left:3px solid #c9d3e1;padding:5px 16px;margin:16px 0}.notice{background:#e3f5eb;color:#176746;padding:13px;border-radius:9px}.error{color:#ad0935}footer{text-align:center;color:#8994a3;padding:16px;font-size:12px}@media(max-width:1150px){.filters{grid-template-columns:repeat(3,1fr)}.filter-actions{align-self:end}}@media(max-width:900px){.sidebar{width:220px;flex-basis:220px}.stats{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 20px}.wrap{padding:0 20px}}@media(max-width:680px){.sidebar{position:fixed;left:-265px;width:254px;transition:left .2s;box-shadow:4px 0 16px #0002}.sidebar.is-open{left:0}.menu-toggle{display:block}.topbar{height:62px}.breadcrumb{font-size:13px}.wrap{padding:0 15px}main.wrap{padding-top:22px}.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}.filters .filter-actions{grid-column:1/-1}.panel{padding:17px}.two{grid-template-columns:1fr}.titlebar{align-items:flex-start;flex-direction:column}.stats{gap:9px}.stat-card{padding:17px}.stat-card strong{font-size:28px}}@media(max-width:390px){.filters{grid-template-columns:1fr}.filters label:first-child,.filters .filter-actions{grid-column:auto}.breadcrumb{display:none}}