:root{--bg:#f5f7fa;--bg-soft:#f8fafc;--surface:#fffffff0;--surface-strong:#fff;--surface-dark:#0f172a;--text:#243244;--text-strong:#0f172a;--text-soft:#53657a;--line:#0f172a14;--line-strong:#0f172a29;--accent:#f59e0b;--accent-strong:#d97706;--accent-soft:#f59e0b1f;--success:#15803d;--danger:#dc2626;--shadow:0 16px 38px #0f172a14;--shadow-soft:0 8px 24px #0f172a0a;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--max-width:1680px;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100vh;color:var(--text);background:var(--bg);margin:0}a{color:inherit}button,input,select,textarea{font:inherit}#root{min-height:100vh}.app-shell{width:100%;min-height:100vh;margin:0;padding:0}.app-shell--login{width:100vw;min-height:100vh;padding:0;overflow:hidden}@media (width<=768px){.app-shell{padding:12px}}.app-shell--login .app-main{justify-self:stretch;width:100vw;min-height:100vh}.app-main{align-content:start;justify-self:center;gap:10px;min-height:100vh;padding:12px 28px 24px;display:grid}.app-shell--auth{background:#f5f6f8;align-items:stretch;display:flex}.app-shell--auth .navbar{flex:0 0 248px;width:248px;min-width:248px;max-height:100vh;margin-bottom:0;position:sticky;top:0;overflow:auto}.app-shell--auth .app-main{flex:1;width:100%;min-width:0;max-width:none;min-height:100vh}.app-loading{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);width:min(100%,520px);box-shadow:var(--shadow-soft);text-align:center;color:var(--text-strong);margin:120px auto;padding:28px 32px}.page-shell{align-content:start;gap:14px;width:100%;max-width:none;margin:0;display:grid}.page-header{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface-strong);color:var(--text);box-shadow:var(--shadow-soft);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:14px;padding:14px 18px;display:flex}.page-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-strong);align-items:center;gap:8px;font-size:12px;display:inline-flex}.page-header h1,.page-header h2{color:var(--text-strong);margin:4px 0 6px;font-size:28px;line-height:1.12}.page-header p{max-width:720px;color:var(--text-soft);margin:0}.header-badge,.status-badge{background:var(--accent-soft);color:var(--accent-strong);border:1px solid #f59e0b3d;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-weight:600;display:inline-flex}.status-badge{color:var(--text-strong);background:var(--accent-soft);border-color:#d6891038}.status-badge--success{color:var(--success);background:#2d7a461f;border-color:#2d7a4633}.status-badge--danger{color:var(--danger);background:#bb3f2f1a;border-color:#bb3f2f33}.status-badge--neutral{color:var(--text-soft);background:#15202b0f;border-color:#15202b1f}.content-grid{gap:16px;display:grid}.content-grid--two{grid-template-columns:1.15fr .85fr}.project-admin-page{position:relative}.project-admin-hero{align-items:center}.project-admin-hero__meta{text-align:right;gap:4px;min-width:180px;display:grid}.project-admin-hero__meta span{color:var(--text-soft);font-size:12px;font-weight:600}.project-admin-hero__meta strong{color:var(--text-strong);font-size:22px}.project-admin-stats{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:116px;gap:12px;display:grid}.project-admin-layout{grid-template-columns:minmax(900px,1fr) 340px;align-items:start;gap:16px;display:grid}.project-action-panel{gap:14px;display:grid;position:sticky;top:24px}.employee-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.employees-page{gap:12px}.employees-page>.page-header,.employees-page>.employee-directory-shell,.employees-page>.employee-card-shell{justify-self:stretch;width:100%}.employees-page>.content-grid,.employees-page>.employee-anchor-panel,.employees-page>.employee-plan-grid{justify-self:center;width:min(100%,1320px)}.employees-plan-overview{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.employee-directory-shell,.employee-card-shell{justify-self:stretch;gap:14px;width:100%;display:grid}.employee-directory-card,.employee-profile-card{background:var(--surface-strong);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:18px}.employee-directory-card{overflow:hidden}.employee-directory-card__header{justify-content:space-between;align-items:start;gap:16px;padding:22px 24px 16px;display:flex}.employee-directory-card__header h2,.employee-profile-card h2{color:var(--text-strong);margin:0;font-size:26px;line-height:1.15}.employee-directory-card__header p,.employee-profile-card p{color:var(--text-soft);margin:6px 0 0}.employee-directory-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.employee-tabs{align-items:center;gap:8px;display:inline-flex}.employee-tab{border:1px solid var(--line-strong);min-height:36px;color:var(--text-strong);cursor:pointer;background:#fff;border-radius:10px;padding:0 14px;font-weight:600}.employee-tab--active{color:#fff;background:#2563eb;border-color:#2563eb47}.employee-directory-tools{align-items:center;gap:10px;display:flex}.employee-search{border:1px solid var(--line-strong);width:min(32vw,320px);min-height:38px;color:var(--text-soft);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.employee-search input{width:100%;color:var(--text-strong);background:0 0;border:0;outline:0}.employee-directory-table-wrap,.employee-card-table__wrap{overflow-x:auto}.employee-directory-table{border-collapse:collapse;min-width:980px}.employee-directory-table th,.employee-directory-table td{padding:14px 16px}.employee-directory-table tbody tr{cursor:pointer;transition:background .16s}.employee-directory-table tbody tr:hover{background:#0f172a06}.employee-member-cell,.employee-contact-cell,.employee-profile-card__main{align-items:center;gap:12px;display:flex}.employee-member-cell strong,.employee-contact-cell strong{color:var(--text-strong);font-weight:700;display:block}.employee-member-cell span,.employee-contact-cell span{color:var(--text-soft);margin-top:2px;font-size:13px;display:block}.employee-avatar{width:38px;min-width:38px;height:38px;color:var(--text-strong);background:linear-gradient(135deg,#2563eb24,#f59e0b2e);border-radius:999px;place-items:center;font-size:13px;font-weight:800;display:grid}.employee-avatar--large{width:58px;min-width:58px;height:58px;font-size:18px}.employee-directory-footer,.employee-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.employee-directory-footer{color:var(--text-soft);padding:14px 18px}.employee-profile-card{justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex}.employee-profile-card__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.employee-create-modal{width:min(100%,680px)}.employee-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.employee-kpi-grid .metric-card{min-height:118px}.employee-finance-confirmed-badge{border-radius:8px;width:fit-content;margin-top:10px;padding:6px 10px;font-size:12px;line-height:1.2}.employee-card-grid{grid-template-columns:minmax(360px,430px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.employee-card-side{align-content:start;gap:14px;display:grid}.employee-profile-editor,.employee-finance-editor{align-content:start;gap:12px;padding:16px;display:grid}.employee-profile-editor .field,.employee-finance-editor .field{border-radius:10px;height:38px;min-height:38px;padding:7px 11px}.employee-toggle{border:1px solid var(--line-strong);min-height:38px;color:var(--text-strong);background:#fff;border-radius:10px;align-self:end;align-items:center;gap:9px;padding:0 11px;font-size:13px;font-weight:700;display:flex}.employee-toggle input{width:16px;height:16px;accent-color:var(--accent)}.employee-finance-editor__summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.employee-finance-editor__summary--split{margin-top:-4px}.employee-finance-editor__summary>div{border:1px solid var(--line);background:#0f172a09;border-radius:10px;gap:4px;padding:10px 12px;display:grid}.employee-finance-editor__summary span{color:var(--text-soft);font-size:12px}.employee-finance-editor__summary strong{color:var(--text-strong)}.employee-finance-editor__deductions{gap:8px;display:grid}.employee-finance-editor__row-title{color:var(--text-strong);justify-content:space-between;align-items:center;gap:10px;font-weight:700;display:flex}.employee-finance-editor__deduction{grid-template-columns:minmax(0,1fr) 86px 132px 34px;align-items:center;gap:6px;display:grid}.employee-card-table{padding:0}.employee-card-table .table-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;margin-bottom:0;padding:14px 16px}.employee-card-table table{min-width:760px}.employee-card-table th,.employee-card-table td{padding:11px 14px}.employee-month-field{width:150px;height:36px;min-height:36px;padding:6px 10px}.employee-plan-card{gap:14px;display:grid}.employee-plan-anchor{scroll-margin-top:28px}.employee-plan-card__header{justify-content:space-between;align-items:start;gap:12px;display:flex}.employee-plan-card .section-title{margin-bottom:0}.employee-plan-list{color:var(--text-strong);gap:10px;margin:0;padding-left:0;list-style:none;display:grid}.employee-plan-item{background:#ffffff9e;border:1px solid #15202b14;border-radius:14px;justify-content:space-between;align-items:start;gap:14px;padding:12px 14px;display:flex}.employee-plan-note{color:var(--text-strong);background:#d6891014;border:1px solid #d6891029;border-radius:16px;padding:14px 16px}.employee-intro-card{align-content:start}.employee-anchor-panel{gap:18px;display:grid}.employee-anchor-panel__header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:14px;display:flex}.employee-status-summary{flex-wrap:wrap;gap:10px;display:flex}.employee-anchor-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.employee-anchor-link{min-height:56px;color:var(--text-strong);border:1px solid var(--line);background:#ffffffb8;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:flex}.employee-anchor-link:hover{background:#d6891014;border-color:#d6891047;transform:translateY(-1px)}.employee-anchor-link__meta{min-width:28px;min-height:28px;color:var(--text-soft);background:#15202b14;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:700;display:inline-flex}.employee-topic-tags{flex-wrap:wrap;gap:10px;display:flex}.employee-topic-tag{border:1px solid var(--line);min-height:36px;color:var(--text-strong);background:#15202b0f;border-radius:999px;align-items:center;padding:0 12px;font-weight:600;display:inline-flex}.employee-docs-layout,.employee-docs-section{gap:18px;display:grid}.employee-docs-section__header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:14px;display:flex}.employee-docs-items{gap:10px;display:grid}.employee-docs-item{border:1px solid var(--line);background:#ffffff94;border-radius:16px;justify-content:space-between;align-items:start;gap:14px;padding:14px 16px;display:flex}.employee-docs-item__title{color:var(--text-strong);font-weight:600}.help-article{gap:20px;display:grid}.help-article h3{color:var(--text-strong);margin:0;font-size:20px}.help-article p{margin:0}.help-article ul{gap:8px;margin:0;padding-left:20px;display:grid}.help-article-block{gap:12px;display:grid}.help-article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.help-article-subcard{border:1px solid var(--line);background:#ffffff94;border-radius:16px;gap:12px;padding:16px;display:grid}.help-article-note{background:#d6891014;border:1px solid #d6891029;border-radius:12px;padding:10px 12px}.help-article-figures{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.help-article-figures--two{grid-template-columns:repeat(2,minmax(0,1fr))}.help-figure-placeholder{text-align:center;min-height:120px;color:var(--text-soft);background:linear-gradient(#ffffffad,#fbf9f4b8),repeating-linear-gradient(-45deg,#d6891014 0 8px,#0000 8px 16px);border:1px dashed #15202b3d;border-radius:14px;place-items:center;padding:10px;font-size:14px;font-weight:600;display:grid}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.card,.metric-card,.form-card,.table-card,.info-card{border-radius:var(--radius-lg);background:var(--surface-strong);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.metric-card,.form-card,.table-card,.info-card{content-visibility:auto;contain-intrinsic-size:1px 360px}.card,.form-card,.table-card,.info-card{padding:20px}.metric-card{padding:18px 20px}.project-stat-card{min-height:0;transition:border-color .18s,box-shadow .18s,transform .18s}.project-stat-card:hover{box-shadow:var(--shadow);border-color:#f59e0b3d;transform:translateY(-1px)}.metric-label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:13px;display:block}.metric-value{color:var(--text-strong);font-size:30px;font-weight:700}.metric-caption{color:var(--text-soft);margin-top:8px;font-size:14px}.section-title{color:var(--text-strong);margin:0 0 10px;font-size:22px;line-height:1.2}.section-subtitle{color:var(--text-soft);margin:-4px 0 14px}.detail-list{gap:14px;display:grid}.detail-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding-bottom:14px;display:flex}.detail-row:last-child{border-bottom:0;padding-bottom:0}.detail-label{color:var(--text-soft)}.detail-value{color:var(--text-strong);text-align:right;font-weight:600}.employee-finance-check{border-radius:12px;justify-content:flex-start;align-self:end;min-height:42px}.employee-finance-deductions{gap:10px;display:grid}.employee-finance-deductions__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.employee-finance-deductions__header h3{color:var(--text-strong);margin:0;font-size:16px}.employee-finance-deduction-row{grid-template-columns:minmax(180px,1fr) minmax(110px,.45fr) minmax(150px,.55fr) 42px;align-items:center;gap:8px;display:grid}.employee-finance-icon-button{width:42px;min-width:42px;padding:0}.employee-work-section{justify-self:center;gap:12px;width:min(100%,1320px);scroll-margin-top:28px;display:grid}.employee-work-section .page-header{padding:12px 16px}.employee-work-section .page-header h1{font-size:24px}.employee-finance-layout{grid-template-columns:minmax(420px,.95fr) minmax(300px,.55fr);align-items:start;gap:14px;display:grid}.employee-worktime-layout{grid-template-columns:minmax(300px,360px) minmax(0,1fr);align-items:flex-start;gap:14px;display:grid}.employee-worktime-layout .form-card,.employee-finance-layout .form-card,.employee-finance-layout .info-card{padding:16px}.employee-worktime-form{align-content:start;align-self:start;gap:12px;position:sticky;top:12px}.employee-worktime-form .field-grid{align-content:start}.employee-worktime-form .field-label{align-content:start;gap:6px}.employee-worktime-form .field,.employee-worktime-form .select-input{border-radius:10px;height:38px;min-height:38px;padding:7px 11px}.employee-worktime-form .section-title{margin-bottom:6px;font-size:18px}.employee-worktime-form .section-subtitle{margin-bottom:8px}.employee-worktime-table{border-radius:12px}.employee-worktime-table table{min-width:860px}.employee-worktime-table th,.employee-worktime-table td{padding:10px 12px}.employee-worktime-table th{font-size:11px}.employee-worktime-table .status-badge{padding:5px 8px;font-size:12px}.employee-row-actions{white-space:nowrap;align-items:center;gap:6px;display:flex}.employee-directory-table th:last-child,.employee-directory-table td:last-child{width:min(38vw,620px);min-width:420px}.employee-row-actions--split{justify-content:space-between;gap:28px;width:100%}.employee-row-actions__main,.employee-row-actions__documents{align-items:center;gap:6px;display:inline-flex}.employee-row-actions__documents{margin-left:auto}.employee-upload-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-strong);box-shadow:var(--shadow-soft);gap:10px;padding:14px 16px;display:grid}.employee-upload-panel__header,.employee-upload-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.employee-upload-panel__header strong{color:var(--text-strong)}.employee-upload-panel__header span{color:var(--accent-strong);font-weight:800}.employee-upload-progress{background:#0f172a14;border-radius:999px;height:8px;overflow:hidden}.employee-upload-progress span{border-radius:inherit;background:#2563eb;height:100%;transition:width .18s;display:block}.employee-upload-list{gap:6px;display:grid}.pending-upload-actions{flex-wrap:wrap;gap:8px;display:flex}.pending-upload-panel--active{background:#f8fbff;border-color:#2563eb73}.pending-upload-progress{gap:6px;display:grid}.pending-upload-progress small{color:var(--text-soft);font-weight:700}.employee-upload-item{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:36px;padding:7px 10px}.employee-upload-item span{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:650;overflow:hidden}.employee-upload-item small{color:var(--text-soft)}.employee-upload-status{font-size:12px}.employee-upload-status--done{color:var(--success)}.employee-upload-status--error{color:var(--danger)}.employee-upload-status--uploading,.employee-upload-status--queued{color:#2563eb}.upload-split-menu{position:relative}.upload-split-menu__panel{z-index:20;border:1px solid var(--line);background:#fff;border-radius:12px;gap:4px;min-width:170px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 36px #0f172a29}.upload-split-menu__panel button{width:100%;min-height:38px;color:var(--text-strong);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:0 10px;font-weight:750;display:flex}.upload-split-menu__panel button:hover{background:#f1f5f9}.document-preview-modal{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-rows:auto minmax(0,1fr);width:min(98vw,1440px);height:min(96vh,1080px);display:grid;overflow:hidden;box-shadow:0 24px 70px #0f172a33}.document-preview-modal__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.document-preview-modal__header h2,.document-preview-modal__header p{margin:0}.document-preview-modal__header h2{max-width:min(72vw,860px);color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.25;overflow:hidden}.document-preview-modal__actions{align-items:center;gap:8px;display:inline-flex}.document-preview-modal__header p{color:var(--text-soft);margin-top:2px}.document-preview-modal__body{background:#e5e7eb;place-items:center;min-height:0;padding:12px;display:grid;overflow:auto}.document-preview-modal__body img{object-fit:contain;max-width:100%;max-height:100%}.document-preview-modal__body iframe{background:#fff;border:0;width:100%;height:100%;min-height:min(88vh,980px);box-shadow:0 8px 22px #0f172a1f}.document-preview-empty{color:var(--text-soft);text-align:center;justify-items:center;gap:8px;padding:28px;display:grid}.document-preview-empty strong{color:var(--text-strong)}.file-breadcrumbs{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.file-breadcrumbs button{min-height:28px;color:var(--accent-strong);cursor:pointer;background:0 0;border:0;padding:0 4px;font-weight:700}.file-breadcrumbs button:hover{color:var(--text-strong);text-decoration:underline}.field-grid{gap:14px;display:grid}.field-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.field,.search-input,.select-input,.textarea{border:1px solid var(--line);width:100%;min-height:42px;color:var(--text-strong);background:#fff;border-radius:12px;outline:none;padding:10px 13px;transition:border-color .18s,box-shadow .18s}.field-label{color:var(--text-strong);gap:8px;font-size:13px;font-weight:700;display:grid}.readonly-row{grid-template-columns:minmax(0,1fr) 42px;gap:8px;display:grid}.field:focus,.search-input:focus,.select-input:focus,.textarea:focus{border-color:#d977068f;box-shadow:0 0 0 4px #f59e0b1f}.button-row{flex-wrap:wrap;gap:10px;display:flex}.button-primary,.button-secondary,.button-danger,.button-ghost,.icon-button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button-primary{background:linear-gradient(135deg, #fbbf24, var(--accent));color:#111827;box-shadow:0 10px 24px #f59e0b3d}.button-secondary{color:var(--text-strong);border-color:var(--line-strong);background:#fff}.button-danger{color:var(--danger);background:#dc262614;border-color:#dc26262e}.button-ghost{color:var(--text-soft);border-color:var(--line);background:0 0}.icon-button{width:34px;min-width:34px;min-height:34px;color:var(--text-strong);border-color:var(--line-strong);box-shadow:none;background:#fff;border-radius:10px;padding:0}.icon-button--success{color:var(--success);background:#15803d14;border-color:#15803d2e}.icon-button--danger{color:var(--danger);background:#dc262614;border-color:#dc26262e}.button-primary:hover,.button-secondary:hover,.button-danger:hover,.button-ghost:hover,.icon-button:hover{transform:translateY(-1px)}.button-primary:disabled,.button-secondary:disabled,.button-danger:disabled,.button-ghost:disabled,.icon-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.message-error,.message-success{border-radius:12px;padding:12px 14px;font-weight:500}.message-error{color:var(--danger);background:#bb3f2f14;border:1px solid #bb3f2f2e}.message-success{color:var(--success);background:#2d7a4617;border:1px solid #2d7a4629}.login-page{background:linear-gradient(90deg,#0a1220f5 0%,#141b2bd1 48%,#f8fafc47 100%),linear-gradient(135deg,#111827 0%,#263241 42%,#7a5d26 100%);justify-content:flex-end;align-items:center;width:100%;min-height:100dvh;padding:64px max(64px,18vw) 64px 64px;display:flex;position:relative;overflow:hidden}.login-hero{color:#f8fafc;background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:flex-start;align-items:center;padding:88px 88px 88px clamp(280px,28vw,520px);display:flex;position:absolute;inset:0;overflow:hidden}.login-hero:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 0 38%,#f59e0b2e 38% 39%,#0000 39% 100%),linear-gradient(155deg,#0000 0 55%,#ffffff1a 55% 55.4%,#0000 55.4% 100%);position:absolute;inset:0}.login-hero__content{z-index:1;gap:24px;width:min(100%,720px);padding-bottom:52px;display:grid;position:relative}.login-title{color:#fff;letter-spacing:0;text-shadow:0 22px 58px #00000052;margin:0;font-size:78px;line-height:.98}.brand-mark{letter-spacing:.16em;text-transform:uppercase;color:#f8fafcb8;align-items:center;gap:10px;font-size:12px;display:inline-flex}.brand-mark:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);width:42px;height:2px}.login-copy{color:#f8fafcd1;max-width:640px;margin:0;font-size:18px;line-height:1.55}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.hero-metric{background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;padding:18px}.hero-metric strong{margin-bottom:6px;font-size:28px;display:block}.hero-points{color:#f8fafce0;gap:12px;display:grid}.hero-point{align-items:center;gap:10px;display:flex}.hero-point:before{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 6px #f59e0b24}.login-form-panel{z-index:2;background:0 0;justify-content:center;align-items:center;width:min(100%,470px);padding:0;display:flex;position:relative}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #ffffff8f;border-radius:8px;align-content:start;gap:14px;width:100%;max-width:430px;padding:34px;display:grid;box-shadow:0 28px 80px #080f1c5c}.login-form-brand{align-items:center;gap:12px;margin-bottom:18px;display:flex}.login-form-logo{color:#f8fafc;background:#111827;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:inline-flex}.login-form-brand strong,.login-form-brand small{line-height:1.15;display:block}.login-form-brand strong{color:var(--text-strong);font-size:16px}.login-form-brand small{color:var(--text-soft);margin-top:3px;font-size:12px}.login-form-heading{margin-bottom:10px}.login-card h2{color:var(--text-strong);margin:0;font-size:28px;line-height:1.15}.login-form-heading p{color:var(--text-soft);margin:8px 0 0;font-size:14px}.login-label{color:var(--text-strong);margin-top:4px;font-size:13px;font-weight:700}.form-label{color:var(--text-soft);font-size:12px;font-weight:700}.login-card .field{border-radius:8px;min-height:46px;padding:0 14px;font-size:15px}.login-button{width:100%;min-height:44px;margin-top:6px;font-weight:700}.login-footer-note{color:#f8fafcb8;text-align:center;font-size:12px;position:absolute;bottom:-34px;left:0;right:0}.table-card{overflow:hidden}.table-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.table-wrap{border:1px solid var(--line);border-radius:18px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:900px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:14px 16px}th{color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em;background:#15202b0a;font-size:12px}tr:last-child td{border-bottom:0}.inline-stack{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.project-browser{align-content:start;gap:16px;display:grid}.project-age-card{align-content:start;gap:18px;display:grid}.project-age-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.project-age-stats div{border:1px solid var(--line);background:#0f172a08;border-radius:12px;gap:4px;min-height:82px;padding:12px;display:grid}.project-age-stats span,.project-age-meter__labels,.project-age-note{color:var(--text-soft);font-size:12px;font-weight:600}.project-age-stats strong{color:var(--text-strong);overflow-wrap:anywhere;font-size:24px;line-height:1.1}.project-age-meter{gap:8px;display:grid}.project-age-meter__track{background:#0f172a14;border-radius:999px;height:14px;overflow:hidden}.project-age-meter__track span{border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#22c55e);min-width:6px;height:100%;display:block}.project-age-meter__labels{justify-content:space-between;gap:10px;display:flex}.project-browser__header,.project-section-header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:14px;display:flex}.project-list,.project-member-list{gap:10px;display:grid}.project-member-controls{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin:16px 0;display:flex}.project-list-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.invoice-navigation{justify-content:flex-start;margin:14px 0;display:flex}.invoice-employee-link{min-height:32px;color:var(--text-strong);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-weight:800;display:inline-flex}.invoice-employee-link:hover{color:var(--accent);text-decoration:underline}.project-member-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.project-list-item,.project-member-row{border:1px solid var(--line);width:100%;min-height:58px;color:var(--text-strong);text-align:left;background:#ffffffa8;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.project-list-item{cursor:pointer}.project-list-main{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;gap:4px;padding:0;display:grid}.project-list-main span,.project-list-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-list-delete{flex:none}.project-list-item small,.muted{color:var(--text-soft)}.project-list-item--active{background:#d689101a;border-color:#d6891070}.project-file-search{width:min(100%,280px)}.project-table-card{padding:0}.project-table-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:14px;padding:14px 18px;display:flex}.project-table-controls{align-items:center;gap:10px;display:flex}.project-search{background:#f8fafc;align-items:center;gap:10px;width:min(36vw,520px);min-width:340px;min-height:42px;padding:0 12px;display:flex}.project-search input{width:100%;color:var(--text-strong);background:0 0;border:0;outline:0}.project-status-filter{background:#fff;width:170px;min-height:42px;padding:0 12px}.project-table-wrap{border:0;border-radius:0;min-height:430px;max-height:calc(100vh - 370px)}.project-data-table{min-width:1180px}.project-data-table th,.project-data-table td{padding:12px 14px}.project-data-table th{z-index:1;background:#f8fafc;position:sticky;top:0}.project-data-table td{color:var(--text)}.project-row{cursor:pointer;transition:background .18s,box-shadow .18s}.project-row:hover{background:#fffbeb}.project-row--selected{background:#f59e0b14;box-shadow:inset 3px 0 #f59e0b}.table-sort-button{width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;text-transform:inherit;letter-spacing:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:0;display:inline-flex}.sort-icon{transition:transform .18s}.sort-icon--desc{transform:rotate(180deg)}.table-field{border-radius:10px;min-width:150px;padding:9px 10px}.truncate-cell{text-overflow:ellipsis;white-space:nowrap;vertical-align:top;max-width:390px;display:inline-block;overflow:hidden}.status-pill{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;gap:8px;min-height:28px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.status-pill i{background:#94a3b8;border-radius:999px;width:7px;height:7px}.status-pill--active{color:#166534;background:#dcfce7}.status-pill--active i{background:#16a34a}.icon-action-row{align-items:center;gap:6px;display:inline-flex}.icon-button{border:1px solid var(--line);color:#475569;cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .18s,background .18s,border-color .18s,color .18s;display:inline-flex}.icon-button:hover{color:#92400e;background:#fffbeb;border-color:#d977063d;transform:translateY(-1px)}.icon-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.icon-button--danger:hover{color:var(--danger);background:#fef2f2;border-color:#dc262638}.button-compact{border-radius:10px;min-height:38px;padding:0 12px}.pagination-bar{border-top:1px solid var(--line);min-height:50px;color:var(--text-soft);justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;font-size:13px;font-weight:600;display:flex}.pagination-actions{align-items:center;gap:10px;display:inline-flex}.project-create-card{gap:12px;display:grid}.project-create-card .page-eyebrow{color:var(--accent-strong)}.toggle-row{border:1px solid var(--line);background:#f8fafc;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{color:var(--text-strong)}.toggle-row small{color:var(--text-soft);margin-top:2px}.switch{align-items:center;width:46px;height:26px;display:inline-flex;position:relative}.switch input{opacity:0;pointer-events:none;position:absolute}.switch span{cursor:pointer;background:#cbd5e1;border-radius:999px;width:46px;height:26px;transition:background .18s}.switch span:before{content:"";background:#fff;border-radius:999px;width:20px;height:20px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0f172a33}.switch input:checked+span{background:#16a34a}.switch input:checked+span:before{transform:translate(20px)}.project-details-card .detail-value{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.project-skeleton{background:var(--line);gap:1px;padding:0;display:grid}.project-skeleton span{background:linear-gradient(90deg,#f8fafc 0%,#eef2f7 45%,#f8fafc 90%) 0 0/240% 100%;height:62px;animation:1.4s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:120% 0}to{background-position:-120% 0}}.project-empty-state{text-align:center;align-content:center;place-items:center;gap:12px;min-height:360px;padding:40px 20px;display:grid}.project-empty-state__mark{color:#b45309;background:#fffbeb;border:1px solid #f59e0b3d;border-radius:18px;justify-content:center;align-items:center;width:74px;height:74px;display:inline-flex}.project-empty-state h3,.project-empty-state p{margin:0}.project-empty-state h3{color:var(--text-strong)}.toast{z-index:30;border:1px solid var(--line);max-width:min(420px,100vw - 32px);box-shadow:var(--shadow);color:var(--text-strong);background:#fff;border-radius:14px;align-items:center;gap:14px;padding:12px 14px;font-weight:700;animation:.18s toast-in;display:inline-flex;position:fixed;top:22px;right:22px}.toast--success{border-color:#16a34a38}.toast--error{border-color:#dc262638}.toast button{width:28px;height:28px;color:var(--text-soft);cursor:pointer;background:#f8fafc;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a6b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.confirm-modal{border:1px solid var(--line);background:#fff;border-radius:16px;gap:14px;width:min(100%,460px);padding:24px;display:grid;position:relative;box-shadow:0 24px 70px #0f172a2e}.confirm-modal__icon{width:44px;height:44px;color:var(--danger);background:#fef2f2;border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.confirm-modal__icon--success{color:#047857;background:#ecfdf5}.modal-close-button{border:1px solid var(--line);width:32px;height:32px;color:var(--text-soft);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:14px;right:14px}.modal-close-button:disabled{cursor:not-allowed;opacity:.55}.confirm-modal h2,.confirm-modal p{margin:0}.confirm-modal h2{color:var(--text-strong)}.project-member-modal{width:min(100%,620px)}.project-member-picker{gap:8px;max-height:min(58vh,460px);padding:4px;display:grid;overflow:auto}.project-member-picker__row{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.project-member-picker__row input{width:18px;height:18px}.project-member-picker__row span{gap:2px;min-width:0;display:grid}.project-member-picker__row strong,.project-member-picker__row small{overflow-wrap:anywhere}.project-member-picker__row small{color:var(--text-soft)}.card-primary{background:linear-gradient(135deg,#fff 0%,#fff7ed 100%),#fff;border:1px solid #0f172a24;box-shadow:0 16px 36px #0f172a14}.card-secondary{border-color:#0f172a1a;box-shadow:0 8px 20px #0f172a09}.card-tertiary{box-shadow:none;background:#fff;border-color:#0f172a12}.dashboard-page{gap:10px}.dashboard-hero{border-radius:14px;justify-content:space-between;align-items:center;gap:16px;min-height:88px;padding:12px 16px;display:flex}.dashboard-hero h1{color:var(--text-strong);margin:2px 0 4px;font-size:30px;line-height:1.08}.dashboard-hero p{max-width:920px;color:var(--text);margin:0;font-size:15px}.dashboard-hero__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.dashboard-kpi-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:132px;gap:12px;display:grid}.dashboard-kpi{grid-column:span 3;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.dashboard-kpi:hover,.dashboard-module-card:hover{box-shadow:var(--shadow);border-color:#f59e0b47;transform:translateY(-2px)}.dashboard-kpi:after{content:"";background:#cbd5e1;border-radius:999px;width:42px;height:4px;position:absolute;inset:auto 16px 14px auto}.dashboard-kpi--primary:after{background:var(--accent)}.dashboard-kpi--info:after{background:#2563eb}.dashboard-kpi--success:after{background:#16a34a}.dashboard-work-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.dashboard-module-card,.dashboard-session-card,.dashboard-health-card{min-height:178px}.dashboard-module-card{grid-column:span 4}.dashboard-session-card,.dashboard-health-card{grid-column:span 2}.dashboard-module-card{align-content:start;gap:12px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.dashboard-module-card__icon{border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.dashboard-module-card__icon--orange{color:#b45309;background:#fffbeb}.dashboard-module-card__icon--blue{color:#1d4ed8;background:#eff6ff}.module-link{width:fit-content;color:var(--accent-strong);align-items:center;gap:6px;margin-top:auto;font-weight:700;text-decoration:none;display:inline-flex}.compact-detail-list,.dashboard-health-list{gap:10px;display:grid}.compact-detail-list div{border-bottom:1px solid var(--line);gap:2px;padding-bottom:10px;display:grid}.compact-detail-list div:last-child{border-bottom:0}.compact-detail-list span{color:var(--text-soft);text-transform:uppercase;font-size:12px;font-weight:700}.compact-detail-list strong{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-health-list span{color:var(--text);align-items:center;gap:8px;font-weight:650;display:inline-flex}.dashboard-health-list svg{color:#16a34a}.admin-layout{gap:24px;display:grid}.muted{color:var(--text-soft)}.wide-select{min-width:220px}@media (width<=1080px){.app-shell--auth{gap:0;display:block}.app-shell--auth .navbar{width:100%;min-width:0;max-height:none;position:static}.app-shell--auth .app-main{min-height:auto;padding:12px}.project-admin-layout{grid-template-columns:1fr}.dashboard-kpi-grid,.dashboard-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-kpi,.dashboard-module-card,.dashboard-session-card,.dashboard-health-card{grid-column:auto}.project-action-panel{position:static}.content-grid--two,.employee-plan-grid,.employee-anchor-nav,.employee-card-grid,.employee-kpi-grid,.employee-finance-layout,.employee-worktime-layout,.help-article-grid,.help-article-figures,.project-age-stats,.help-article-figures--two,.stats-grid,.project-admin-stats,.hero-metrics,.field-grid--two,.employee-finance-editor__summary,.employee-finance-deduction-row{grid-template-columns:1fr}.employee-directory-card__header,.employee-directory-toolbar,.employee-directory-tools,.employee-profile-card,.employee-card-header{flex-direction:column;align-items:stretch}.employee-tabs{flex-wrap:wrap}.employee-search{width:100%}.employee-finance-editor__deduction{grid-template-columns:1fr}.employee-finance-icon-button,.employee-finance-editor__deduction .icon-button{width:100%}}@media (width<=720px){.app-shell{padding:12px}.app-shell--login{padding:0}.login-page{justify-content:center;align-items:stretch;width:100%;min-height:100dvh;padding:28px 20px 64px}.login-hero{background-size:48px 48px;align-items:flex-start;padding:28px 20px;display:flex}.login-hero__content{gap:12px;padding-bottom:0}.login-title{font-size:42px;line-height:1.02}.login-copy{max-width:330px;font-size:14px;line-height:1.45}.login-form-panel{align-items:flex-start;width:100%;min-height:100dvh;padding:190px 0 0}.login-card{width:min(100%,420px);padding:24px}.page-header,.card,.metric-card,.form-card,.table-card,.info-card,.login-card{padding:18px}.login-card{padding:24px}.login-footer-note{bottom:-36px;left:0;right:0}th,td{padding:12px}.project-admin-hero__meta{text-align:left;width:100%}.dashboard-hero,.dashboard-hero__actions{flex-direction:column;align-items:stretch}.dashboard-kpi-grid,.dashboard-work-grid{grid-template-columns:1fr;grid-auto-rows:auto}.project-table-toolbar,.project-table-controls,.project-member-actions,.pagination-bar{flex-direction:column;align-items:stretch}.project-member-controls{grid-template-columns:1fr}.project-search,.project-status-filter{width:100%}.project-table-wrap{max-height:none;overflow:visible}.project-data-table{min-width:0}.project-data-table thead{display:none}.project-data-table,.project-data-table tbody,.project-data-table tr,.project-data-table td{width:100%;display:block}.project-data-table tbody{gap:12px;padding:12px;display:grid}.project-data-table tr{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.project-data-table td{border-bottom:1px solid var(--line);grid-template-columns:118px minmax(0,1fr);gap:12px;display:grid}.project-data-table td:before{content:attr(data-label);color:var(--text-soft);text-transform:uppercase;font-size:12px;font-weight:700}.project-data-table td:last-child{border-bottom:0}.truncate-cell{white-space:normal;word-break:break-word;max-width:100%}.toast{max-width:none;top:12px;left:12px;right:12px}}.navbar{color:#e2e8f0;background:#111827;border:1px solid #0f172a14;border-radius:0;flex-direction:column;gap:12px;min-height:100vh;padding:12px;display:flex;box-shadow:0 12px 28px #0f172a1f}.navbar__brand{border-bottom:1px solid #e2e8f01a;align-items:center;gap:8px;padding:2px 2px 8px;display:flex}.navbar__brand-mark{color:#111827;background:#f59e0b;border-radius:12px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;box-shadow:0 10px 22px #f59e0b38}.navbar__brand strong,.navbar__brand small{line-height:1.15;display:block}.navbar__brand strong{color:#fff;font-size:14px}.navbar__brand small{color:#94a3b8;margin-top:3px;font-size:11px}.navbar__profile{align-items:center;gap:8px;display:flex}.navbar__avatar{color:#f8fafc;background:#1e293b;border-radius:999px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:inline-flex}.navbar__search{color:#f8fafc;background:#ffffff0f;border:1px solid #e2e8f01a;border-radius:12px;outline:none;width:100%;min-width:0;min-height:36px;padding:0 10px;transition:border-color .18s,background .18s,box-shadow .18s}.navbar__search::placeholder{color:#64748b}.navbar__search:focus{background:#ffffff14;border-color:#f59e0b9e;box-shadow:0 0 0 4px #f59e0b1f}.navbar__links{flex-direction:column;flex:1;gap:14px;display:flex}.navbar__group{border-top:1px solid #e2e8f014;gap:8px;padding-top:2px;display:grid}.navbar__group:first-child{border-top:0;padding-top:0}.navbar__group-title{color:#64748b;letter-spacing:.08em;text-transform:uppercase;padding:0 12px;font-size:11px;font-weight:700}.navbar__controls{border-top:1px solid #e2e8f01a;flex-direction:column;align-items:stretch;gap:8px;padding-top:12px;display:flex}.navbar__select{color:#e2e8f0;background:#ffffff0f;border:1px solid #e2e8f01a;border-radius:12px;min-height:36px;padding:0 12px}.navbar__select option{color:#0f172a}.navbar__logout{cursor:pointer}.nav-link{color:#cbd5e1;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:9px;width:100%;min-height:38px;padding:0 10px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .2s;display:flex;position:relative}.nav-link:before{content:"";background:0 0;border-radius:999px;width:3px;height:24px;transition:background .2s;position:absolute;top:9px;left:-14px}.nav-link:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.nav-link.active{color:#fff;background:#f59e0b24;border-color:#f59e0b2e}.nav-link.active:before{background:#f59e0b}@media (width<=980px){.navbar{gap:12px;min-height:auto;padding:12px}.navbar__brand,.navbar__profile{display:none}.navbar__links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.navbar__group{min-width:0}.navbar__controls{flex-direction:row;align-items:center}}@media (width<=640px){.navbar__links{grid-template-columns:1fr}.navbar__group{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.navbar__group-title{display:none}.nav-link{flex:none;width:auto}.nav-link:before{display:none}}.topbar{background:#ffffffeb;border:1px solid #0f172a14;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;height:40px;min-height:40px;padding:0 10px;display:flex;box-shadow:0 8px 24px #0f172a0a}.topbar__breadcrumbs{min-width:180px;color:var(--text-soft);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.topbar__crumb{align-items:center;gap:8px;display:inline-flex}.topbar__crumb:not(:last-child):after{content:"/";color:#cbd5e1;font-weight:500}.topbar__crumb--current{color:var(--text-strong)}.topbar__actions{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.topbar__search{color:#64748b;background:#f8fafc;border:1px solid #0f172a1a;border-radius:12px;align-items:center;gap:10px;width:min(48vw,680px);min-width:360px;height:32px;min-height:32px;padding:0 12px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.topbar__search:focus-within{background:#fff;border-color:#d9770675;box-shadow:0 0 0 4px #f59e0b1f}.topbar__search input{width:100%;color:var(--text-strong);background:0 0;border:0;outline:0}.topbar__search kbd{color:#64748b;background:#fff;border:1px solid #0f172a1f;border-radius:7px;justify-content:center;align-items:center;min-width:34px;height:20px;padding:0 7px;font-size:11px;font-weight:700;display:inline-flex}.topbar__icon-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #0f172a1a;border-radius:12px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.topbar__icon-button:hover{background:#fffbeb;border-color:#d977063d;transform:translateY(-1px)}.topbar__profile{background:#fff;border:1px solid #0f172a14;border-radius:999px;align-items:center;gap:10px;height:32px;min-height:32px;padding:4px 10px 4px 4px;display:flex}.topbar__avatar{color:#f8fafc;background:#0f172a;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.topbar__profile strong,.topbar__profile small{line-height:1.15;display:block}.topbar__profile strong{max-width:160px;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.topbar__profile small{color:var(--text-soft);text-transform:uppercase;margin-top:2px;font-size:11px}@media (width<=860px){.topbar{flex-direction:column;align-items:stretch}.topbar__actions{justify-content:stretch}.topbar__search{width:100%;min-width:0}.topbar__profile{display:none}}