@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--dark-blue: #222049;--light-blue: #5e93cc;--off-white: #f4f4f4;--ink: #111b31;--ink-soft: #4a5875;--surface: #ffffff;--line: #d9e0ee;--success: #1f7a48;--danger: #b63b3b;--radius: 14px;--shadow-soft: 0 12px 30px rgba(27, 40, 82, .09)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);background:radial-gradient(800px circle at 12% -15%,rgba(94,147,204,.24),transparent 60%),radial-gradient(720px circle at 88% -5%,rgba(34,32,73,.24),transparent 55%),linear-gradient(180deg,#f7f9fd,#eef2f8);font-family:Manrope,Segoe UI,sans-serif}.layout-root{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:14px 22px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(100deg,#222049f2,#27366eeb);border-bottom:1px solid rgba(255,255,255,.14)}.brand{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:clamp(150px,15vw,210px)}.brand-logo{display:block;width:auto;max-width:100%;height:48px;object-fit:contain;object-position:center}.topbar-left{display:flex;align-items:center;gap:10px;position:relative}.menu{display:flex;gap:8px;flex-wrap:wrap}.menu-link{color:#ffffffe6;text-decoration:none;border-radius:999px;padding:9px 14px;font-weight:600;font-size:.9rem}.menu-link:hover{background:#ffffff1a}.menu-link.active{background:#fff;color:var(--dark-blue)}.content{width:min(1440px,100%);margin:0 auto;padding:26px 24px 36px}.page-header,.page-footer,.filter-row,.filters-bar,.pagination,.modal-header,.modal-footer,.filter-inline{display:flex;align-items:center;gap:12px}.page-header,.page-footer{justify-content:space-between;margin-bottom:18px}.page-header h2{margin:0;font-size:1.5rem;font-weight:800}.page-header p{margin:6px 0 0;color:var(--ink-soft);font-size:.92rem}.filters-bar{margin-bottom:16px;flex-wrap:wrap;padding:14px;background:#ffffffe0;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.filters-right-content{display:flex;align-items:flex-end;gap:12px;margin-left:auto;flex-wrap:wrap}.filters-right-field{min-width:210px}.competence-hint{color:var(--dark-blue);font-size:.88rem;font-weight:700;background:#5e93cc29;border-radius:10px;padding:6px 10px}.field{display:flex;flex-direction:column;gap:6px;min-width:180px}.field.grow{flex:1}label{font-weight:700;font-size:.83rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}.competence-label{display:flex;align-items:center;gap:8px}.competence-current-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#fff;background:linear-gradient(115deg,#222049,#5e93cc)}input,select{border:1px solid #c7d4e7;border-radius:12px;padding:10px 12px;background:#fff;font-family:inherit;color:var(--ink)}.dropdown-trigger{width:100%;border:1px solid #c7d4e7;border-radius:12px;padding:10px 12px;background:#fff;font-family:inherit;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;align-items:center}input:focus,select:focus{outline:2px solid rgba(94,147,204,.35);border-color:#8db3dc}.btn{border:none;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer;background:linear-gradient(115deg,var(--light-blue),#4a80bb);color:#fff}.btn:hover{filter:brightness(.97)}.btn-new-record{background:linear-gradient(110deg,#5e93cc,#3c76b5 45%,#222049);background-size:180% 180%;padding:12px 22px;font-size:.98rem;font-weight:800;transition:background-position .35s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 18px #22204933}.btn-new-record:hover{background-position:100% 0;filter:none;transform:translateY(-1px);box-shadow:0 10px 20px #22204940}.btn-outline{background:#fff;border:1px solid #b9c9df;color:#2a4970}.btn-small{padding:6px 9px;font-size:.78rem}.btn-danger{background:linear-gradient(115deg,#cb5353,#a93636)}.full{width:100%}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:16px}.card{background:#ffffffeb;border-radius:var(--radius);border:1px solid var(--line);padding:14px;box-shadow:var(--shadow-soft)}.card strong{display:block;margin-top:8px;color:var(--dark-blue);font-size:1.3rem}.form-card{margin-bottom:14px}.empty-state{text-align:center}.empty-state h3{margin:4px 0}.empty-state p{color:var(--ink-soft)}.table-wrap{position:relative;overflow:visible;background:#fffffff0;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-soft);margin-bottom:14px}.table-scroll{overflow-x:auto;overflow-y:hidden;border-radius:var(--radius)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:center;border-bottom:1px solid #ecf1f8;padding:10px;font-size:.9rem}.table tbody tr.row-retroactive td{background:#fff9d8;box-shadow:inset 0 1px #f4dd84,inset 0 -1px #f4dd84,0 2px 6px #7f661214}.table tbody tr.row-retroactive td:first-child{position:relative;padding-left:26px}.table tbody tr.row-retroactive td:first-child:before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:#f1c93d;border:1px solid #d2ad28;box-shadow:0 0 0 2px #f1c93d38}.table th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#51617f}.table-sort-btn{border:none;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.table thead{background:#f5f8fd}.table tfoot{background:#eef4fc;font-weight:800}.actions{white-space:nowrap;display:flex;gap:8px;align-items:center;justify-content:center}.actions-cell{vertical-align:middle}.retroactive-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;background:#ffef9f;color:#5a4500;border:1px solid #f1d870}.notif-wrap{position:relative}.notif-btn{position:relative;border:1px solid rgba(255,255,255,.24);background:#ffffff1a;color:#fff;border-radius:999px;width:36px;height:36px;display:grid;place-items:center;cursor:pointer}.notif-dot{position:absolute;top:3px;right:4px;width:10px;height:10px;border-radius:50%;background:#d42929;border:2px solid #fff}.notif-dropdown{position:absolute;top:42px;left:0;width:min(420px,88vw);background:#fff;border:1px solid #d7dbea;border-radius:12px;box-shadow:0 12px 30px #22204933;padding:10px;z-index:50}.notif-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.notif-list{display:grid;gap:8px;max-height:320px;overflow-y:auto}.notif-list p{margin:8px 4px}.notif-item{border:1px solid #d4deef;border-radius:10px;background:#f7faff;display:grid;gap:2px;text-align:left;padding:8px 10px;cursor:pointer;color:#233a62}.notif-item.unseen{border-color:#9bbce0;background:#eef6ff}.notif-item small{color:#48618e}.tabs{display:flex;gap:8px;margin-bottom:12px}.tab{border:1px solid #b8c9df;border-radius:999px;padding:8px 14px;cursor:pointer;background:#fff;font-weight:600}.tab.active{border-color:transparent;background:linear-gradient(115deg,var(--dark-blue),#2f4d86);color:#fff}.partner-block{margin-bottom:16px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a11219e;display:grid;place-items:center;padding:12px;z-index:40}.modal-card{width:min(760px,100%);max-height:90vh;overflow:auto;background:#f9fbff;border-radius:16px;border:1px solid #d7e2f3;padding:16px}.modal-header{justify-content:space-between}.modal-header h3{margin:0}.modal-body{display:grid;gap:10px;margin-top:12px}.modal-footer{justify-content:flex-end;margin-top:12px}.modal-card-retro-warning{width:min(860px,100%);border:2px solid #f0c15a;box-shadow:0 18px 46px #16100259}.profile-lock-modal{width:min(720px,100%);border:2px solid rgba(94,147,204,.5);box-shadow:0 20px 48px #0e18345c}.retro-warning-body{display:grid;gap:10px;padding:6px 2px}.retro-warning-body p{margin:0;color:#4a3a12;font-size:1.02rem;line-height:1.5}.retro-warning-body strong{color:#7f4a00;font-size:1.05rem}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-shell{position:relative;width:min(560px,100%);padding-bottom:42px}.auth-screen-gradient{background:radial-gradient(900px circle at 18% 18%,rgba(94,147,204,.46),transparent 56%),radial-gradient(760px circle at 84% 20%,rgba(34,32,73,.52),transparent 58%),radial-gradient(1100px circle at 50% 100%,rgba(94,147,204,.34),transparent 60%),linear-gradient(160deg,#222049,#2a4f83 52%,#5e93cc)}.auth-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;cursor:pointer;background:radial-gradient(860px circle at 20% 24%,rgba(94,147,204,.72),transparent 55%),radial-gradient(760px circle at 84% 18%,rgba(34,32,73,.82),transparent 58%),radial-gradient(980px circle at 46% 104%,rgba(94,147,204,.55),transparent 60%),linear-gradient(165deg,#222049,#2f5a90 58%,#5e93cc);opacity:1;transition:opacity 1.9s ease}.auth-splash-expanding{opacity:0}.auth-splash-logo{width:clamp(130px,16vw,220px);height:clamp(130px,16vw,220px);object-fit:contain;filter:drop-shadow(0 24px 48px rgba(7,14,34,.42));transform:scale(1);transition:transform 1.65s cubic-bezier(.16,.87,.42,1),opacity 1.65s ease}.auth-splash-logo-grow{transform:scale(25);opacity:0}.auth-card{width:min(430px,100%);background:#fffffff5;border:1px solid #d6e0ef;border-radius:18px;padding:24px;box-shadow:0 18px 40px #141f3e29;display:grid;gap:10px}.auth-card-pro{width:100%;position:relative;z-index:3;border-radius:20px;border:1px solid rgba(255,255,255,.34);background:linear-gradient(145deg,#f4f4f438,#ffffff1f);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 28px 60px #0a12295c;gap:14px}.auth-card h1{margin:0;font-weight:800;color:var(--dark-blue)}.auth-card p{margin:0 0 8px;color:var(--ink-soft)}.auth-brand{display:grid;justify-items:center;margin-bottom:4px}.auth-brand img{width:156px;height:156px;object-fit:contain;filter:drop-shadow(0 14px 28px rgba(8,17,42,.32))}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.38);background:#f4f4f442;padding:4px}.auth-tabs-floating{position:absolute;bottom:0;left:18px;right:18px;z-index:1;border-radius:16px;border:1px solid rgba(146,196,255,.65);background:linear-gradient(145deg,#121d3dbd,#3f82c580);box-shadow:0 18px 34px #0a163173,inset 0 1px #ffffff5c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.auth-tab{border:none;background:transparent;border-radius:12px;padding:13px 10px;cursor:pointer;font-weight:800;color:#e4ecf8;letter-spacing:.04em;text-transform:uppercase;transition:all .22s ease}.auth-tab:hover{background:#ffffff30}.auth-tab.active{background:linear-gradient(120deg,#222049fa,#5e93cce0);color:#fff;box-shadow:0 10px 20px #1421466b,inset 0 0 0 1px #d5ebff73}.auth-form{display:grid;gap:10px}.auth-field{display:grid;gap:5px}.auth-field label{color:#eaf0fb}.auth-field input{background:#ffffffe6}.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-consent{display:flex;align-items:center;gap:8px;font-weight:600;color:#eef3fb;text-transform:none;letter-spacing:normal}.auth-consent input{width:16px;height:16px;margin:0}.auth-submit{margin-top:4px;background:linear-gradient(115deg,#5e93cc,#3f7eb8)}.link-like{border:none;background:transparent;color:#1f4f88;font:inherit;font-weight:800;text-decoration:underline;cursor:pointer;padding:0}.terms-pre{margin:0;white-space:pre-wrap;font-family:Manrope,Segoe UI,sans-serif;line-height:1.45;color:#1c2c4d}.alert-error,.alert-success{border-radius:10px;padding:10px;font-size:.88rem;border:1px solid transparent}.alert-error{background:#ffe8e8;color:#7f2121;border-color:#f3b7b7}.alert-success{background:#e2f7e8;color:var(--success);border-color:#abd9b7}.screen-center{min-height:100vh;display:grid;place-items:center}.list-select{display:grid;gap:10px}.pagination{justify-content:flex-end}.client-dashboard-filters{display:grid;grid-template-columns:minmax(180px,240px) minmax(220px,360px) 1fr;gap:16px;align-items:end;margin-bottom:18px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe0;box-shadow:var(--shadow-soft)}.client-dashboard-open-competence{align-self:center;justify-self:end;color:var(--ink-soft);font-size:.9rem}.client-dashboard-state{padding:28px;text-align:center;color:var(--ink-soft)}.client-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.client-kpi-card{position:relative;overflow:hidden;display:grid;gap:7px;min-height:150px;padding:22px;border:1px solid var(--line);border-top:4px solid currentColor;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft)}.client-kpi-card:after{content:"";position:absolute;right:-24px;bottom:-42px;width:112px;height:112px;border-radius:50%;background:currentColor;opacity:.08}.client-kpi-card span{color:var(--ink-soft);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.client-kpi-card strong{color:var(--ink);font-size:clamp(1.35rem,2.3vw,2rem)}.client-kpi-card small{color:var(--ink-soft)}.client-kpi-card.primary{color:var(--light-blue)}.client-kpi-card.danger{color:var(--danger)}.client-kpi-card.success{color:var(--success)}.client-kpi-card.neutral{color:var(--dark-blue)}.client-dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:18px}.client-tax-card,.client-retroactive-card,.client-company-chart{padding:24px}.client-tax-card{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.dashboard-card-label{color:var(--ink-soft);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.client-tax-card h3,.client-company-chart h3{margin:7px 0}.client-tax-card p,.client-retroactive-card p{margin:0;color:var(--ink-soft)}.tax-donut{display:grid;place-items:center;width:148px;height:148px;border-radius:50%;background:conic-gradient(var(--danger) var(--tax-share),#e5eaf3 0)}.tax-donut>div{display:grid;place-items:center;width:108px;height:108px;border-radius:50%;background:#fff}.tax-donut strong{font-size:1.35rem}.tax-donut span{color:var(--ink-soft);font-size:.8rem}.tax-legend{grid-column:1 / -1;display:flex;gap:20px;flex-wrap:wrap;color:var(--ink-soft);font-size:.9rem}.legend-dot{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:50%}.legend-dot.retained{background:var(--danger)}.legend-dot.net{background:#e5eaf3;border:1px solid #c8d1e2}.client-retroactive-card{display:grid;align-content:center;gap:12px;background:linear-gradient(145deg,#222049f5,#324280f0);color:#fff}.client-retroactive-card .dashboard-card-label,.client-retroactive-card p{color:#ffffffbf}.client-retroactive-card>strong{font-size:3rem}.client-company-chart{grid-column:1 / -1}.company-bars{display:grid;gap:18px;margin-top:20px}.company-bar-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(180px,3fr) minmax(110px,auto);gap:16px;align-items:center}.company-bar-label{display:grid;gap:3px}.company-bar-label span{color:var(--ink-soft);font-size:.8rem}.company-bar-track{overflow:hidden;height:12px;border-radius:999px;background:#e8edf5}.company-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--light-blue),var(--dark-blue))}@media (max-width: 900px){.topbar{grid-template-columns:1fr}.client-dashboard-filters,.client-kpi-grid,.client-dashboard-grid{grid-template-columns:1fr 1fr}.client-dashboard-open-competence,.client-company-chart{grid-column:1 / -1;justify-self:start}.company-bar-row{grid-template-columns:1fr;gap:8px}.page-header,.page-footer,.filter-row,.pagination{flex-direction:column;align-items:stretch}.filters-right-content{margin-left:0}.menu{justify-content:center}.auth-row{grid-template-columns:1fr}}@media (max-width: 620px){.client-dashboard-filters,.client-kpi-grid,.client-dashboard-grid,.client-tax-card{grid-template-columns:1fr}.tax-donut{justify-self:center}}.toast-stack{position:fixed;top:18px;right:18px;z-index:9999;display:grid;gap:10px;width:min(380px,calc(100vw - 24px))}.toast{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;box-shadow:0 12px 28px #141f3e3d;border:1px solid transparent;background:#fff;color:#122039;font-weight:600}.toast-info{border-color:#9fc2ea;background:#eef6ff}.toast-success{border-color:#8fd3a5;background:#e9f8ef}.toast-error{border-color:#efb3b3;background:#ffefef}.toast-close{border:none;background:transparent;cursor:pointer;font-weight:700;color:#304563}