:root{color:#17202e;background:#eef2f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}.app-shell{background:radial-gradient(circle at 15% 0%,rgba(0,109,119,.18),transparent 30%),linear-gradient(135deg,#f7fafc,#e9eef2 55%,#f5f7f9);min-height:100vh;padding:22px 22px 22px 96px}.hero{align-items:stretch;display:grid;gap:18px;grid-template-columns:1fr;margin:0 auto 20px;max-width:100%}.brand-block{align-items:center;background:#102235;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#fff;display:grid;gap:18px;grid-template-columns:1fr auto;min-height:124px;overflow:hidden;padding:18px 20px;position:relative}.brand-block:after{background:linear-gradient(135deg,#006d776b,#ffbe0b33);content:"";height:100%;position:absolute;right:0;top:0;width:34%}.brand-block>*{position:relative;z-index:1}.eyebrow{color:#9fd9dd;display:block;font-size:12px;font-weight:900;letter-spacing:0;margin-bottom:6px;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:clamp(24px,3vw,34px);line-height:1.08;max-width:100%}.brand-block p{color:#d2dde6;font-size:14px;line-height:1.5;margin-top:6px;max-width:760px}.hero-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hero-link{align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#fff;display:inline-flex;font-size:13px;font-weight:900;min-height:36px;padding:0 13px;position:relative;text-decoration:none;z-index:1}.hero-link-button{cursor:pointer}h2{font-size:19px}h3{font-size:15px}.summary-strip{display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}.metric{align-content:center;background:#ffffffe0;border:1px solid #dbe2ea;border-radius:8px;box-shadow:0 18px 36px #25364a14;display:grid;gap:7px;min-height:104px;padding:16px}.metric svg{color:#006d77}.metric span{color:#657184;font-size:12px;font-weight:800;text-transform:uppercase}.metric strong{font-size:clamp(18px,2vw,24px);line-height:1.05;overflow-wrap:anywhere}.workspace{display:grid;gap:20px;grid-template-columns:1fr;margin:0 auto;max-width:100%}.workspace.with-form{grid-template-columns:minmax(520px,.9fr) minmax(520px,1.1fr)}.panel,.pay-preview{background:#ffffffeb;border:1px solid #dce3ea;border-radius:8px;box-shadow:0 22px 50px #25364a1a}.form-panel{padding:18px}.side-stack{display:grid;gap:20px;min-width:0}.floating-add-button{align-items:center;background:#ffbe0b;border:0;border-radius:999px;bottom:24px;box-shadow:0 18px 34px #1022353d;color:#102235;cursor:pointer;display:inline-flex;font-size:15px;font-weight:900;gap:0;justify-content:center;height:56px;overflow:hidden;padding:0;position:fixed;right:24px;white-space:nowrap;width:56px;z-index:20;transition:width .18s ease,gap .18s ease,padding .18s ease,background .18s ease}.floating-add-button:hover{background:#f2b000}.floating-add-button span{max-width:0;opacity:0;overflow:hidden;transition:max-width .18s ease,opacity .14s ease}.floating-add-button:hover,.floating-add-button.auto-open{gap:8px;padding:0 20px;width:218px}.floating-add-button:hover span,.floating-add-button.auto-open span{max-width:150px;opacity:1}.panel-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.form-title,.list-title{border-bottom:1px solid #e3e9ef;padding-bottom:14px}.step-chip{background:#e4f5f6;border:1px solid #b7dde0;border-radius:999px;color:#006d77;display:inline-flex;font-size:11px;font-weight:900;margin-bottom:6px;padding:4px 8px}.contract-badge{border-radius:999px;font-size:13px;font-weight:900;padding:8px 12px}.contract-badge.clt{background:#e7f2ff;color:#195b99}.contract-badge.pj{background:#e8f7ef;color:#1c7c48}.section-card{background:#fbfcfd;border:1px solid #e1e8ee;border-radius:8px;margin-bottom:14px;padding:16px}.form-top-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.status-switch-block{align-items:center;display:inline-flex;gap:8px}.status-switch-block>span{color:#526174;font-size:11px;font-weight:900;text-transform:uppercase}.status-switch{align-items:center;background:#edf1f4;border:1px solid #d7e1ea;border-radius:999px;color:#526174;cursor:pointer;display:inline-flex;font-size:12px;font-weight:800;gap:6px;min-height:28px;padding:0 9px 0 4px;width:fit-content}.status-switch span{background:#aeb9c5;border-radius:999px;display:inline-flex;height:18px;width:18px}.status-switch.active{background:#e8f7ef;border-color:#aad9bf;color:#1c7c48}.status-switch.active span{background:#1c7c48}.contract-toggle.compact{margin:0}.whatsapp-line{align-items:end;display:grid;gap:12px;grid-template-columns:1fr auto;margin-bottom:12px}.whatsapp-button{align-items:center;background:#1c7c48;border-radius:8px;color:#fff;display:inline-flex;font-weight:900;justify-content:center;min-height:43px;padding:0 14px;text-decoration:none;white-space:nowrap}.whatsapp-button.disabled{background:#aeb9c5;cursor:not-allowed;pointer-events:none}.section-header{align-items:start;display:grid;gap:12px;grid-template-columns:38px 1fr;margin-bottom:14px}.section-header>span{align-items:center;background:#102235;border-radius:8px;color:#fff;display:inline-flex;height:38px;justify-content:center;width:38px}.section-header p{color:#657184;font-size:13px;line-height:1.35;margin-top:3px}.grid{display:grid;gap:12px;margin-bottom:12px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:6px}.field span{color:#526174;font-size:11px;font-weight:900;letter-spacing:0;text-transform:uppercase}input,select,textarea{background:#fff;border:1px solid #cbd5df;border-radius:7px;color:#17202e;min-height:43px;outline:none;padding:10px 12px;width:100%}.readonly-clock-card{background:#fff;border:1px solid #cbd5df;border-radius:7px;display:grid;gap:4px;min-height:67px;padding:10px 12px}.readonly-clock-card span{color:#526174;font-size:11px;font-weight:900;text-transform:uppercase}.readonly-clock-card strong{font-size:20px}.inline-history-button{align-items:center;background:#e7f6f6;border:1px solid #9fd9dd;border-radius:7px;color:#0f646c;cursor:pointer;display:inline-flex;font-size:12px;font-weight:900;gap:6px;justify-content:center;min-height:30px;padding:6px 10px;width:fit-content}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#006d77;box-shadow:0 0 0 3px #006d7724}.contract-toggle{background:#edf3f5;border:1px solid #dce6eb;border-radius:8px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr);margin:2px 0 14px;padding:5px}.contract-toggle button{background:transparent;border:0;border-radius:6px;color:#526174;cursor:pointer;font-weight:900;min-height:40px}.contract-toggle button.active{background:#fff;color:#006d77;box-shadow:0 6px 16px #25364a21}.primary-button{align-items:center;background:#006d77;border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:900;gap:9px;justify-content:center;min-height:50px;width:100%}.primary-button:hover{background:#075f67}.primary-button:disabled{cursor:wait;opacity:.7}.alert,.success{background:#fff0ea;border:1px solid #ffb69d;border-radius:7px;color:#973c18;margin-bottom:14px;padding:10px 12px}.success{background:#e8f7ef;border-color:#aad9bf;color:#1c7c48}.import-error-hint{align-items:center;background:#fff0ea;border:1px solid #ffb69d;border-radius:999px;color:#973c18;display:inline-flex;font-size:13px;font-weight:900;justify-self:start;min-height:34px;padding:0 12px}.import-modal-backdrop{align-items:center;background:#1022358a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;inset:0;justify-content:center;padding:22px;position:fixed;z-index:90}.import-modal{background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:8px;box-shadow:0 28px 80px #0a182647;display:grid;gap:14px;max-height:calc(100vh - 44px);max-width:820px;overflow:auto;padding:18px;width:min(820px,100%)}.certificate-modal{max-width:1040px;width:min(1040px,100%)}.import-modal-head{align-items:center;border-bottom:1px solid #e3e9ef;display:flex;gap:12px;justify-content:space-between;padding-bottom:14px}.import-modal-head .eyebrow{color:#006d77}.import-modal-head p{color:#657184;font-size:13px;line-height:1.4;margin-top:4px}.modal-close-button{align-items:center;background:#fff;border:1px solid #d7e1ea;border-radius:7px;color:#526174;cursor:pointer;display:inline-flex;flex:0 0 auto;height:36px;justify-content:center;width:36px}.import-modal-actions{display:flex;flex-wrap:wrap;gap:10px}.secondary-action{align-items:center;background:#102235;border:0;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-weight:900;gap:8px;justify-content:center;min-height:42px;overflow:hidden;padding:0 15px;position:relative}.file-picker input{inset:0;opacity:0;position:absolute}.drop-zone{align-items:center;background:#fbfcfd;border:2px dashed #cbd5df;border-radius:8px;color:#526174;display:grid;gap:8px;justify-items:center;min-height:190px;padding:24px;text-align:center;transition:border-color .16s ease,background .16s ease,color .16s ease}.drop-zone.active{background:#f2fbfc;border-color:#006d77;color:#006d77}.drop-zone strong{color:#17202e;font-size:17px}.drop-zone span{max-width:460px}.import-preview-list{display:grid;gap:8px}.import-preview-row{align-items:center;background:#fbfcfd;border:1px solid #e1e8ee;border-radius:7px;display:grid;gap:10px;grid-template-columns:1fr auto;min-height:52px;padding:10px}.import-preview-row strong,.import-preview-row span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-preview-row span{color:#657184;font-size:12px;margin-top:2px}.import-preview-row em{background:#edf1f4;border-radius:999px;color:#102235;font-size:12px;font-style:normal;font-weight:900;padding:4px 8px}.certificate-upload{align-items:center;background:#fbfcfd;border:2px dashed #cbd5df;border-radius:8px;color:#526174;cursor:pointer;display:grid;gap:8px;justify-items:center;min-height:156px;overflow:hidden;padding:22px;position:relative;text-align:center}.certificate-upload input{inset:0;opacity:0;position:absolute}.certificate-upload svg{color:#006d77}.certificate-upload strong{color:#17202e;font-size:17px}.certificate-upload span{max-width:540px}.certificate-grid,.metadata-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-card{background:#fbfcfd;border:1px solid #e1e8ee;border-radius:8px;display:grid;gap:5px;min-width:0;padding:11px}.info-card span{color:#657184;font-size:11px;font-weight:900;text-transform:uppercase}.info-card strong{font-size:13px;overflow-wrap:anywhere}.info-card.ok{background:#e8f7ef;border-color:#aad9bf}.info-card.danger{background:#fff0ea;border-color:#ffb69d}.metadata-panel,.portal-check-panel,.portal-result-panel{border:1px solid #e1e8ee;border-radius:8px;display:grid;gap:12px;padding:12px}.metadata-panel.danger{background:#fff0ea;border-color:#ffb69d}.metadata-panel>div:first-child,.portal-status{display:grid;gap:3px}.metadata-panel span,.portal-status span{color:#657184;font-size:12px}.portal-actions{display:flex;flex-wrap:wrap;gap:10px}.portal-actions .secondary-action{text-decoration:none}.pay-preview{background:#102235;color:#fff;overflow:hidden;padding:16px}.preview-top{align-items:center;border-bottom:1px solid rgba(255,255,255,.16);display:flex;gap:6px;justify-content:space-between;margin-bottom:16px;padding-bottom:14px}.preview-top span{color:#9fd9dd;font-size:12px;font-weight:900;text-transform:uppercase}.preview-top strong{font-size:clamp(24px,3vw,34px);line-height:1;overflow-wrap:anywhere}.preview-grid,.collab-numbers{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.collab-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-item{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;display:grid;gap:5px;min-width:0;padding:12px}.preview-item span{color:#aebfcd;font-size:11px;font-weight:800;text-transform:uppercase}.preview-item strong{color:#fff;overflow-wrap:anywhere}.preview-item.strong{background:#ffbe0b}.preview-item.strong span,.preview-item.strong strong{color:#102235}.list-panel{min-width:0;padding:18px}.list-title svg{color:#006d77}.empty{align-items:center;color:#657184;display:grid;gap:8px;justify-items:center;min-height:220px;padding:24px;text-align:center}.empty strong{color:#17202e}.cards-list{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-height:none;overflow:auto;padding-right:4px}.collab-card{align-items:center;background:#fbfcfd;border:1px solid #e1e8ee;border-radius:8px;display:grid;gap:9px;grid-template-columns:1fr auto;padding:10px}.collab-main,.collab-tags,.collab-numbers{grid-column:1 / -1}.collab-main{align-items:center;display:grid;gap:10px;grid-template-columns:34px 1fr;min-width:0}.collab-main strong,.collab-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collab-main small{color:#657184;margin-top:3px}.avatar{align-items:center;border-radius:8px;display:inline-flex;font-weight:900;height:42px;justify-content:center;width:42px}.collab-card .avatar{height:34px;width:34px}.avatar.clt{background:#e7f2ff;color:#195b99}.avatar.pj{background:#e8f7ef;color:#1c7c48}.collab-tags{display:flex;flex-wrap:wrap;gap:6px}.pill{border-radius:999px;display:inline-flex;font-size:12px;font-weight:900;padding:5px 9px}.pill.clt{background:#e7f2ff;color:#195b99}.pill.pj{background:#e8f7ef;color:#1c7c48}.pill.neutral{background:#edf1f4;color:#526174}.collab-numbers .preview-item{background:#fff;border-color:#e1e8ee;padding:8px}.collab-numbers .preview-item span{color:#657184}.collab-numbers .preview-item strong{color:#17202e;font-size:13px}.collab-actions{display:flex;gap:6px;justify-self:end}.collab-card .icon-button,.edit-collab-button{justify-self:end}.icon-button,.edit-collab-button{align-items:center;background:#fff3ed;border:1px solid #ffd0bf;border-radius:8px;color:#884226;cursor:pointer;display:inline-flex;height:38px;justify-content:center;width:38px}.edit-collab-button{background:#eef9fb;border-color:#b7dde0;color:#006d77}.edit-modal-backdrop{align-items:center;background:#1022358a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;inset:0;justify-content:center;padding:22px;position:fixed;z-index:95}.edit-collab-modal{background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:8px;box-shadow:0 28px 80px #0a182647;max-height:calc(100vh - 44px);max-width:980px;overflow:auto;padding:18px;width:min(980px,100%)}.hours-history-modal{background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:8px;box-shadow:0 28px 80px #0a182647;display:grid;gap:14px;max-width:680px;padding:18px;width:min(680px,100%)}.history-summary-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.history-note{background:#fbfcfd;border:1px solid #e1e8ee;border-radius:8px;display:grid;gap:4px;padding:12px}.history-note span{color:#657184;line-height:1.35}@media(max-width:1180px){.summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace.with-form{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{padding:14px 14px 14px 84px}.brand-block{grid-template-columns:1fr;padding:20px}.summary-strip,.two,.three,.whatsapp-line,.history-summary-grid,.preview-grid,.collab-numbers{grid-template-columns:1fr}.form-top-row{align-items:flex-start;flex-direction:column}.metric{min-height:110px}.collab-card{grid-template-columns:1fr}.icon-button,.edit-collab-button,.collab-actions{width:100%}.floating-add-button{bottom:14px;left:auto;right:14px}.floating-add-button:hover,.floating-add-button.auto-open{left:14px;width:calc(100% - 28px)}.import-modal-backdrop,.edit-modal-backdrop{padding:10px}.import-modal,.edit-collab-modal{max-height:calc(100vh - 20px)}.import-modal-head,.import-modal-actions,.import-preview-row{align-items:stretch;grid-template-columns:1fr}.secondary-action,.whatsapp-button{width:100%}.certificate-grid,.metadata-grid{grid-template-columns:1fr}}