@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#102747;font-synthesis:none;--navy-950:#082a52;--navy-900:#0b376b;--navy-800:#124c8e;--blue-600:#287ad0;--blue-500:#3c8ee7;--blue-100:#e5f1ff;--blue-50:#f2f8ff;--ink:#102747;--muted:#637895;--line:#dfe9f4;--surface:#fff;--green:#07966f;--red:#d43b4e;--amber:#e8a116;--violet:#7b51d3;--teal:#079b83;--shadow:0 10px 30px #1b457014;--radius:17px;background:#f1f6fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f1f6fb;min-width:320px}body{min-width:320px;min-height:100vh;color:var(--ink);background:#f1f6fb;margin:0;font-size:16px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}.sidebar nav a,.bottom-nav a,.primary,.secondary,.ghost-button,.icon-button,.employee-card,.event-row,input,select,textarea{transition:color .16s,background-color .16s,border-color .16s,box-shadow .16s,transform .16s}.primary:active,.secondary:active,.icon-button:active{transform:translateY(1px)}.app-shell{min-height:100vh}.main-area{min-width:0;min-height:100vh}.content{width:100%;max-width:1540px;margin:0 auto;padding:18px 16px 106px}.page-stack{gap:16px;display:grid}.narrow-page{width:min(100%,760px);margin:0 auto}.sidebar{display:none}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffffa;gap:9px;min-height:118px;padding:10px 16px;display:grid;position:sticky;top:0}.mobile-brand-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-brand{align-items:center;gap:10px;min-width:0;display:flex}.mobile-brand img{object-fit:cover;border-radius:10px;width:44px;height:44px}.mobile-brand span{gap:1px;display:grid}.mobile-brand strong{color:var(--navy-900);letter-spacing:.025em;font-size:.95rem}.mobile-brand small{color:#507299;letter-spacing:.13em;font-size:.58rem;font-weight:700}.mobile-page-title{white-space:nowrap;font-size:1rem;line-height:1.2}.top-search-wrap{min-width:0;max-width:100%;position:relative}.top-search{background:#f0f5fa;border:1px solid #0000;border-radius:11px;align-items:center;gap:8px;min-width:0;height:42px;padding:0 12px;display:flex}.top-search:focus-within,.top-search.open{background:#fff;border-color:#9fc3e5;box-shadow:0 6px 18px #144a7e1a}.top-search>svg{color:#557392;flex:none;width:18px}.top-search input{min-width:0;min-height:38px;box-shadow:none;background:0 0;border:0;padding:0;font-size:.82rem}.top-search input:focus{box-shadow:none}.search-loader{flex:none;width:17px!important;color:var(--blue-600)!important}.search-results,.combo-results{z-index:50;background:#fff;border:1px solid #d9e5f0;border-radius:14px;max-width:100%;padding:6px;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow:hidden;box-shadow:0 18px 40px #092e542e}.search-results button,.combo-results button{width:100%;min-width:0;max-width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:9px;display:grid}.search-results button:hover,.search-results button.active,.combo-results button:hover,.combo-results button.active{background:var(--blue-50)}.search-results button>span:nth-child(2),.combo-results button>span:nth-child(2){gap:2px;min-width:0;display:grid}.search-results strong,.combo-results strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.search-results small,.combo-results small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.search-results button>svg,.combo-results button>svg{color:#8ca0b7;width:17px}.search-empty{color:var(--muted);text-align:center;padding:18px 12px;font-size:.78rem}.topbar-context{display:none}.bottom-nav{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff7;border:1px solid #d2e0efe6;border-radius:22px;grid-template-columns:repeat(5,1fr);align-items:center;height:74px;padding:7px 4px;display:grid;position:fixed;bottom:10px;left:10px;right:10px;box-shadow:0 12px 40px #0d376b38}.bottom-nav a{color:#6c809c;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;height:58px;display:flex;position:relative}.bottom-nav a>span{border-radius:10px;place-items:center;width:31px;height:31px;display:grid}.bottom-nav svg{width:21px;height:21px}.bottom-nav small{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.62rem;overflow:hidden}.bottom-nav a.active{color:var(--navy-800);font-weight:700}.bottom-nav a.active>span{color:#fff;background:var(--blue-600);box-shadow:0 6px 13px #287ad04d}.bottom-nav a.important>span{color:#fff;background:var(--navy-800);border-radius:50%;transform:translateY(-8px);box-shadow:0 7px 16px #0b376b54}.panel,.stat-card,.confirmation,.profile-card,.mini-stats article{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #e3ecf5}.panel{padding:18px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:15px;display:flex}.panel-heading h2{margin-top:3px;font-size:1.08rem;line-height:1.25}.panel-heading>a{color:var(--navy-800);white-space:nowrap;align-items:center;gap:2px;font-size:.79rem;font-weight:700;display:inline-flex}.panel-heading>a svg{width:16px}.section-kicker,.eyebrow{color:#6680a1;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800;display:block}.muted{color:var(--muted);line-height:1.55}.welcome-card{color:#fff;background:linear-gradient(90deg,#041b36e0 0%,#07284c8a 48%,#0723431f 100%),url(/hero-porcinos-itati.png) 74% 52%/cover;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:16px;min-height:192px;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 38px #0c36642e}.welcome-card:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#04193033);position:absolute;inset:0}.hero-content,.hero-action{z-index:1;position:relative}.hero-content p{color:#bcd6ef;text-transform:capitalize;font-size:.72rem;font-weight:700}.hero-content h2{letter-spacing:-.035em;margin-top:8px;font-size:clamp(1.55rem,6vw,2.35rem);line-height:1.05}.hero-content span{color:#dceaf7;max-width:500px;margin-top:7px;font-size:.9rem;line-height:1.45;display:block}.hero-action{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff21;border:1px solid #ffffff70;border-radius:10px;align-items:center;gap:7px;padding:10px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.hero-action svg{width:17px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stat-card{align-items:flex-start;gap:10px;min-width:0;min-height:102px;padding:14px 12px;display:flex}.stat-icon,.event-icon{border-radius:13px;flex:none;place-items:center;display:grid}.stat-icon{width:38px;height:38px}.stat-icon svg{width:21px}.stat-icon.blue,.event-icon.blue{color:#2779d1;background:#e3efff}.stat-icon.green{color:#009b71;background:#dff6ee}.stat-icon.red,.event-icon.red{color:var(--red);background:#fde8ec}.stat-icon.amber,.event-icon.amber{color:var(--amber);background:#fff2d6}.stat-icon.violet,.event-icon.violet{color:var(--violet);background:#eee7ff}.stat-icon.teal,.event-icon.teal{color:var(--teal);background:#def5ee}.event-icon.slate{color:#627895;background:#edf2f7}.stat-card>div:last-child{flex-direction:column;min-width:0;display:flex}.stat-card span{color:#516984;font-size:.72rem;font-weight:600;line-height:1.25}.stat-card strong{color:#102c55;letter-spacing:-.04em;order:2;margin-top:5px;font-size:1.8rem;line-height:1}.stat-card small{color:#7890aa;order:3;margin-top:5px;font-size:.65rem}.confirmation{border-left:4px solid var(--blue-500);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px;display:flex}.confirmation>div{align-items:flex-start;gap:11px;display:flex}.confirmation>div>svg{color:var(--blue-600);flex:none}.confirmation>div>div{gap:3px;display:grid}.confirmation strong{font-size:.9rem}.confirmation span{color:var(--muted);font-size:.75rem;line-height:1.45}.confirmation.confirmed{border-left-color:var(--green)}.confirmation.confirmed>div>svg{color:var(--green)}.dashboard-lower{gap:16px;display:grid}.today-overview{padding:18px}.perfect-chip{color:#08765b;background:#e6f6f1;border-radius:11px;align-items:center;gap:7px;padding:8px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.perfect-chip svg{width:17px}.perfect-chip small{color:#628579;font-weight:500}.today-layout{place-items:center;gap:20px;padding-top:16px;display:grid}.attendance-donut{border-radius:50%;flex:none;place-items:center;width:148px;height:148px;display:grid;box-shadow:inset 0 0 0 1px #08376b0a}.attendance-donut:before{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:112px;height:112px;box-shadow:0 4px 16px #12375b14}.attendance-donut>div{z-index:1;grid-area:1/1;justify-items:center;display:grid}.attendance-donut strong{color:var(--navy-950);letter-spacing:-.06em;font-size:2rem;line-height:1}.attendance-donut span{color:#70849a;margin-top:4px;font-size:.72rem;font-weight:700}.today-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.today-metrics article,.kpi-metric{text-align:left;background:#f7fafc;border:1px solid #e7eef5;border-radius:13px;align-items:center;gap:9px;min-width:0;padding:10px;display:flex}.kpi-metric{cursor:pointer;width:100%}.kpi-metric:hover{background:var(--blue-50);border-color:#c5dced}.kpi-metric:focus-visible,.perfect-chip.interactive:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}.today-metrics article>div:last-child,.kpi-metric>div:last-child{display:grid}.today-metrics article strong,.kpi-metric strong{color:var(--navy-950);font-size:1.35rem;line-height:1}.today-metrics article span,.kpi-metric span{color:#61758e;margin-top:3px;font-size:.7rem;font-weight:600}.perfect-chip.interactive{cursor:pointer;text-align:left;border:0}.perfect-chip.interactive:hover{background:#d8f1e8}.analytics-grid{gap:16px;display:grid}.analytics-panel{min-width:0;padding:18px}.analytics-summary{justify-items:end;gap:3px;display:grid}.analytics-summary>strong{color:var(--navy-950);font-size:1.35rem}.analytics-summary span{align-items:center;gap:3px;font-size:.65rem;font-weight:700;display:inline-flex}.analytics-summary svg{width:14px}.analytics-summary .positive{color:#08765b}.analytics-summary .negative{color:var(--red)}.attendance-chart{background:repeating-linear-gradient(#edf2f7 0 1px,#0000 1px 50%);border-bottom:1px solid #dce7f1;height:210px;margin:20px 8px 4px 34px;position:relative}.attendance-mobile-chart{display:none}.attendance-chart svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.chart-area{fill:url(#attendanceArea)}.chart-line{fill:none;stroke:var(--blue-600);stroke-width:2px;vector-effect:non-scaling-stroke}.chart-scale{right:calc(100% + 8px);color:#8a9bad;flex-direction:column;justify-content:space-between;font-size:.58rem;display:flex;position:absolute;inset-block:-5px 0}.chart-point{z-index:2;background:0 0;border:0;width:22px;height:22px;padding:0;position:absolute;transform:translate(-50%,-50%)}.chart-point i{border:2px solid var(--blue-600);background:#fff;border-radius:50%;width:7px;height:7px;margin:auto;display:block;box-shadow:0 1px 4px #08376b33}.chart-tooltip{z-index:6;color:#fff;text-align:left;background:var(--navy-950);pointer-events:none;border-radius:9px;gap:2px;width:max-content;max-width:190px;padding:8px 10px;font-size:.65rem;font-style:normal;display:none;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);box-shadow:0 8px 20px #051f3933}.chart-tooltip strong{font-size:.8rem}.chart-tooltip small{color:#c7d8e8}.chart-point:hover .chart-tooltip,.chart-point:focus .chart-tooltip,.bar-value:hover .chart-tooltip,.bar-value:focus .chart-tooltip{display:grid}.chart-dates{color:#8496a9;justify-content:space-between;font-size:.6rem;display:flex;position:absolute;top:calc(100% + 7px);left:0;right:0}.month-bars{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:9px;min-height:220px;padding-top:18px;display:grid}.bar-column{justify-items:center;gap:5px;min-width:0;display:grid}.bar-column>strong{color:var(--navy-900);font-size:.78rem}.bar-column>span{color:#61758e;text-align:center;min-height:30px;font-size:.59rem;line-height:1.25}.bar-track{background:linear-gradient(#0000,#f4f7fa);border-bottom:1px solid #dce6ef;border-radius:8px 8px 0 0;justify-content:center;align-items:flex-end;width:100%;height:145px;padding:0 10%;display:flex}.bar-value{opacity:.9;border:0;border-radius:7px 7px 2px 2px;width:100%;min-height:4px;padding:0;position:relative}.bar-value.red-soft{background:#ed7180}.bar-value .chart-tooltip{bottom:calc(100% + 5px)}.insight-list{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.insight-list span{color:#4b647e;background:#f1f5f9;border-radius:8px;padding:6px 8px;font-size:.64rem;font-weight:600}.expirations-panel{padding:18px}.expiration-list{display:grid}.expiration-list>a{border-bottom:1px solid var(--line);grid-template-columns:38px minmax(0,1fr) auto 18px;align-items:center;gap:10px;padding:11px 0;display:grid}.expiration-list>a:last-child{border-bottom:0}.expiration-list>a:hover{background:var(--blue-50)}.expiration-list>a>div:nth-child(2){gap:2px;min-width:0;display:grid}.expiration-list strong{font-size:.78rem}.expiration-list span{color:var(--muted);font-size:.67rem}.expiration-list em{color:#9a6600;white-space:nowrap;font-size:.68rem;font-style:normal;font-weight:800}.expiration-list>a>svg{color:#94a4b7;width:17px}.expiry-icon{color:#9a6600;background:#fff1d3;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.expiry-icon svg{width:18px}.expiry-icon.overdue{color:#a52b3b;background:#fde8ec}.event-list{display:grid}.event-row{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-bottom:1px solid #eaf0f6;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 5px;display:grid;position:relative}.event-row.interactive{cursor:pointer;border-radius:9px;grid-template-columns:39px minmax(0,1fr) auto auto 18px}.event-row:last-child{border-bottom:0}.event-row.interactive:hover{background:var(--blue-50)}.event-row-hitarea{z-index:1;cursor:pointer;border-radius:inherit;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.event-row-hitarea:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px;background:var(--blue-50)}.event-row-hitarea:active{transform:translateY(1px)}.event-chevron{z-index:2;color:#8fa3ba;pointer-events:none;grid-column:5;width:18px}.event-icon{width:36px;height:36px}.event-icon svg{width:19px}.event-main{gap:2px;min-width:0;display:grid}.event-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.event-main span{color:#3e5878;font-size:.78rem}.event-main small{color:#8292a6;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.event-meta{color:#768aa3;justify-items:end;gap:6px;font-size:.72rem;display:grid}.event-attachment{z-index:2;width:28px;height:28px;color:var(--navy-800);border-radius:7px;grid-column:4;place-items:center;display:grid;position:relative}.event-attachment:hover,.event-attachment:focus-visible{color:var(--blue-600);background:var(--blue-50);outline:0}.compact-calendar-body{padding:2px 0 4px}.calendar-month{color:var(--navy-900);text-transform:capitalize;margin-bottom:13px;font-size:.85rem;font-weight:800}.weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.weekdays{margin-bottom:7px}.weekdays span{color:#71849b;text-align:center;font-size:.66rem;font-weight:700}.calendar-grid.compact>div{color:#254466;border-radius:9px;place-items:center;gap:1px;min-width:0;min-height:35px;font-size:.7rem;display:grid}.calendar-grid.compact>div.today{color:#fff;background:var(--navy-800);font-weight:800}.day-dots{justify-content:center;gap:3px;min-height:6px;display:flex}.day-dots i,.legend i{border-radius:50%;width:7px;height:7px;display:block;box-shadow:0 0 0 1px #ffffffd9}.red{background-color:var(--red)}.amber{background-color:var(--amber)}.violet{background-color:var(--violet)}.blue{background-color:var(--blue-600)}.green{background-color:var(--green)}.teal{background-color:var(--blue-600)}.slate{background-color:#77889d}.page-actions{flex-direction:column;align-items:stretch;gap:10px;display:flex}.search-box{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:9px;min-width:0;padding:0 13px;display:flex}.search-box svg{color:#6d84a1;width:19px}.search-box input{background:0 0;border:0;outline:0;width:100%}.employee-grid{gap:0;display:grid}.employee-card{border-bottom:1px solid #e9f0f6;grid-template-columns:43px minmax(0,1fr) 22px;align-items:center;gap:12px;min-width:0;padding:13px 2px;display:grid}.employee-card:last-child{border-bottom:0}.employee-card:hover{background:var(--blue-50)}.employee-avatar,.profile-avatar{color:#fff;background:linear-gradient(145deg, var(--blue-500), var(--navy-800));place-items:center;font-weight:800;display:grid;box-shadow:0 5px 13px #1b5c9f2e}.employee-avatar{border-radius:13px;width:43px;height:43px;font-size:.76rem}.employee-card>div:nth-child(2){gap:2px;min-width:0;display:grid}.employee-card strong{white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;overflow:hidden}.employee-card span{color:#3f5c7d;font-size:.74rem}.employee-card small{color:#8091a7;white-space:nowrap;text-overflow:ellipsis;font-size:.67rem;overflow:hidden}.employee-card>svg{color:#9aabc0;width:18px}.employee-detail{min-width:0}.detail-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.back-link{color:var(--navy-800);align-items:center;gap:5px;font-size:.82rem;font-weight:700;display:inline-flex}.back-link svg{width:18px}.profile-card{grid-template-columns:1fr;gap:14px;padding:18px;display:grid}.profile-avatar{border-radius:18px;width:62px;height:62px;font-size:1.1rem}.profile-main{justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;display:flex}.profile-main h2{font-size:1.18rem;line-height:1.15}.profile-main>div span{color:var(--muted);margin-top:5px;font-size:.75rem;display:block}.status{color:#667b94;background:#edf2f6;border-radius:999px;padding:5px 8px;font-size:.65rem;font-weight:800}.status.active{color:#057759;background:#dff5ed}.profile-facts{border-top:1px solid var(--line);grid-template-columns:1fr;gap:12px;padding-top:14px;display:grid}.profile-facts div,.profile-summary div{gap:3px;min-width:0;display:grid}.profile-facts span,.profile-summary span{color:#7b8ea5;font-size:.67rem}.profile-facts strong,.profile-summary strong{overflow-wrap:anywhere;font-size:.77rem}.profile-tabs{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#e7eef6;border-radius:13px;gap:5px;max-width:100%;padding:5px;display:flex;overflow-x:auto}.profile-tabs button{color:#617792;white-space:nowrap;background:0 0;border:0;border-radius:9px;flex:none;min-height:44px;padding:9px 12px;font-size:.75rem;font-weight:700}.profile-tabs button.active{color:var(--navy-900);background:#fff;box-shadow:0 3px 10px #1e41671a}.formation-stack{gap:16px;display:grid}.formation-section{padding:18px}.formation-list{display:grid}.formation-list>article{border-bottom:1px solid var(--line);grid-template-columns:42px minmax(0,1fr);gap:12px;padding:14px 0;display:grid}.formation-list>article:last-child{border-bottom:0}.formation-icon{width:40px;height:40px;color:var(--navy-800);background:var(--blue-100);border-radius:11px;place-items:center;display:grid}.formation-icon.training{color:#6b45bd;background:#efe9ff}.formation-icon svg{width:20px}.formation-main{gap:8px;min-width:0;display:grid}.formation-main>div:first-child{gap:2px;display:grid}.formation-main strong{font-size:.8rem}.formation-main span,.formation-main p{color:var(--muted);font-size:.7rem;line-height:1.4}.formation-meta{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.formation-meta>span:first-child{font-weight:700}.expiry-badge{background:#fff1d3;border-radius:7px;padding:4px 7px;font-weight:800;color:#8f6100!important}.expiry-badge.expired{background:#fde8ec;color:#a52b3b!important}.formation-documents{gap:5px;display:grid}.formation-documents>div{background:#f5f8fb;border-radius:9px;grid-template-columns:28px minmax(0,1fr) auto 28px;align-items:center;gap:7px;padding:7px 8px;display:grid}.formation-documents svg{width:16px;color:var(--violet)}.formation-documents span{min-width:0;display:grid}.formation-documents strong{text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.formation-documents small{color:#8292a6;font-size:.58rem}.formation-documents a{color:var(--navy-800);font-size:.65rem;font-weight:800}.formation-documents a:last-child{place-items:center;display:grid}.mini-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.mini-stats article{justify-content:space-between;align-items:center;padding:14px;display:flex}.mini-stats span{color:#607692;font-size:.73rem}.mini-stats strong{color:var(--navy-900);font-size:1.3rem}.profile-summary{gap:18px;display:grid}.summary-cards{grid-template-columns:1fr}.summary-cards article{border:1px solid var(--line);background:#fbfdff;border-radius:13px;align-content:start;gap:12px;min-width:0;padding:17px;display:grid}.summary-cards article>div{gap:3px;min-width:0;display:grid}.summary-cards span{color:#7b8ea5;font-size:.67rem}.summary-cards strong{overflow-wrap:anywhere;font-size:.77rem}.profile-operational{grid-template-columns:1fr;gap:16px;display:grid}.profile-operational .panel{min-width:0}.profile-operational .panel-heading{margin-bottom:10px}.text-action{color:var(--navy-800);cursor:pointer;background:0 0;border:0;padding:0;font-size:.72rem;font-weight:800}.text-action:hover{color:var(--blue-600)}.attendance-mini{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.attendance-mini div{background:#f5f8fb;border-radius:10px;gap:3px;min-width:0;padding:10px;display:grid}.attendance-mini strong{color:var(--navy-900);font-size:1.1rem}.attendance-mini span{color:var(--muted);font-size:.64rem}.employee-documents{display:grid}.employee-documents>a{color:var(--ink);border-bottom:1px solid var(--line);border-radius:9px;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:11px 3px;display:grid}.employee-documents>a:last-child{border-bottom:0}.employee-documents>a:hover{background:var(--blue-50)}.employee-documents>a>svg:first-child{width:36px;height:36px;color:var(--violet);background:#efe9ff;border-radius:10px;padding:8px}.employee-documents>a>div{gap:2px;min-width:0;display:grid}.employee-documents strong,.employee-documents span,.employee-documents small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.employee-documents strong{font-size:.76rem}.employee-documents span,.employee-documents small{color:var(--muted);font-size:.65rem}.employee-documents small{color:#966300;font-weight:700}.employee-documents>a>svg:last-child{color:#9aabc0;width:17px}.document-list{display:grid}.document-list a{border-bottom:1px solid var(--line);grid-template-columns:36px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:11px 0;display:grid}.document-list a>svg:first-child{width:36px;height:36px;color:var(--violet);background:#efe9ff;border-radius:10px;padding:8px}.document-list span{gap:2px;min-width:0;display:grid}.document-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.document-list small{color:var(--muted);font-size:.67rem}.primary,.secondary,.ghost-button,.icon-button{border-radius:10px;justify-content:center;align-items:center;gap:7px;font-weight:700;display:inline-flex}.primary,.secondary,.ghost-button{min-height:42px;padding:10px 15px}.primary{color:#fff;background:var(--blue-600);border:1px solid var(--blue-600);box-shadow:0 6px 14px #287ad038}.primary:hover{background:#1768bc}.secondary{color:var(--navy-800);background:#fff;border:1px solid #cbdceb}.secondary:hover{background:var(--blue-50)}.ghost-button{color:#647b95;background:0 0;border:1px solid #0000}.primary svg,.secondary svg,.ghost-button svg{width:18px}.primary.large{width:100%;min-height:48px}.secondary.compact{min-height:34px;padding:7px 10px;font-size:.73rem}.icon-button{width:39px;height:39px;color:var(--navy-800);border:1px solid var(--line);background:#fff;padding:0}input,select,textarea{width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #cedcea;border-radius:10px;outline:none;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #3c8ee721}textarea{resize:vertical;line-height:1.45}.form-stack{gap:15px;display:grid}.form-grid{gap:14px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-stack label,.form-grid label,.history-filters label,.correction-form label{color:#405a78;gap:6px;font-size:.76rem;font-weight:700;display:grid}.form-stack label small{color:#8997a9;font-weight:500}.form-actions{justify-content:flex-end;display:flex}.check-row{grid-template-columns:auto 1fr;align-items:center;display:flex!important}.check-row input{width:19px;min-height:19px}.form-panel{padding:20px}.step-heading{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:22px;padding-bottom:17px;display:flex}.step-number{color:#fff;background:var(--navy-800);border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.step-heading h2{margin-top:2px;font-size:1.3rem}.upload-box{background:var(--blue-50);cursor:pointer;border:1px dashed #a9c5df;border-radius:13px;align-items:center;gap:12px;min-height:76px;padding:14px;display:flex!important}.upload-box input{display:none}.upload-box>svg{color:var(--blue-600);flex:none}.upload-box span{overflow-wrap:anywhere;gap:3px;min-width:0;display:grid}.upload-box small{display:block}.form-error{color:#a12739;background:#fff0f2;border-radius:10px;align-items:center;gap:8px;padding:11px 12px;font-size:.76rem;display:flex}.form-error svg{flex:none;width:18px}.employee-combobox{position:relative}.combo-input{align-items:center;display:flex;position:relative}.combo-input>svg{z-index:1;color:#66809d;pointer-events:none;width:18px;position:absolute;left:12px}.combo-input input{padding-left:40px;padding-right:42px}.combo-input>button{color:#6f849c;background:0 0;border:0;border-radius:8px;place-items:center;width:33px;height:33px;display:grid;position:absolute;right:6px}.combo-input>button:hover{background:var(--blue-50)}.combo-input>button svg{width:17px}.combo-results{max-height:330px;top:calc(100% + 7px);overflow-y:auto}.calendar-filters,.history-filters{gap:9px;display:grid}.calendar-layout{gap:16px;display:grid}.calendar-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.calendar-head h2{color:var(--navy-900);text-transform:capitalize;font-size:1.05rem}.calendar-panel .calendar-grid{gap:5px}.calendar-panel .calendar-grid>button{color:#244563;background:#fff;border:1px solid #0000;border-radius:10px;align-content:center;place-items:center;gap:3px;min-width:0;min-height:45px;font-size:.76rem;display:grid}.calendar-panel .calendar-grid>button:hover{background:var(--blue-50)}.calendar-panel .calendar-grid>button.today{color:var(--navy-800);border-color:#8db8e3;font-weight:800}.calendar-panel .calendar-grid>button.selected{color:#fff;background:var(--navy-800);box-shadow:0 5px 13px #124c8e38}.legend{border-top:1px solid var(--line);flex-wrap:wrap;gap:10px 14px;margin-top:16px;padding-top:13px;display:flex}.legend span{color:#6d829a;align-items:center;gap:5px;font-size:.64rem;display:flex}.legend i{width:7px;height:7px}.day-panel h2{margin-top:4px;margin-bottom:13px;font-size:1.1rem}.history-filters>label{grid-template-columns:54px minmax(0,1fr);align-items:center}.history-filters>label input{min-width:0}.count-pill{color:var(--navy-800);background:var(--blue-100);white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:.67rem;font-weight:800}.event-badge{border-radius:999px;width:fit-content;padding:6px 9px;font-size:.68rem;font-weight:800}.event-badge.red{color:#b62b3e;background:#fde8ec}.event-badge.amber{color:#9c6800;background:#fff1d1}.event-badge.violet{color:#6940bd;background:#eee6ff}.event-badge.blue{color:#1a65b4;background:#e2efff}.event-badge.teal{color:#06765f;background:#ddf5ee}.event-badge.slate{color:#54677e;background:#eaf0f5}.empty{color:#8a9aab;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:150px;padding:20px;display:flex}.empty strong{color:#4d647f;font-size:.88rem}.empty span{font-size:.72rem}.loading{color:#5f7590;justify-content:center;align-items:center;gap:9px;min-height:180px;display:flex}.spin{color:var(--blue-600);animation:1s linear infinite spin}.primary .spin{color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#051b3494;align-items:end;padding:0;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:22px 22px 0 0;width:100%;max-height:min(92vh,100dvh);padding:18px;overflow-y:auto;box-shadow:0 -16px 50px #0722413b}.modal>header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.modal>header h2{font-size:1.16rem}.event-detail{gap:15px;display:grid}.detail-person{align-items:center;gap:10px;display:flex}.detail-person>div:last-child{gap:3px;min-width:0;display:grid}.detail-person strong{font-size:.86rem}.detail-person span{color:var(--muted);font-size:.68rem}.detail-note{color:#405a75;background:#f5f8fb;border-radius:10px;padding:12px;line-height:1.5}.range-summary{color:var(--ink);background:#f5f8fc;border:1px solid #d8e5f6;border-radius:10px;gap:3px;padding:12px 14px;font-size:.84rem;display:grid}.range-summary span{color:var(--muted)}.range-date{background-color:#fff}.export-modal{gap:16px;display:grid}.export-modal fieldset{border:1px solid #d9e5f2;border-radius:12px;gap:8px;margin:0;padding:12px;display:grid}.export-modal legend{color:var(--navy-800);padding:0 5px;font-size:.82rem;font-weight:800}.export-option{min-height:36px;color:var(--ink);align-items:center;gap:10px;font-size:.84rem;font-weight:650;display:flex}.export-option input{width:19px;height:19px;accent-color:var(--blue-600)}.export-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.export-actions button{justify-content:center;min-height:44px}.attachment-link{color:var(--navy-800);align-items:center;gap:8px;font-size:.75rem;font-weight:700;display:flex}.detail-buttons{flex-wrap:wrap;gap:8px;display:flex}.indicator-people{gap:8px;display:grid}.indicator-count{color:var(--muted);font-size:.75rem;font-weight:700}.indicator-person{min-width:0;color:inherit;border:1px solid #e4edf5;border-radius:11px;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:10px;display:grid}.indicator-person:hover{background:var(--blue-50);border-color:#c5dced}.indicator-person>.employee-avatar{border-radius:11px;width:38px;height:38px;font-size:.68rem}.indicator-person>div:nth-child(2){gap:2px;min-width:0;display:grid}.indicator-person strong,.indicator-person span,.indicator-person small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.indicator-person strong{font-size:.8rem}.indicator-person span,.indicator-person small{color:var(--muted);font-size:.68rem}.indicator-person small{color:#71869e}.indicator-person>svg{color:#8ca2ba;width:17px}.correction-form{border-top:1px solid var(--line);gap:12px;padding-top:15px;display:grid}.audit-list{border-top:1px solid var(--line);gap:10px;padding-top:15px;display:grid}.audit-list h3{font-size:.9rem}.audit-list article{background:#f5f8fb;border-radius:10px;gap:5px;padding:11px;display:grid}.audit-list article div{gap:2px;display:grid}.audit-list strong{font-size:.76rem}.audit-list span,.audit-list p{color:var(--muted);font-size:.67rem}.toast{z-index:80;color:#fff;border-radius:13px;align-items:center;gap:9px;padding:13px;display:flex;position:fixed;bottom:98px;left:14px;right:14px;box-shadow:0 14px 36px #041e3a40}.toast.ok{background:#08775e}.toast.error{background:#b72f42}.toast>svg{flex:none;width:20px}.toast span{flex:1;font-size:.76rem}.toast button{color:#fff;background:0 0;border:0;padding:3px}.toast button svg{width:18px}.login-page{background:#fff;min-height:100vh;display:grid}.login-brand{display:none}.login-panel{background:radial-gradient(circle at 100% 0,#e2efff 0,#0000 35%),linear-gradient(#f4f8fcb8,#f4f8fcb8),url(/hero-porcinos-itati.png) 50%/cover no-repeat;place-items:center;min-height:100vh;padding:24px 18px;display:grid}.login-card{background:#fff;border:1px solid #e0eaf3;border-radius:22px;width:min(100%,430px);padding:27px 22px;box-shadow:0 24px 60px #10375f21}.mobile-logo{justify-content:center;margin-bottom:24px;display:flex}.mobile-logo img{object-fit:cover;border-radius:22px;width:118px;height:118px}.login-card h2{letter-spacing:-.03em;margin:6px 0 8px;font-size:1.65rem}.login-card .form-stack{margin-top:22px}.demo-note{color:#7d8fa4;justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:.7rem;display:flex}.demo-note svg{width:17px;color:var(--green)}.splash{background:#edf4fb;place-content:center;justify-items:center;gap:8px;min-height:100vh;display:grid}.splash>img{border-radius:20px;width:110px}.splash .loading{min-height:50px}@media (width>=600px){.content{padding:22px 24px 110px}.topbar{padding-left:24px;padding-right:24px}.welcome-card{min-height:195px;padding:28px}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{padding:16px}.today-layout{grid-template-columns:160px minmax(0,1fr);place-items:center stretch}.today-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.expiration-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.page-actions{flex-direction:row;justify-content:space-between}.page-actions .search-box{flex:1}.employee-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .full{grid-column:1/-1}.profile-card{grid-template-columns:auto minmax(0,1fr)}.profile-facts{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.mini-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-summary>article:last-child{grid-column:1/-1}.profile-operational{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-operational>article:last-child{grid-column:1/-1}.calendar-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.history-filters{grid-template-columns:minmax(250px,1fr) minmax(190px,.6fr)}.modal-backdrop{place-items:center;padding:24px}.modal{border-radius:20px;max-width:560px}.modal.wide{max-width:780px}.toast{width:min(390px,100% - 48px);bottom:24px;left:auto;right:24px}}@media (width<=599px){input,textarea,select,[role=combobox],.top-search input,.combo-input input{font-size:16px}input,textarea,select{scroll-margin-block:16px}.top-search-wrap,.employee-combobox,.form-stack,.form-grid,.correction-form,.detail-buttons{min-width:0;max-width:100%}.search-results,.combo-results{overscroll-behavior:contain;max-height:min(340px,48dvh);overflow-y:auto}.search-results button,.combo-results button{align-items:start;min-height:48px}.search-results strong,.combo-results strong{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;overflow:visible}.search-results small,.combo-results small{min-width:0;max-width:100%}.attendance-chart{display:none}.analytics-panel:has(.attendance-mobile-chart){padding:16px}.analytics-panel:has(.attendance-mobile-chart) .panel-heading{align-items:start;margin-bottom:10px}.analytics-panel:has(.attendance-mobile-chart) .analytics-summary>strong{font-size:1.45rem}.attendance-mobile-chart{gap:6px;margin-top:2px;display:grid}.attendance-progress{background:#dce8f5;border-radius:999px;height:7px;overflow:hidden}.attendance-progress i{border-radius:inherit;background:var(--blue-600);min-width:2px;height:100%;display:block}.attendance-mobile-chart span{color:#6f839b;font-size:.68rem;font-weight:700}.analytics-panel:has(.month-bars){padding:16px}.analytics-panel:has(.month-bars) .panel-heading{margin-bottom:8px}.month-bars{gap:6px;min-height:172px;padding-top:8px}.bar-track{height:108px}.bar-column{gap:3px}.modal-backdrop{padding-bottom:env(safe-area-inset-bottom)}.modal{max-height:calc(100dvh - env(safe-area-inset-bottom));padding-bottom:calc(24px + env(safe-area-inset-bottom))}.content{padding-bottom:calc(106px + env(safe-area-inset-bottom))}.text-action{min-height:36px}.employee-documents strong,.employee-documents span,.employee-documents small{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;overflow:visible}}@media (width>=1024px){.login-page{grid-template-columns:minmax(500px,1.1fr) minmax(430px,.9fr)}.login-brand{isolation:isolate;color:#fff;background:url(/hero-porcinos-itati.png) 64%/cover;flex-direction:column;justify-content:space-between;padding:54px;display:flex;position:relative;overflow:hidden}.login-brand:before{content:"";z-index:-1;background:linear-gradient(120deg,#05274cf5,#093a69ad 55%,#06274a47);position:absolute;inset:0}.login-brand img{object-fit:contain;filter:grayscale()brightness(3.4);width:190px;height:auto}.login-brand span{letter-spacing:.15em;background:#05254552;border:1px solid #ffffff42;border-radius:9px;padding:9px 12px;font-size:.7rem;font-weight:800;display:inline-block}.login-panel{background:radial-gradient(circle at 100% 0,#e2efff 0,#0000 35%),#f4f8fc;padding:40px}.mobile-logo{display:none}.app-shell{grid-template-columns:232px minmax(0,1fr);display:grid}.sidebar{color:#fff;background:linear-gradient(165deg,#0d427c 0%,#0a376c 62%,#072b56 100%);flex-direction:column;height:100vh;padding:24px 12px 16px;display:flex;position:sticky;top:0;overflow:hidden}.sidebar:after{content:"";opacity:.12;pointer-events:none;background:radial-gradient(circle at 0 100%,#74b8f4,#0000 65%);height:240px;position:absolute;inset:auto 0 0}.sidebar-brand{z-index:1;place-items:center;min-height:122px;margin:0 6px 24px;padding:0;display:grid;position:relative}.sidebar-logo{object-fit:contain;filter:grayscale()brightness(3.4);width:148px;height:122px}.sidebar nav{z-index:1;gap:6px;display:grid;position:relative}.sidebar nav a{color:#dcecff;border-radius:11px;align-items:center;gap:12px;min-height:48px;padding:0 15px;font-size:.83rem;font-weight:600;display:flex}.sidebar nav a svg{width:20px}.sidebar nav a:hover{background:#ffffff14}.sidebar nav a.active{color:#fff;background:#226fbd;box-shadow:0 9px 22px #021f3e3d}.sidebar nav a.important{margin-top:5px}.sidebar-user{z-index:1;border-top:1px solid #ffffff26;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;margin-top:auto;padding:13px 8px 3px;display:grid;position:relative}.avatar{width:38px;height:38px;color:var(--navy-900);background:#d8eaff;border-radius:50%;place-items:center;font-size:.72rem;font-weight:800;display:grid}.avatar.small{color:#fff;background:var(--navy-800);width:37px;height:37px}.sidebar-user>div:nth-child(2){gap:2px;min-width:0;display:grid}.sidebar-user strong{text-overflow:ellipsis;white-space:nowrap;font-size:.69rem;overflow:hidden}.sidebar-user span{color:#bcd3eb;font-size:.61rem}.sidebar-user button{color:#dcecff;background:0 0;border:0;border-top:1px solid #ffffff17;grid-column:1/-1;align-items:center;gap:9px;min-height:38px;margin-top:7px;padding:0 4px;font-size:.75rem;display:flex}.sidebar-user button svg{width:18px}.sidebar-user button span{color:inherit;font-size:inherit}.bottom-nav,.mobile-brand-row{display:none}.topbar{grid-template-columns:minmax(280px,430px) 1fr;align-items:center;gap:28px;min-height:72px;padding:10px 30px;display:grid}.top-search{border-radius:12px;height:44px;padding:0 14px}.top-search:focus-within{background:#fff;border-color:#b7d1e9}.top-search svg{color:#557392;width:19px}.top-search input{min-height:40px;box-shadow:none;background:0 0;border:0;padding:0}.topbar-context{justify-content:flex-end;align-items:center;gap:24px;display:flex}.top-date{color:#4e6682;text-transform:capitalize;align-items:center;gap:8px;font-size:.73rem;display:flex}.top-date svg{color:#e4a20e;width:19px}.topbar-user{border-left:1px solid #d2deea;align-items:center;gap:9px;padding-left:21px;display:flex}.topbar-user>span{gap:2px;display:grid}.topbar-user strong{font-size:.73rem}.topbar-user small{color:#71839a;font-size:.63rem}.content{padding:26px 30px 44px}.page-stack{gap:18px}.welcome-card{background-position:68% 52%;flex-direction:row;align-items:flex-end;min-height:232px;padding:30px 32px}.hero-content h2{font-size:2.15rem}.hero-content span{font-size:.92rem}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat-card{align-items:center;min-height:112px}.confirmation{flex-direction:row;align-items:center;padding:15px 18px}.analytics-grid{grid-template-columns:minmax(0,1.35fr) minmax(330px,.8fr)}.dashboard-lower{grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);align-items:stretch}.dashboard-lower>.panel{min-height:365px}.employee-grid{grid-template-columns:1fr}.employee-card{grid-template-columns:48px minmax(0,1fr) auto 24px;padding:12px 10px}.employee-card:after{content:"Ver legajo";color:var(--navy-800);white-space:nowrap;grid-area:1/3;justify-self:start;font-size:.72rem;font-weight:700}.employee-card>svg{grid-column:4}.employee-card>div:nth-child(2){grid-column:2;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr) minmax(0,1fr);align-items:center;gap:clamp(10px,1.5vw,18px);display:grid}.employee-card>div:nth-child(2)>*{min-width:0}.employee-card>div:nth-child(2) strong{font-size:.82rem}.employee-card>div:nth-child(2) span{text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;overflow:hidden}.employee-card>div:nth-child(2) small{font-size:.69rem}.profile-card{grid-template-columns:76px minmax(0,1fr) minmax(440px,1.6fr);align-items:center;gap:18px;padding:21px 24px}.profile-avatar{width:72px;height:72px}.profile-facts{border-top:0;border-left:1px solid var(--line);grid-column:3;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 0 0 24px}.profile-tabs{width:min(100%,680px)}.profile-tabs button{flex:1 0 auto;min-height:0}.profile-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-summary>article:last-child,.profile-operational>article:last-child{grid-column:auto}.profile-operational{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-layout{grid-template-columns:minmax(0,1.45fr) minmax(300px,.65fr);align-items:start}.calendar-panel .calendar-grid>button{align-content:start;justify-items:start;min-height:70px;padding:9px}.calendar-panel .day-dots{justify-content:flex-start;gap:4px}.calendar-panel .day-dots i{width:8px;height:8px}.history-filters{grid-template-columns:minmax(230px,1fr) 210px 190px 190px;align-items:end}.history-filters>label{grid-template-columns:1fr}.form-panel{padding:26px}}@media (width>=1200px){.stat-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width>=1366px){.app-shell{grid-template-columns:242px minmax(0,1fr)}.content{padding:28px 34px 48px}.stat-card{gap:12px;padding:16px}.stat-icon{width:43px;height:43px}.stat-card span{font-size:.74rem}.stat-card strong{font-size:1.95rem}.event-row{padding:12px 6px}}@media (width>=1700px){.content{padding-left:42px;padding-right:42px}.welcome-card{min-height:260px}.dashboard-lower{grid-template-columns:1.55fr .65fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}