@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:var(--portal-font, "Plus Jakarta Sans", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:#1e293b;background:#f8fafc;font-synthesis:none;--navy: #0f172a;--navy2: #1e293b;--blue: var(--brand-primary, #2563eb);--blue2: #1d4ed8;--text: #1e293b;--muted: #64748b;--line: #cbd5e1;--soft: #f8fafc;--green: var(--brand-primary, #059669);--brand-primary: #059669;--brand-primary-rgb: 5, 150, 105;--red: #dc2626;--amber: #d97706;--shadow: 0 1px 3px rgba(15, 23, 42, .05), 0 6px 20px rgba(15, 23, 42, .04)}*{box-sizing:border-box}body{margin:0;background:#f8fafc;color:var(--text);font-family:var(--portal-font, "Plus Jakarta Sans", "Inter", sans-serif);font-size:12px!important;line-height:1.5}button,input,textarea,select{font:inherit;font-size:12px!important}button{cursor:pointer}h1,h2,h3,h4,h5,h6,.page-head h1,.page-head h2,.section-head h2,.section-head h3,.card h3,.card h4,.record-dialog h2,.record-dialog h3,.dialog-fields h2{font-size:14px!important;line-height:1.35!important}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:linear-gradient(180deg,#0f172a,#1e293b);color:#d9dfeb;display:flex;flex-direction:column;z-index:40;border-right:1px solid rgba(255,255,255,.08);transition:.22s}.workspace{grid-column:2;min-width:0;transition:.22s}.portal-side nav,nav,.sidebar nav{padding:0;overflow-y:auto;scrollbar-width:none!important;-ms-overflow-style:none!important}.portal-side nav::-webkit-scrollbar,nav::-webkit-scrollbar,.sidebar nav::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.brand{height:76px;display:flex;align-items:center;gap:11px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--brand-primary, #059669);color:#fff;font-size:18px;font-weight:800;box-shadow:0 4px 18px #0000002e}.brand-copy{display:flex;flex-direction:column;min-width:0}.brand-copy strong{font-size:14px;color:#fff;font-weight:700}.brand-copy span{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-top:3px}.nav-item{height:34px!important;border-radius:7px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0 12px 0 16px!important;color:#94a3b8!important;text-decoration:none!important;font-size:12px!important;font-weight:500!important;margin:2px 8px!important;transition:all .15s ease!important}.nav-item:hover{background:#ffffff14!important;color:#fff!important}.nav-item.active{background:var(--brand-primary, #059669)!important;color:#fff!important;font-weight:700!important;box-shadow:0 4px 14px rgba(var(--brand-primary-rgb, 5, 150, 105),.35)!important}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:25}.workspace main{padding:26px 28px 40px}.page{max-width:1600px;margin:0 auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.page-head h1{font-size:14px!important;font-weight:700!important;line-height:1.3!important;margin:3px 0 4px!important;color:#0f172a!important}.page-head p{font-size:12px!important;color:var(--muted);margin:0;max-width:760px;line-height:1.5}.eyebrow{font-size:10px!important;text-transform:uppercase;letter-spacing:.11em;color:#64748b;font-weight:800;display:block;margin-bottom:4px}.btn{height:38px;border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:9px;padding:0 14px;font-size:12px!important;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:all .15s ease}.btn:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.btn.primary{background:var(--brand-primary, #0f172a)!important;color:#fff!important;border-color:var(--brand-primary, #0f172a)!important;box-shadow:0 4px 12px rgba(var(--brand-primary-rgb, 15, 23, 42),.25)!important}.btn.primary:hover{opacity:.9}.btn.small{height:32px;font-size:11px!important;padding:0 10px}.badge{display:inline-flex;align-items:center;height:24px;border-radius:999px;padding:0 10px;font-size:10.5px!important;font-weight:700;border:1px solid #cbd5e1;background:#f8fafc;color:#475569;text-transform:capitalize;letter-spacing:.02em}.badge.success{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.badge.warning{background:#fffbebf;border-color:#fde68a;color:#b45309}.badge.danger{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.badge.info{background:#f0f9ff;border-color:#bae6fd;color:#0369a1}.dash-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.dash-grid.two-col{grid-template-columns:1.45fr 1fr}.dash-grid.lower{grid-template-columns:1fr 1fr}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:16px 18px;box-shadow:0 1px 3px #0f172a0a;display:flex;flex-direction:column;justify-content:center}.stat-card span{font-size:11px!important;color:#64748b;font-weight:700;display:block;margin-bottom:4px;letter-spacing:.01em}.stat-card strong{font-size:13.5px!important;font-weight:700!important;color:#0f172a!important;display:block!important;word-break:break-word!important}.stat-card small{font-size:10.5px!important;color:#64748b;margin-top:4px;display:block}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px}.metric{background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 1px 3px #0f172a0a}.metric-icon{width:36px;height:36px;border-radius:9px;background:#f1f5f9;display:grid;place-items:center;color:#0f172a;flex-shrink:0}.metric>div:last-child{display:flex;flex-direction:column;min-width:0}.metric span{font-size:11px!important;color:#64748b;font-weight:600}.metric strong{font-size:13.5px!important;font-weight:700!important;color:#0f172a!important;margin-top:2px!important}.metric small{font-size:10px!important;color:#059669;font-weight:600;margin-top:2px!important}.panel{background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 1px 3px #0f172a0a}@media(max-width:1200px){.dash-grid,.stat-grid,.client-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.dash-grid,.stat-grid,.client-focus-grid,.dash-grid.two-col,.dash-grid.lower{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.toolbar{height:54px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 13px;margin-bottom:16px}.table-search{height:38px;min-width:260px;flex:1;max-width:470px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 12px;color:#64748b}.table-search input{border:0;outline:0;background:transparent;width:100%;font-size:13px;color:#0f172a}.table-wrap{overflow:auto;border:1px solid #cbd5e1;border-radius:12px;background:#fff;box-shadow:0 1px 3px #0f172a0a}.table-wrap table{border-collapse:collapse;width:100%;font-size:13px;min-width:920px}.table-wrap th{height:44px;text-align:left;padding:0 16px;color:#475569;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:#f8fafc;border-bottom:1px solid #cbd5e1;white-space:nowrap}.table-wrap td{padding:14px 16px;border-bottom:1px solid #e2e8f0;color:#334155;white-space:nowrap;vertical-align:middle}.table-wrap tr:hover td{background:#f8fafc}.table-wrap tbody tr:last-child td{border-bottom:0}.empty-table{padding:40px;text-align:center;color:#64748b;font-size:13.5px;font-weight:500}.portal-shell{min-height:100vh;background:#f8fafc}.portal-top{height:68px;background:#fff;border-bottom:1px solid #cbd5e1;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:30}.portal-brand strong{font-size:13px;font-weight:700;color:#0f172a}.portal-brand span{font-size:10px;color:#64748b;margin-top:2px}.portal-body{display:grid;grid-template-columns:220px minmax(0,1fr)}.portal-side{position:fixed;top:68px;bottom:0;width:220px;background:#fff;border-right:1px solid #cbd5e1;padding:14px 10px;display:flex;flex-direction:column;z-index:20}.portal-company{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #cbd5e1;border-radius:10px;background:#f8fafc;margin-bottom:12px}.portal-company>div{display:flex;flex-direction:column;min-width:0;overflow:hidden}.portal-company b{font-size:12.5px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.portal-company span{font-size:10px;color:#64748b;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.portal-side nav a,.portal-side-bottom a,.nav-item{height:38px;border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 12px;text-decoration:none;color:#475569;font-size:12px!important;font-weight:500!important;margin:2px 0;transition:all .15s ease-in-out;outline:none}.portal-side nav a span,.portal-side-bottom a span,.nav-item span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:165px!important;display:block!important}.portal-side nav a:hover,.portal-side nav a:focus,.nav-item:hover,.portal-v32.client .portal-side nav a:hover{background:#f1f5f9;color:#0f172a}.portal-side nav a.active,.portal-side nav a.active:hover,.portal-side nav a.active:focus,.nav-item.active,.portal-v32.client .portal-side nav a.active,.portal-v32.client .portal-side nav a.active:hover{background:#059669!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 14px #0596694d}.portal-side nav a.active svg,.portal-v32.client .portal-side nav a.active svg,.nav-item.active svg{color:#fff!important}.portal-body.collapsed{grid-template-columns:70px minmax(0,1fr)!important}.portal-body.collapsed .portal-side{width:70px!important;padding:14px 6px!important}.portal-body.collapsed .portal-company{justify-content:center!important;padding:10px 4px!important;text-align:center!important}.portal-body.collapsed .portal-company>div,.portal-body.collapsed .portal-side nav a span,.portal-body.collapsed .portal-side-bottom a span{display:none!important}.portal-body.collapsed .portal-side nav a,.portal-body.collapsed .portal-side-bottom a{justify-content:center!important;padding:0!important}.client-quick{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}.client-quick>button{background:#fff!important;border:1px solid #cbd5e1!important;border-radius:12px!important;padding:16px!important;text-align:left!important;display:flex!important;gap:12px!important;align-items:flex-start!important;box-shadow:0 1px 3px #0f172a08!important;transition:all .15s ease!important}.client-quick>button:hover{border-color:#94a3b8!important;box-shadow:0 4px 12px #0f172a14!important}.client-quick svg{width:20px!important;height:20px!important;flex-shrink:0!important}.client-quick span{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}.client-quick b{font-size:13px!important;font-weight:700!important;color:#0f172a!important;display:block!important}.client-quick small{font-size:11px!important;color:#64748b!important;display:block!important;line-height:1.4!important}.portal-side-bottom{margin-top:auto;border-top:1px solid #cbd5e1;padding-top:8px}.portal-main{grid-column:2;padding:26px 28px 40px}.portal-menu{display:none}.client .portal-top{border-top:3px solid #0f172a}.employee .portal-top{border-top:3px solid #2563eb}.creative-preview{background:#f8fafc!important;padding:24px!important;min-height:460px!important;display:flex!important;justify-content:center!important;align-items:center!important;border-radius:12px!important}.creative-art{width:100%!important;max-width:720px!important;aspect-ratio:auto!important;background:#fff!important;box-shadow:0 2px 8px #0000000d!important;padding:0!important;display:flex!important;justify-content:center!important;align-items:center!important;position:relative!important;overflow:hidden!important;border:1px solid #cbd5e1!important;border-radius:12px!important}.creative-art:before,.creative-art:after{display:none!important;content:none!important}.creative-art img{max-width:100%!important;max-height:520px!important;object-fit:contain!important;display:block!important;border-radius:12px!important;filter:none!important;transform:none!important;transition:none!important}.section-head{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:16px!important}.section-head>div{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important}.section-head strong{font-size:15px!important;font-weight:700!important;color:#0f172a!important;display:block!important;line-height:1.3!important}.section-head span{font-size:12px!important;color:#64748b!important;display:block!important;line-height:1.3!important}.client-account-health{margin:-2px 4px 12px;padding:9px 12px;border-radius:8px;background:#ecfdf5;border:1px solid #bbf7d0;display:flex;align-items:center;justify-content:space-between}.portal-body.collapsed .client-account-health{display:none!important}.client-account-health span{color:#166534;font-size:11.5px;font-weight:600;display:inline-block;margin-right:6px}.client-account-health b{color:#15803d;font-size:12px;font-weight:700;display:inline-block}.client-focus-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin-bottom:24px!important}.client-focus{background:#fff!important;border:1px solid #cbd5e1!important;border-radius:12px!important;padding:20px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:14px!important;box-shadow:0 1px 3px #0f172a0a!important}.focus-icon{width:42px!important;height:42px!important;border-radius:10px!important;display:grid!important;place-items:center!important;flex-shrink:0!important;margin-bottom:8px!important}.client-focus>div:nth-child(2){display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}.client-focus span{font-size:11.5px!important;color:#64748b!important;font-weight:700!important;display:block!important;line-height:1.4!important}.client-focus strong{font-size:19px!important;font-weight:800!important;color:#0f172a!important;display:block!important;line-height:1.3!important;margin-top:2px!important}.client-focus p{margin:2px 0 0!important;display:block!important;line-height:1.4!important}.client-main-grid{display:grid!important;grid-template-columns:1.45fr .85fr!important;gap:20px!important}.client-main-grid.lower{grid-template-columns:1.35fr .85fr!important}.client-action-row{display:grid!important;grid-template-columns:42px 1fr auto auto!important;gap:14px!important;align-items:center!important;padding:16px 20px!important;border-bottom:1px solid #cbd5e1!important;background:#fff!important}.client-action-row:last-child{border-bottom:0!important}.action-symbol{width:38px!important;height:38px!important;border-radius:9px!important;background:#f1f5f9!important;display:grid!important;place-items:center!important;color:#0f172a!important}.client-action-row>div:nth-child(2){display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}.client-action-row b{font-size:13.5px!important;font-weight:700!important;color:#0f172a!important;display:block!important}.client-action-row span{font-size:11.5px!important;color:#64748b!important;display:block!important}.timeline-compact{display:flex!important;flex-direction:column!important}.timeline-compact article{display:grid!important;grid-template-columns:48px 1fr auto!important;gap:14px!important;align-items:center!important;padding:14px 20px!important;border-bottom:1px solid #cbd5e1!important;background:#fff!important}.timeline-compact article:last-child{border-bottom:0!important}.date-chip{width:44px!important;border:1px solid #cbd5e1!important;border-radius:9px!important;text-align:center!important;overflow:hidden!important;background:#fff!important}.date-chip b{display:block!important;padding:5px 0 2px!important;font-size:14px!important;font-weight:800!important;color:#0f172a!important}.date-chip span{display:block!important;background:#f8fafc!important;font-size:9.5px!important;font-weight:800!important;color:#64748b!important;padding:2px 0!important;border-top:1px solid #e2e8f0!important}.timeline-compact article>div:nth-child(2){display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}.timeline-compact article b{font-size:13.5px!important;font-weight:700!important;color:#0f172a!important;display:block!important}.timeline-compact article span{font-size:11.5px!important;color:#64748b!important;display:block!important}.account-team-row{display:grid!important;grid-template-columns:40px 1fr auto!important;gap:14px!important;align-items:center!important;padding:14px 20px!important;border-bottom:1px solid #cbd5e1!important;background:#fff!important}.account-team-row:last-child{border-bottom:0!important}.team-avatar{width:38px!important;height:38px!important;border-radius:10px!important;background:#0f172a!important;color:#10b981!important;display:grid!important;place-items:center!important;font-size:12px!important;font-weight:800!important;flex-shrink:0!important}.account-team-row>div:nth-child(2){display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}.account-team-row b{font-size:13.5px!important;font-weight:700!important;color:#0f172a!important;display:block!important}.account-team-row span{font-size:11.5px!important;color:#64748b!important;display:block!important}@media(max-width:1000px){.client-main-grid,.client-main-grid.lower{grid-template-columns:1fr!important}}.calendar-command{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;flex-wrap:wrap!important}.calendar-nav{display:flex!important;align-items:center!important;gap:14px!important}.calendar-nav>div{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important}.calendar-nav strong{font-size:17px!important;font-weight:800!important;color:#0f172a!important;display:block!important;line-height:1.2!important}.calendar-nav span{font-size:11.5px!important;color:#64748b!important;display:block!important;line-height:1.3!important}.cal-event.daily_plan,.cal-event.dev_plan{background:#f0fdf4!important;border-left:3px solid #16a34a!important}.cal-event.daily_plan i,.cal-event.dev_plan i{background:#16a34a!important}.cal-event.daily_plan strong,.cal-event.dev_plan strong{color:#15803d!important}.calendar-panel,.client-calendar{overflow:hidden;border-radius:14px;border:1px solid #cbd5e1;background:#fff;box-shadow:0 1px 3px #0f172a0a}.calendar-week,.weekday-row{display:grid!important;grid-template-columns:repeat(7,1fr)!important;background:#f8fafc!important;border-bottom:1px solid #cbd5e1!important}.calendar-week span,.weekday-row b{padding:12px 10px!important;text-align:center!important;font-size:11px!important;font-weight:800!important;color:#475569!important;text-transform:uppercase!important;letter-spacing:.05em!important;display:block!important}.calendar-grid,.calendar-days{display:grid!important;grid-template-columns:repeat(7,1fr)!important}.calendar-day,.day{height:90px!important;min-height:90px!important;max-height:90px!important;padding:5px 7px!important;border-right:1px solid #e2e8f0!important;border-bottom:1px solid #e2e8f0!important;background:#fff!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;position:relative!important;box-sizing:border-box!important;overflow:hidden!important}.calendar-day:nth-child(7n),.day:nth-child(7n){border-right:0!important}.calendar-day.ghost,.day.ghost{background:#f8fafc!important;opacity:.5!important}.calendar-day.today{background:#f0fdf4!important;border:2px solid #059669!important}.calendar-day header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:6px!important}.calendar-day header span{font-size:12.5px!important;font-weight:800!important;color:#0f172a!important}.calendar-day header em{font-size:9px!important;background:#059669!important;color:#fff!important;border-radius:99px!important;padding:2px 7px!important;font-style:normal!important;font-weight:800!important}.day-events{display:flex!important;flex-direction:column!important;gap:3px!important;margin-top:2px!important;max-height:52px!important;overflow-y:auto!important}.cal-event{border:0!important;border-radius:6px!important;padding:6px 8px!important;display:flex!important;align-items:center!important;gap:6px!important;text-align:left!important;width:100%!important;cursor:pointer!important}.cal-event i{width:6px!important;height:6px!important;border-radius:50%!important;flex-shrink:0!important}.cal-event div{display:flex!important;flex-direction:column!important;min-width:0!important}.cal-event strong{font-size:10.5px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.cal-event span{font-size:9px!important;color:#64748b!important}.cal-event.holiday{background:#fef2f2!important;border-left:3px solid #dc2626!important}.cal-event.holiday i{background:#dc2626!important}.cal-event.holiday strong{color:#991b1b!important}.cal-event.creative{background:#eff6ff!important;border-left:3px solid #2563eb!important}.cal-event.creative i{background:#2563eb!important}.cal-event.creative strong{color:#1e40af!important}.cal-event.campaign{background:#ecfdf5!important;border-left:3px solid #059669!important}.cal-event.campaign i{background:#059669!important}.cal-event.campaign strong{color:#065f46!important}.cal-event.meeting{background:#f5f3ff!important;border-left:3px solid #7c3aed!important}.cal-event.meeting i{background:#7c3aed!important}.cal-event.meeting strong{color:#5b21b6!important}.cal-event.approval{background:#fffbe8!important;border-left:3px solid #d97706!important}.cal-event.approval i{background:#d97706!important}.cal-event.approval strong{color:#92400e!important}@media(max-width:900px){.portal-body{grid-template-columns:1fr}.portal-side{transform:translate(-102%);transition:.2s;top:68px;box-shadow:12px 0 30px #0f172a1f}.portal-side.open{transform:translate(0)}.portal-main{grid-column:1;padding:20px 14px 35px}.portal-menu{display:grid;width:35px;height:35px;border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center}.portal-search{display:none}}@media(max-width:580px){.portal-top{padding:0 12px}.portal-brand span,.portal-top .profile>div:nth-child(2),.portal-top .profile>svg{display:none}.portal-main{padding:16px 12px 30px}}.action-cell{position:relative!important;text-align:right!important;vertical-align:middle!important}.row-menu{position:absolute!important;top:38px!important;right:12px!important;z-index:9999!important;min-width:145px!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:10px!important;box-shadow:0 10px 25px -4px #0f172a2e!important;padding:6px!important;display:flex!important;flex-direction:column!important;gap:2px!important}.row-menu button{width:100%!important;height:32px!important;border:0!important;background:transparent!important;border-radius:6px!important;padding:0 10px!important;font-size:12px!important;font-weight:600!important;color:#334155!important;display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important;transition:all .12s ease!important;white-space:nowrap!important}.row-menu button:hover{background:#f1f5f9!important;color:#0f172a!important}.row-menu button.danger{color:#dc2626!important}.row-menu button.danger:hover{background:#fef2f2!important;color:#991b1b!important}.modal-backdrop{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#0f172aa6!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:999999!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:20px!important;box-sizing:border-box!important}.record-dialog,.mini-dialog{position:relative!important;z-index:1000000!important;background:#fff!important;border-radius:14px!important;box-shadow:0 25px 50px -12px #0f172a59!important;border:1px solid #cbd5e1!important;width:100%!important;max-width:640px!important;max-height:90vh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;animation:modalPop .18s cubic-bezier(.16,1,.3,1)!important}@keyframes modalPop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.record-dialog header,.mini-dialog header{padding:16px 20px!important;background:#f8fafc!important;border-bottom:1px solid #cbd5e1!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.dialog-fields,.field-grid{padding:20px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;max-height:70vh!important;overflow-y:auto!important}.dialog-fields label,.field-grid label,.form-preview label{display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important}.dialog-fields label.wide,.field-grid label.wide{grid-column:1 / -1!important}.dialog-fields label span,.field-grid label span,.form-preview label span{font-size:12px!important;font-weight:700!important;color:#0f172a!important;display:block!important}.dialog-fields input,.dialog-fields select,.dialog-fields textarea,.field-grid input,.field-grid select,.field-grid textarea,.form-preview input,.form-preview select,.form-preview textarea{width:100%!important;border:1px solid #cbd5e1!important;border-radius:8px!important;padding:9px 12px!important;font-size:13px!important;color:#0f172a!important;background:#fff!important;outline:none!important;box-sizing:border-box!important}.dialog-fields textarea,.field-grid textarea{min-height:85px!important;resize:vertical!important}.record-dialog footer,.mini-dialog footer{padding:14px 20px!important;background:#f8fafc!important;border-top:1px solid #cbd5e1!important;display:flex!important;justify-content:flex-end!important;gap:10px!important}.review-section{display:flex!important;flex-direction:column!important;gap:4px!important;margin-bottom:14px!important}.review-section.split{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}.review-section .label{font-size:10px!important;font-weight:700!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.08em!important;display:block!important;margin-bottom:2px!important}.review-section b{font-size:12.5px!important;font-weight:700!important;color:#0f172a!important;display:block!important}.version-row{display:flex!important;align-items:center!important;gap:8px!important;margin-top:14px!important}.version-row .version{padding:6px 14px!important;border-radius:8px!important;border:1px solid #cbd5e1!important;background:#fff!important;font-size:12px!important;font-weight:600!important;color:#475569!important;cursor:pointer!important}.version-row .version.active{background:#0f172a!important;color:#fff!important;border-color:#0f172a!important}.sidebar-foot{margin-top:auto!important;padding:14px 16px!important;border-top:1px solid rgba(255,255,255,.08)!important;background:#0f172a!important;display:flex!important;flex-direction:column!important;gap:10px!important;position:relative!important;z-index:50!important}.sidebar-foot .workspace-note{display:flex!important;align-items:center!important;gap:8px!important;font-size:11px!important;color:#94a3b8!important;font-weight:600!important;margin-bottom:2px!important}.sidebar-foot .foot-btn{width:100%!important;height:36px!important;border-radius:8px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0 12px!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;transition:all .15s ease!important;outline:none!important;box-sizing:border-box!important}.sidebar-foot .collapse-btn{background:#ffffff0f!important;color:#cbd5e1!important;border:1px solid rgba(255,255,255,.1)!important}.sidebar-foot .collapse-btn:hover{background:#ffffff1f!important;color:#fff!important}.sidebar-foot .signout-btn{background:#dc26261f!important;color:#fca5a5!important;border:1px solid rgba(220,38,38,.25)!important}.sidebar-foot .signout-btn:hover{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important}.nav-group{margin-bottom:4px!important}.nav-group-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:8px 14px!important;margin:4px 8px!important;border-radius:7px!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;transition:all .15s ease!important}.nav-group-head:hover{background:#ffffff0d!important}.nav-label-text{font-size:10.5px!important;font-weight:800!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.08em!important}.nav-group-head:hover .nav-label-text{color:#cbd5e1!important}.group-chevron{transition:transform .2s cubic-bezier(.16,1,.3,1)!important;color:#64748b!important}.nav-group-items{display:flex!important;flex-direction:column!important;gap:1px!important;padding-left:2px!important}.deadline{display:flex!important;align-items:center!important;gap:14px!important;padding:12px 18px!important;border-bottom:1px solid #e2e8f0!important;background:#fff!important}.deadline:last-child{border-bottom:0!important}.date-box{width:44px!important;height:44px!important;border-radius:9px!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.date-box b{font-size:13px!important;font-weight:800!important;color:#0f172a!important;line-height:1!important}.date-box span{font-size:9px!important;font-weight:800!important;color:#64748b!important;text-transform:uppercase!important;margin-top:2px!important}.deadline>div:nth-child(2){display:flex!important;flex-direction:column!important;gap:2px!important;flex:1!important;min-width:0!important}.deadline b{font-size:13px!important;font-weight:700!important;color:#0f172a!important;display:block!important}.deadline span{font-size:11.5px!important;color:#64748b!important;display:block!important}.activity{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:12px 18px!important;border-bottom:1px solid #e2e8f0!important}.activity:last-child{border-bottom:0!important}.activity-dot{width:9px!important;height:9px!important;border-radius:50%!important;background:#059669!important;margin-top:5px!important;flex-shrink:0!important}.activity>div{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}.activity b{font-size:12.5px!important;font-weight:700!important;color:#0f172a!important;display:block!important}.activity span{font-size:11.5px!important;color:#64748b!important;display:block!important}.activity small{font-size:10.5px!important;color:#94a3b8!important;display:block!important;margin-top:1px!important}.summary-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:12px!important;padding:16px 20px!important}.summary-strip>div{display:flex!important;align-items:center!important;gap:12px!important}.summary-strip span{font-size:11.5px!important;color:#64748b!important;font-weight:600!important;display:block!important}.summary-strip strong{font-size:13.5px!important;font-weight:700!important;color:#0f172a!important;display:block!important;margin-left:auto!important}.form-preview-head{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:14px 18px!important;border-bottom:1px solid #cbd5e1!important;background:#f8fafc!important}.form-preview-head>div{display:flex!important;flex-direction:column!important;gap:2px!important}.form-preview-head strong{font-size:13px!important;font-weight:700!important;color:#0f172a!important;display:block!important}.form-preview-head span{font-size:11.5px!important;color:#64748b!important;display:block!important}.topbar .profile{display:flex!important;align-items:center!important;gap:10px!important;padding:6px 12px!important;border-radius:9px!important;border:1px solid #cbd5e1!important;background:#fff!important}.topbar .profile>div:nth-child(2){display:flex!important;flex-direction:column!important;gap:1px!important;text-align:left!important}.topbar .profile strong{font-size:12.5px!important;font-weight:700!important;color:#0f172a!important;display:block!important;line-height:1.2!important}.topbar .profile span{font-size:10.5px!important;font-weight:600!important;color:#64748b!important;display:block!important;line-height:1.2!important}.perf-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:end;margin:16px 0}.perf-toolbar>div:last-child{display:flex;gap:8px}.perf-filters{display:flex;gap:10px;flex-wrap:wrap}.perf-filters label,.proposal-meta label{font-size:12px;font-weight:700;color:#52606d;display:grid;gap:5px}.perf-filters select{min-width:160px}.perf-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:16px;margin:16px 0}.funnel{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 4px}.funnel div{flex:1;border:1px solid #e5e9ef;padding:18px;border-radius:12px;background:#fff}.funnel strong{display:block;font-size:22px}.funnel span{font-size:12px;color:#728091}.metric-bars{display:grid;gap:12px}.metric-bar>div:first-child{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px}.metric-bar>div:last-child{height:7px;background:#eef1f5;border-radius:999px;overflow:hidden}.metric-bar i{display:block;height:100%;background:#111827;border-radius:999px}.analytics-card ul{list-style:none;padding:0;display:grid;gap:12px}.analytics-card li{display:flex;gap:8px;align-items:flex-start;font-size:13px}.analytics-card textarea{width:100%;min-height:120px;margin:12px 0}.performance-table{min-width:1250px;width:100%;border-collapse:collapse}.performance-table th,.performance-table td{padding:12px;border-bottom:1px solid #edf0f3;text-align:left;font-size:12px;white-space:nowrap}.performance-table td:first-child{min-width:250px}.performance-table input{width:100%}.table-scroll{overflow:auto}.vault-warning{display:flex;gap:12px;padding:14px 16px;border:1px solid #d7e2ef;background:#f8fbff;border-radius:12px;margin:14px 0}.vault-warning div{display:grid;gap:3px}.vault-warning span{font-size:12px;color:#607080}.vault-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vault-card label{display:grid;gap:5px;font-size:12px;font-weight:700;margin-top:10px}.secret-input{display:grid;grid-template-columns:1fr 38px}.secret-input button{border:1px solid #dfe4ea;background:#fff;border-left:0;border-radius:0 8px 8px 0}.vault-meta{display:flex;justify-content:space-between;padding:12px 0;font-size:11px;color:#667180}.vault-meta span{display:grid}.vault-meta b{color:#111827}.quotation-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.quotation-paper{padding:26px}.quote-terms{display:grid;gap:6px;margin-top:20px;font-size:12px;font-weight:700}.quote-terms textarea{min-height:100px}.totals-card .btn{width:100%;margin-top:8px}@media(max-width:900px){.perf-toolbar{align-items:stretch;flex-direction:column}.perf-grid,.quotation-grid,.vault-grid{grid-template-columns:1fr}.funnel{align-items:stretch;flex-direction:column}.funnel i{transform:rotate(90deg)}}.auth-v4,.auth-simple{min-height:100vh;background:#f5f7fa;color:#152033;font-family:Inter,system-ui,sans-serif}.auth-v4{display:grid;grid-template-columns:minmax(380px,46%) 1fr}.auth-showcase{background:#101b2d;color:#fff;padding:44px 54px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-showcase:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.09);right:-180px;top:90px}.auth-logo,.auth-mobile-brand{display:flex;align-items:center;gap:12px}.auth-logo>span,.auth-mobile-brand>span{width:38px;height:38px;border-radius:9px;background:#fff;color:#152033;display:grid;place-items:center;font-weight:800}.auth-logo div{display:grid}.auth-logo small{color:#9fb0c8;margin-top:2px}.auth-showcase-copy{max-width:620px;position:relative;z-index:1}.auth-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#4f74a6}.auth-showcase .auth-kicker{color:#9fc4f0}.auth-showcase h1{font-size:44px;line-height:1.08;margin:14px 0 18px}.auth-showcase p{font-size:16px;line-height:1.65;color:#bfccdb;max-width:560px}.auth-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.auth-feature-grid div{padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:10px;display:grid;gap:5px;background:#ffffff06}.auth-feature-grid span{color:#aebdd0;font-size:12px}.auth-footnote{color:#8294ac}.auth-panel{display:grid;place-items:center;padding:34px}.auth-box{width:min(100%,520px);display:grid;gap:20px}.auth-box h2,.auth-simple h1{font-size:32px;margin:7px 0}.auth-box p,.auth-simple p{color:#69778a;margin:0}.auth-mobile-brand{display:none}.workspace-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.workspace-picker button{background:#fff;border:1px solid #dce3eb;border-radius:10px;padding:12px;text-align:left;display:flex;gap:9px;color:#506074;cursor:pointer}.workspace-picker button.active{border-color:#234e7e;background:#f0f6fc;color:#173b63;box-shadow:0 0 0 2px #234e7e14}.workspace-picker span{display:grid;gap:3px}.workspace-picker small{font-size:10px;line-height:1.25;color:#8491a1}.auth-box label,.auth-simple label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#435168}.auth-input{height:46px;border:1px solid #d8e0e9;background:#fff;border-radius:9px;display:flex;align-items:center;padding:0 12px;gap:9px}.auth-input input{border:0;outline:0;flex:1;font:inherit;background:transparent}.auth-input button{border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:#708096}.auth-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.auth-row a,.auth-secondary-link{color:#2f5f92;text-decoration:none;font-weight:700}.auth-check{display:flex!important;grid-auto-flow:column;align-items:center;gap:7px!important}.auth-primary,.auth-secondary{min-height:46px;border-radius:9px;border:0;font-weight:800;cursor:pointer}.auth-primary{background:#183f69;color:#fff}.auth-secondary{background:#fff;border:1px solid #d8e0e9;color:#34465b}.link-button{display:grid;place-items:center;text-decoration:none}.auth-error{padding:10px 12px;border-radius:8px;background:#fff1f1;color:#a53a3a;font-size:12px}.demo-hint{display:grid;grid-template-columns:auto 1fr 1fr;gap:8px;align-items:center;padding:10px 12px;background:#eef2f6;border-radius:8px;font-size:11px;color:#657487}.demo-hint b{color:#33465c}.auth-simple{display:grid;place-items:center;padding:30px}.auth-simple>section{width:min(100%,450px);background:#fff;border:1px solid #e1e6ec;border-radius:14px;padding:30px;display:grid;gap:18px;box-shadow:0 16px 50px #22304214}.auth-logo.dark{color:#21344b}.auth-logo.dark>span{background:#183f69;color:#fff}.auth-simple form{display:grid;gap:16px}.auth-simple-head{display:grid;gap:2px}.verify-badge{width:58px;height:58px;border-radius:50%;background:#edf5fd;color:#285e92;display:grid;place-items:center}.verify-badge svg{width:28px;height:28px}.auth-secondary-link{text-align:center;display:block}.auth-simple h3{margin:0}@media(max-width:900px){.auth-v4{grid-template-columns:1fr}.auth-showcase{display:none}.auth-panel{padding:24px}.auth-mobile-brand{display:flex;margin-bottom:8px}.auth-mobile-brand>span{background:#183f69;color:#fff}.workspace-picker{grid-template-columns:1fr}.workspace-picker button{align-items:center}.auth-box{max-width:500px}.auth-simple>section{padding:22px}}.flow-strip{display:flex;gap:8px;overflow:auto;margin-bottom:18px}.flow-step{border:1px solid var(--border,#e5e7eb);background:#fff;padding:10px 14px;border-radius:10px;display:flex;gap:8px;align-items:center;white-space:nowrap}.flow-step span{width:22px;height:22px;border-radius:50%;background:#eef2f7;display:grid;place-items:center;font-size:11px}.flow-step.active{border-color:#111827;background:#111827;color:#fff}.flow-step.active span{background:#fff;color:#111827}.two-col{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.section-head h2{margin:3px 0 0}.detail-panel hr,.ticket-side hr,.totals-card hr{border:0;border-top:1px solid #e8ebef;margin:20px 0}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.info-pair{display:flex;flex-direction:column;gap:4px;padding:8px 0}.info-pair span{font-size:12px;color:#6b7280}.info-pair b{font-size:14px}.muted{color:#68707d}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.chips span{display:flex;align-items:center;gap:6px;background:#f5f7fa;border:1px solid #e6e9ee;border-radius:8px;padding:7px 9px;font-size:12px}.action-row{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.timeline{display:flex;flex-direction:column}.timeline-item{display:grid;grid-template-columns:20px 1fr;gap:12px;position:relative;padding:0 0 22px}.timeline-item:before{content:"";position:absolute;left:6px;top:13px;bottom:-2px;width:1px;background:#dfe3e8}.timeline-item:last-child:before{display:none}.timeline-dot{width:13px;height:13px;border-radius:50%;border:3px solid #fff;background:#f59e0b;box-shadow:0 0 0 1px #d9dde4}.timeline-dot.done{background:#16a34a}.timeline-item p{margin:5px 0;color:#4b5563}.timeline-item small{color:#8a929f}.text-btn{border:0;background:none;color:#2563eb;cursor:pointer;padding:4px 0}.conversion-steps{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 0}.conversion-card{min-width:150px;border:1px solid #e5e7eb;border-radius:12px;padding:14px;display:grid;grid-template-columns:28px 1fr auto;gap:4px 8px;align-items:center}.conversion-card>span{grid-row:1/3;width:28px;height:28px;border-radius:50%;background:#111827;color:#fff;display:grid;place-items:center}.conversion-card small{color:#6b7280}.compact{max-width:760px}.client-banner{display:flex;align-items:center;gap:16px;background:#111827;color:#fff;border-radius:14px;padding:22px;margin-bottom:16px}.client-logo{width:52px;height:52px;border-radius:12px;background:#fff;color:#111827;display:grid;place-items:center;font-weight:800}.client-banner h2,.client-banner p{margin:0}.client-banner p{opacity:.7;margin-top:4px}.client-actions{margin-left:auto;display:flex;gap:8px}.client-banner .btn{background:#fff}.client-banner .btn.primary{background:#16a34a;color:#fff}.tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid #e5e7eb;margin-bottom:18px}.tabs button{border:0;background:none;padding:11px 13px;white-space:nowrap;color:#667085;border-bottom:2px solid transparent}.tabs button.active{color:#111827;border-bottom-color:#111827;font-weight:700}.progress-row{margin:14px 0}.progress-row>div:first-child{display:flex;justify-content:space-between;font-size:13px}.progress-track{height:7px;background:#eef1f4;border-radius:99px;margin-top:7px;overflow:hidden}.progress-track i{display:block;height:100%;background:#111827;border-radius:99px}.attention-item{padding:11px 0;border-bottom:1px solid #eef0f3;display:flex;flex-direction:column}.attention-item span{font-size:12px;color:#6b7280;margin-top:3px}.record-list{display:flex;flex-direction:column}.record-line{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:center;gap:14px;padding:13px 4px;border-bottom:1px solid #eef0f3;font-size:13px}.record-line .strong{font-weight:700}.proposal-toolbar,.payroll-head,.notification-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.proposal-toolbar>div{display:flex;align-items:center;gap:8px}.proposal-grid{display:grid;grid-template-columns:1fr 320px;gap:18px}.proposal-paper{padding:28px}.proposal-parties{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-bottom:22px;border-bottom:1px solid #e8ebef}.proposal-parties h2{margin:5px 0}.proposal-parties p{color:#6b7280;line-height:1.6}.proposal-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.proposal-meta label,.proposal-notes label,.totals-card label,.ticket-head label,.payroll-head label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#6b7280}.proposal-meta input,.proposal-meta select,.line-table input,.proposal-notes textarea,.totals-card input,.ticket-head select,.payroll-head select{border:1px solid #dfe3e8;border-radius:8px;padding:9px;background:#fff}.line-table{width:100%;border-collapse:collapse}.line-table th,.line-table td{padding:9px;border-bottom:1px solid #eef0f3;text-align:left}.line-table input{width:100%;box-sizing:border-box}.add-line{margin:10px 0}.proposal-notes textarea{width:100%;min-height:100px;box-sizing:border-box}.totals-card>div,.totals-card>label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:9px 0}.totals-card input{width:95px}.totals-card .grand{padding:17px 0;border-top:1px solid #e5e7eb;margin-top:8px}.totals-card .grand strong{font-size:24px}.mini-timeline{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#6b7280}.project-hero{display:flex;justify-content:space-between;align-items:center;background:#111827;color:#fff;padding:22px;border-radius:14px;margin-bottom:16px}.project-hero h2{margin:5px 0}.project-hero p{margin:0;opacity:.75}.project-progress{width:260px;display:grid;grid-template-columns:auto 1fr;gap:7px 12px;align-items:center}.project-progress strong{font-size:25px}.project-progress input{width:100%}.project-progress small{grid-column:1/3;opacity:.7}.task-list{display:flex;flex-direction:column}.task-row{display:grid;grid-template-columns:24px 1fr 150px;gap:12px;align-items:center;padding:13px 4px;border-bottom:1px solid #eef0f3}.task-row div{display:flex;flex-direction:column}.task-row small{color:#6b7280;margin-top:3px}.task-row select{border:1px solid #dfe3e8;border-radius:8px;padding:8px}.file-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.asset-preview{background:#f3f5f7;border:1px solid #e1e5ea;border-radius:14px;padding:20px}.creative-mock{aspect-ratio:1.35;background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000014;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.flag-bar{height:9px;width:100%;position:absolute}.creative-mock strong{letter-spacing:4px;font-size:12px}.creative-mock h2{max-width:420px;font-size:30px;margin:10px}.creative-mock p{font-weight:700}.asset-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.version-list{display:flex;flex-direction:column}.version-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #eef0f3}.version-row.current{background:#f8fafc;margin:0 -12px;padding:13px 12px;border-radius:8px}.version-icon{width:34px;height:34px;background:#f0f2f5;border-radius:8px;display:grid;place-items:center}.version-row small{display:block;color:#6b7280;margin-top:3px}.version-actions{display:flex;align-items:center;gap:8px}.ticket-layout{display:grid;grid-template-columns:1fr 300px;gap:18px}.ticket-main{padding:0;overflow:hidden}.ticket-head{display:flex;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid #eef0f3}.ticket-head h2{margin:7px 0}.ticket-head p{margin:0;color:#6b7280}.chat-thread{padding:20px;min-height:340px;background:#fafbfc}.chat-msg{display:flex;gap:10px;margin-bottom:18px}.chat-avatar{width:34px;height:34px;border-radius:50%;background:#111827;color:#fff;display:grid;place-items:center}.chat-msg.client .chat-avatar{background:#2563eb}.chat-msg b{display:flex;gap:10px;align-items:center}.chat-msg b small{font-weight:400;color:#9aa1ac}.chat-msg p{background:#fff;border:1px solid #e7eaf0;border-radius:10px;padding:10px 12px;margin:6px 0 0}.chat-compose{padding:16px;border-top:1px solid #e7eaf0}.chat-compose textarea{width:100%;min-height:84px;border:1px solid #dfe3e8;border-radius:10px;padding:11px;box-sizing:border-box}.chat-compose>div{display:flex;justify-content:space-between;margin-top:9px}.sla-clock{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:13px;margin-top:15px}.sla-clock strong,.sla-clock span{display:block}.sla-clock span{font-size:12px;color:#9a3412;margin-top:3px}.pipeline-board{display:grid;grid-template-columns:repeat(8,minmax(190px,1fr));gap:10px;overflow:auto;padding-bottom:12px}.pipe-col{background:#f5f7f9;border:1px solid #e5e7eb;border-radius:12px;padding:10px;min-height:460px}.pipe-col>header{display:flex;justify-content:space-between;padding:5px 4px 11px}.pipe-col>header span{background:#e5e7eb;border-radius:99px;padding:2px 7px;font-size:11px}.candidate-card{background:#fff;border:1px solid #e2e5e9;border-radius:10px;padding:12px;margin-bottom:9px;display:flex;flex-direction:column;gap:5px}.candidate-avatar{width:35px;height:35px;border-radius:9px;background:#111827;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}.candidate-card span,.candidate-card small{color:#6b7280;font-size:12px}.candidate-card>div:last-child{display:flex;justify-content:flex-end;gap:4px;margin-top:5px}.payroll-head>div{display:flex;align-items:center;gap:8px}.payroll-table{width:100%;border-collapse:collapse}.payroll-table th,.payroll-table td{padding:12px;border-bottom:1px solid #eef0f3;text-align:left}.permission-layout{display:grid;grid-template-columns:230px 1fr;gap:18px}.role-list{display:flex;flex-direction:column;gap:4px}.role-list h3{padding:0 8px}.role-list button{display:flex;align-items:center;gap:9px;border:0;background:none;padding:10px;border-radius:8px;text-align:left}.role-list button.active{background:#111827;color:#fff}.permission-matrix{border:1px solid #e6e9ed;border-radius:10px;overflow:hidden}.perm-head,.perm-row{display:grid;grid-template-columns:1.4fr repeat(5,1fr);align-items:center}.perm-head{background:#f5f7f9;padding:10px}.perm-row{border-top:1px solid #eef0f3;padding:11px}.perm-row label{text-align:center}.notification-toolbar{justify-content:flex-end}.notification-toolbar span{margin-right:auto;color:#6b7280}.notification-list{padding:0;overflow:hidden}.notification-row{width:100%;display:grid;grid-template-columns:40px 1fr auto 10px;align-items:center;gap:12px;padding:14px 16px;border:0;border-bottom:1px solid #eef0f3;background:#fff;text-align:left}.notification-row.read{background:#fafafa;color:#737b87}.notification-row>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.notification-row>div:nth-child(2) span{font-size:12px;color:#7d8591}.notification-icon{width:36px;height:36px;border-radius:9px;background:#f1f4f7;display:grid;place-items:center}.notification-row>i{width:7px;height:7px;background:#2563eb;border-radius:50%}.notification-row.read>i{display:none}.auth-page{min-height:100vh;background:#f3f5f7;display:grid;place-items:center;padding:20px}.auth-card{width:min(430px,100%);background:#fff;border:1px solid #e1e5ea;border-radius:16px;padding:30px;box-shadow:0 18px 55px #0f172a17;display:flex;flex-direction:column;gap:17px}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:8px}.auth-brand>div:last-child{display:flex;flex-direction:column}.auth-brand span{font-size:11px;color:#6b7280}.auth-card h1{margin:5px 0}.auth-card p{color:#6b7280}.auth-card>label{display:flex;flex-direction:column;gap:6px;font-size:12px}.auth-card input{border:1px solid #dfe3e8;border-radius:9px;padding:11px}.auth-options{display:flex;justify-content:space-between;font-size:12px}.auth-submit{justify-content:center;width:100%}.verify-icon{width:58px;height:58px;border-radius:50%;background:#ecfdf3;color:#16a34a;display:grid;place-items:center}.strong{font-weight:700}@media(max-width:1000px){.two-col,.three-col,.proposal-grid,.file-grid,.ticket-layout,.permission-layout{grid-template-columns:1fr}.project-hero{align-items:flex-start;gap:20px;flex-direction:column}.project-progress{width:100%}.proposal-grid aside{order:-1}.client-banner{align-items:flex-start;flex-wrap:wrap}.client-actions{margin-left:0;width:100%}.client-actions .btn{flex:1}.proposal-parties,.proposal-meta{grid-template-columns:1fr}.record-line{grid-auto-flow:row;grid-auto-columns:auto}.pipeline-board{grid-template-columns:repeat(8,190px)}}@media(max-width:640px){.info-grid{grid-template-columns:1fr}.conversion-steps{align-items:stretch;flex-direction:column}.conversion-steps>svg{transform:rotate(90deg);align-self:center}.proposal-toolbar,.payroll-head{align-items:stretch;flex-direction:column}.proposal-toolbar>div,.payroll-head>div{flex-wrap:wrap}.line-table{font-size:11px}.ticket-head{flex-direction:column}.task-row{grid-template-columns:24px 1fr}.task-row select{grid-column:2}.permission-matrix{overflow:auto}.perm-head,.perm-row{min-width:650px}.notification-row{grid-template-columns:36px 1fr}.notification-row>.badge,.notification-row>i{display:none}}.advanced-callout{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#eef6ff;border:1px solid #cfe4ff;border-radius:12px;padding:13px 15px;margin-bottom:16px}.advanced-callout>div{display:flex;flex-direction:column;gap:3px}.advanced-callout span{font-size:12px;color:#526273}@media(max-width:640px){.advanced-callout{align-items:stretch;flex-direction:column}}.approval-flow{display:flex;overflow:auto;gap:0;margin-bottom:14px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:8px}.approval-flow button{border:0;background:none;display:flex;align-items:center;gap:7px;padding:8px 10px;white-space:nowrap;color:#89919d}.approval-flow button span{width:22px;height:22px;border:1px solid #d8dde5;border-radius:50%;display:grid;place-items:center;font-size:10px}.approval-flow button.done{color:#111827;font-weight:600}.approval-flow button.done span{background:#111827;color:#fff;border-color:#111827}.content-type-tabs{display:flex;gap:6px;margin-bottom:12px}.content-type-tabs button{border:1px solid #dfe3e8;background:#fff;border-radius:8px;padding:8px 12px}.content-type-tabs button.active{background:#111827;color:#fff}.annotation-toolbar{display:flex;gap:5px;flex-wrap:wrap;padding:9px;background:#f5f7f9;border-bottom:1px solid #e5e7eb}.annotation-toolbar button{border:1px solid #dde2e8;background:#fff;border-radius:7px;padding:6px 8px;display:flex;align-items:center;gap:5px;font-size:11px}.annotation-toolbar button.active{background:#111827;color:#fff}.zoom-label{font-size:11px;min-width:34px;text-align:center}.annotatable{cursor:crosshair;overflow:auto}.annotatable .creative-art{position:relative;transition:.15s transform}.annotation-mark{position:absolute;border:2px solid #dc2626;color:#dc2626;background:#ffffffd1;padding:4px 7px;font-size:10px;font-style:normal;border-radius:4px}.annotation-mark.m0{top:18%;left:15%}.annotation-mark.m1{top:28%;right:14%;border-radius:50%}.annotation-mark.m2{bottom:23%;left:25%}.annotation-mark.m3{bottom:14%;right:18%;background:#fef08a}.annotation-help{display:block;padding:8px 12px;color:#6b7280}.annotation-count{margin-top:9px;font-size:11px;color:#9a3412;background:#fff7ed;padding:7px;border-radius:7px}.blog-review{height:520px;overflow:auto;background:#fff;padding:22px}.blog-review article{max-width:720px;margin:auto}.blog-review article p{line-height:1.7;color:#4b5563}.seo-review{max-width:720px;margin:0 auto 20px;padding:14px;background:#f6f8fa;border:1px solid #e5e7eb;border-radius:10px;display:grid;gap:5px}.seo-review span{font-size:11px;color:#6b7280}.seo-review p{margin:0}.video-review{padding:20px}.video-player{height:390px;border-radius:12px;background:#111827;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:15px}.video-player button{width:64px;height:64px;border-radius:50%;border:0;font-size:24px}.workspace-note{display:flex;align-items:center;gap:9px;padding:10px 12px;color:#8998aa;font-size:11px}.portal-signout{width:100%;display:flex;align-items:center;gap:9px;background:transparent;border:0;color:inherit;padding:10px 12px;cursor:pointer;font:inherit;text-align:left}.portal-signout:hover{background:#ffffff0d}