@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap");
:root{--ink:#0f172a;--muted:#64748b;--blue:#2563eb;--blue-dark:#1d4ed8;--blue-soft:#eff6ff;--line:#e2e8f0;--soft:#f8fafc;--green:#16a34a;--red:#dc2626}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f8fc;color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3{font-family:"Manrope",sans-serif;letter-spacing:-.035em;margin:0;line-height:1.15}p{color:var(--muted)}
.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.dashboard-sidebar{position:sticky;top:0;height:100vh;padding:26px 17px 18px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column}.dashboard-brand{padding:2px 10px 22px}.dashboard-brand img{width:142px}.nav-label{margin:10px 10px 7px;color:#94a3b8;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:800}.dashboard-nav{display:grid;gap:3px}.dashboard-nav a,.dashboard-logout{min-height:41px;padding:0 11px;border:0;border-radius:9px;background:transparent;display:flex;align-items:center;justify-content:space-between;color:#475569;font-size:13px;font-weight:600;text-align:left}.dashboard-nav a:before{content:"";width:6px;height:6px;border:1.5px solid #94a3b8;border-radius:2px;margin-right:11px}.dashboard-nav a span{margin-right:auto}.dashboard-nav a b{color:#94a3b8;font-size:10px}.dashboard-nav a:hover,.dashboard-nav a[aria-current="page"]{color:var(--blue);background:var(--blue-soft)}.dashboard-nav a[aria-current="page"]:before{background:var(--blue);border-color:var(--blue)}.dashboard-logout{width:100%;justify-content:flex-start}.dashboard-logout:before{content:"↪";margin-right:11px;color:#94a3b8}
.sidebar-plan{margin-top:auto;padding:14px;border-radius:12px;background:#0f172a;color:#fff;display:flex;flex-direction:column}.sidebar-plan span{color:#93c5fd;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:800}.sidebar-plan strong{margin-top:5px;font-size:13px}.sidebar-plan small{color:#94a3b8;font-size:9px}.sidebar-user{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:17px 8px 2px;min-width:0}.avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}.sidebar-user div{display:flex;flex-direction:column;min-width:0}.sidebar-user strong{font-size:11px}.sidebar-user small{font-size:9px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-main{min-width:0;padding:32px 38px 60px}.demo-banner{display:none;margin:-8px 0 22px;padding:9px 14px;border-radius:9px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-size:11px;font-weight:700}.demo-banner:not(:empty){display:block}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.eyebrow{display:block;color:var(--blue);text-transform:uppercase;letter-spacing:.13em;font-size:9px;font-weight:800;margin-bottom:7px}.dashboard-header h1{font-size:30px}.dashboard-header p{margin:5px 0 0;font-size:13px}.header-actions{display:flex;gap:9px}.dashboard-button{min-height:39px;border-radius:9px;padding:0 14px;font-size:11px;font-weight:700;border:1px solid transparent}.dashboard-button.primary{background:var(--blue);color:#fff}.dashboard-button.primary:hover{background:var(--blue-dark)}.dashboard-button.secondary{background:#fff;color:#334155;border-color:var(--line)}.dashboard-button.full{width:100%}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px}.metric-card{padding:19px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;flex-direction:column}.metric-card>span{font-size:10px;color:#64748b;font-weight:700}.metric-card>strong{font:800 27px "Manrope";letter-spacing:-.05em;margin:4px 0}.metric-card small{color:#94a3b8;font-size:9px}.metric-card small b{color:var(--green)}
.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:21px;box-shadow:0 5px 18px rgba(15,23,42,.025)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:19px}.panel-heading h2{font-size:18px}.panel-heading p{font-size:11px;margin:5px 0 0}.local-badge{padding:6px 9px;border-radius:99px;background:#f0fdf4;color:#15803d;font-size:8px;font-weight:800;white-space:nowrap}
.workspace-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(270px,.75fr);gap:17px}.matcher-panel{padding:24px}.review-label{display:block;font-size:10px;font-weight:800;margin-bottom:7px}.matcher-panel textarea{width:100%;resize:vertical;border:1px solid #cbd5e1;border-radius:11px;padding:13px;font-size:12px;line-height:1.55;color:#334155}.matcher-panel textarea:focus{outline:3px solid #dbeafe;border-color:var(--blue)}.matcher-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 20px}.matcher-actions>span{color:#94a3b8;font-size:9px}.result-heading{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0 8px}.result-heading strong{font-size:11px}.result-heading small{color:#94a3b8;font-size:9px}
.result-card{display:grid;grid-template-columns:52px 1fr auto;gap:13px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:11px;margin-top:8px;transition:.2s}.result-card:hover{border-color:#bfdbfe;box-shadow:0 8px 24px rgba(37,99,235,.07)}.result-card.subdued{opacity:.78}.score{height:48px;border-radius:9px;background:var(--blue-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--blue)}.score strong{font-size:12px}.score span{font-size:7px}.result-card h3{font-size:12px}.result-card p{margin:4px 0 8px;font-size:10px;line-height:1.45}.result-card footer{display:flex;gap:5px;flex-wrap:wrap}.result-card footer span{padding:3px 6px;background:#f1f5f9;color:#64748b;border-radius:5px;font-size:7px}.result-card>button{border:1px solid #bfdbfe;background:#fff;color:var(--blue);border-radius:7px;padding:6px 9px;font-size:9px;font-weight:800}.results.refreshed .result-card{animation:pulse .6s ease}@keyframes pulse{50%{transform:translateY(-2px);border-color:#60a5fa}}
.side-stack{display:grid;gap:17px;align-content:start}.activity-panel ol{list-style:none;padding:0;margin:0;display:grid;gap:18px}.activity-panel li{display:grid;grid-template-columns:10px 1fr;gap:10px}.activity-panel i{width:8px;height:8px;border-radius:50%;margin-top:5px}.copy-dot{background:#2563eb}.template-dot{background:#8b5cf6}.category-dot{background:#f97316}.activity-panel li div{display:flex;flex-direction:column}.activity-panel strong{font-size:10px}.activity-panel small{font-size:8px;color:#94a3b8}.text-button{border:0;background:transparent;color:var(--blue);font-size:9px;font-weight:800;padding:15px 0 0}.quick-panel{background:linear-gradient(150deg,#eff6ff,#fff)}.quick-panel h2{font-size:18px}.quick-panel p{font-size:10px}.quick-panel code{color:var(--blue);font-size:9px}
.lower-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,.75fr);gap:17px;margin-top:17px}.table-tools{display:flex;gap:7px}.table-tools input{width:150px;border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:9px}.table-tools button,.icon-button{border:0;border-radius:8px;background:var(--blue);color:#fff;font-size:9px;font-weight:800;padding:7px 10px}.template-table{display:grid}.table-row{display:grid;grid-template-columns:1.6fr .8fr .75fr .55fr .5fr;gap:10px;align-items:center;padding:11px 4px;border-top:1px solid #f1f5f9;font-size:9px;color:#64748b}.table-row>span:first-child{display:flex;flex-direction:column}.table-row b{font-size:10px;color:#334155}.table-row small{color:#94a3b8}.table-head{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-size:7px}.sentiment{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.sentiment.positive{background:#22c55e}.sentiment.negative{background:#ef4444}.sentiment.neutral{background:#f59e0b}.status{justify-self:start;padding:4px 7px;border-radius:99px;font-weight:700}.status.active{background:#f0fdf4;color:#15803d}.status.archived{background:#f1f5f9;color:#64748b}
.category-list{display:grid;gap:8px}.category-list>span{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid #f1f5f9;border-radius:9px;font-size:10px;font-weight:600}.category-list i{width:7px;height:7px;border-radius:2px;background:var(--c)}.category-list b{color:#94a3b8}
.history-panel{margin-top:17px}.history-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.history-cards article{padding:14px;border:1px solid #f1f5f9;border-radius:10px}.history-cards header,.history-cards footer{display:flex;justify-content:space-between;align-items:center}.history-cards header span{color:var(--blue);font-size:8px;font-weight:800}.history-cards time{color:#94a3b8;font-size:7px}.history-cards p{font-size:9px}.history-cards strong{font-size:9px}.history-cards button{border:0;background:transparent;color:var(--blue);font-size:8px;font-weight:800}
.dashboard-toast{position:fixed;right:25px;bottom:25px;transform:translateY(20px);opacity:0;padding:12px 16px;border-radius:10px;background:#0f172a;color:#fff;font-size:10px;font-weight:700;box-shadow:0 15px 35px rgba(15,23,42,.25);transition:.22s;pointer-events:none}.dashboard-toast.show{transform:none;opacity:1}
@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(2,1fr)}.workspace-grid,.lower-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.dashboard-shell{display:block}.dashboard-sidebar{position:static;height:auto;padding:16px}.dashboard-brand{padding:0 5px 13px}.dashboard-brand img{width:130px}.nav-label,.sidebar-plan{display:none}.dashboard-nav{display:flex;overflow-x:auto;padding-bottom:4px}.dashboard-nav a,.dashboard-logout{white-space:nowrap;min-height:35px}.dashboard-nav a:before,.dashboard-logout:before{display:none}.sidebar-user{display:none}.dashboard-main{padding:22px 15px 45px}.dashboard-header{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.side-stack{grid-template-columns:1fr}.history-cards{grid-template-columns:1fr}.table-row{grid-template-columns:1.5fr .8fr .7fr}.table-row>span:nth-child(4),.table-row>span:nth-child(5){display:none}}
@media(max-width:520px){.metric-grid{grid-template-columns:1fr}.header-actions{width:100%}.header-actions button{flex:1}.panel{padding:16px}.matcher-actions{align-items:flex-start;flex-direction:column}.matcher-actions button{width:100%}.result-card{grid-template-columns:45px 1fr}.result-card>button{grid-column:2;justify-self:start}.table-tools input{display:none}}