*{margin:0;padding:0;box-sizing:border-box}:root{--blue: #FF6600;--purple: #FF8C2A;--green: #34c759;--orange: #FF6600;--red: #ff3b30;--bg: #fafafa;--card: #fff;--text: #1d1d1f;--text-sec: #6e6e73;--text-ter: #999;--hairline: #ececec;--gray-bg: #f7f7f8;--mov-grad: linear-gradient(135deg, #FF6600, #FF9A4D);--mov-soft: linear-gradient(135deg, #ffffff, #fff3e9)}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.011em}table{font-variant-numeric:tabular-nums}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--mov-grad);display:flex;align-items:center;justify-content:center;z-index:2000}.login-card{background:#fff;border-radius:24px;padding:48px 40px;width:360px;text-align:center;box-shadow:0 20px 60px #0000004d}.login-logo{font-size:32px;font-weight:800;color:var(--blue);letter-spacing:-.02em}.login-sub{font-size:13px;color:var(--text-sec);margin:6px 0 28px}.login-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#3c4043;border:1px solid #dadce0;padding:12px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s}.login-btn:hover{background:#f7f8f8;box-shadow:0 1px 4px #0000001a}.login-error{color:var(--red);font-size:13px;margin-top:14px;min-height:18px}.app-wrapper{display:flex;min-height:100vh}.sidebar{width:210px;background:#fff;border-right:1px solid var(--hairline);position:fixed;height:100vh;display:flex;flex-direction:column;z-index:100}.main-content{margin-left:210px;flex:1;display:flex;flex-direction:column;min-height:100vh}.sidebar-header{padding:18px 18px 14px;border-bottom:1px solid var(--hairline)}.sidebar-logo{font-size:18px;font-weight:800;color:var(--blue);letter-spacing:-.02em}.sidebar-subtitle{font-size:10px;color:var(--text-ter);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.sidebar-nav{flex:1;overflow-y:auto;padding:8px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;font-size:13px;color:var(--text-sec);cursor:pointer;transition:all .12s;margin-bottom:2px;font-weight:500;border:none;background:transparent;width:100%;text-align:left}.nav-item:hover{background:var(--gray-bg);color:var(--text)}.nav-item.active{background:var(--blue);color:#fff;font-weight:600}.ni-icon{font-size:15px;min-width:18px}.sidebar-foot{padding:12px 14px;border-top:1px solid var(--hairline);display:flex;align-items:center;gap:10px}.sf-avatar{width:34px;height:34px;border-radius:50%;background:var(--mov-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;overflow:hidden}.sf-avatar img{width:100%;height:100%;object-fit:cover}.sf-name{font-size:13px;font-weight:600}.sf-role{font-size:11px;color:var(--text-ter);text-transform:capitalize}.sf-logout{margin-left:auto;background:none;border:none;color:var(--red);font-size:12px;cursor:pointer;font-weight:600}.topbar{background:var(--mov-grad);color:#fff;padding:18px 28px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 12px #00000014;position:sticky;top:0;z-index:50}.tb-title{font-size:19px;font-weight:700;letter-spacing:-.02em}.tb-date{font-size:13px;opacity:.9}.content{flex:1;padding:26px 28px;max-width:1600px;width:100%}.page-head{margin-bottom:22px}.page-title{font-size:24px;font-weight:700;letter-spacing:-.02em;margin-bottom:3px}.page-sub{font-size:13px;color:var(--text-sec)}.filters{display:flex;gap:14px;align-items:center;margin-bottom:22px;flex-wrap:wrap}.filter{display:flex;align-items:center;gap:7px}.filter label{font-size:12px;font-weight:600;color:var(--text-sec)}select,input[type=date],input[type=text],input[type=number]{padding:8px 11px;border:1px solid var(--hairline);border-radius:8px;font-size:13px;background:#fff}select:focus,input:focus{outline:none;border-color:var(--blue)}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--hairline);margin-bottom:20px}.tab{padding:11px 0;border-bottom:2px solid transparent;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-sec);transition:all .12s;background:none;border-top:none;border-left:none;border-right:none}.tab:hover{color:var(--text)}.tab.active{color:var(--blue);border-bottom-color:var(--blue)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:24px}.kpi{background:#fff;border-radius:14px;padding:18px;box-shadow:0 2px 8px #0000000f;position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--blue)}.kpi.green:before{background:var(--green)}.kpi.orange:before{background:var(--orange)}.kpi.red:before{background:var(--red)}.kpi.purple:before{background:var(--purple)}.kpi-label{font-size:11px;font-weight:700;color:var(--text-ter);text-transform:uppercase;letter-spacing:.03em;margin-bottom:7px}.kpi-value{font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:3px;font-variant-numeric:tabular-nums}.kpi.green .kpi-value{color:var(--green)}.kpi.orange .kpi-value{color:var(--orange)}.kpi.red .kpi-value{color:var(--red)}.kpi.purple .kpi-value{color:var(--purple)}.kpi.blue .kpi-value{color:var(--blue)}.kpi-detail{font-size:11px;color:var(--text-ter)}.card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 2px 8px #0000000f;margin-bottom:20px}.card-title{font-size:15px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:8px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:11px 13px;font-size:11px;font-weight:700;color:var(--text-sec);text-transform:uppercase;letter-spacing:.03em;background:var(--gray-bg);border-bottom:2px solid var(--hairline)}th.c,td.c{text-align:center}td{padding:11px 13px;border-bottom:1px solid var(--gray-bg)}tr:hover td{background:#fafafa}.badge{display:inline-block;padding:3px 9px;border-radius:6px;font-size:10px;font-weight:700}.badge.green{background:#34c7591f;color:var(--green)}.badge.orange{background:#ff95001f;color:var(--orange)}.badge.red{background:#ff3b301f;color:var(--red)}.badge.blue{background:#ff66001f;color:var(--blue)}.estado-msg{text-align:center;padding:48px 20px;color:var(--text-ter)}.spinner{display:inline-block;width:22px;height:22px;border:3px solid var(--hairline);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bar-track{background:#f0f0f0;border-radius:999px;height:10px;overflow:hidden}.bar-fill{height:100%;transition:width .3s}@media (max-width: 720px){.sidebar{width:64px}.sidebar-logo,.sidebar-subtitle,.nav-item span:not(.ni-icon),.sf-name,.sf-role{display:none}.main-content{margin-left:64px}.nav-item{justify-content:center}}