:root{
  --bg:#f5f7fb;
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --sidebar:#0f172a;
  --sidebar-2:#111c33;
  --sidebar-text:#cbd5e1;
  --sidebar-muted:#7f8da3;
  --text:#172033;
  --muted:#667085;
  --line:#e6eaf0;
  --line-strong:#d5dae3;
  --primary:#3157d5;
  --primary-dark:#2748b6;
  --primary-soft:#eef2ff;
  --success:#15803d;
  --success-soft:#ecfdf3;
  --warning:#b45309;
  --warning-soft:#fff7ed;
  --danger:#b42318;
  --danger-soft:#fff1f2;
  --info:#0369a1;
  --info-soft:#eff8ff;
  --shadow-sm:0 1px 2px rgba(16,24,40,.04);
  --shadow-md:0 6px 20px rgba(16,24,40,.07);
  --radius:12px;
  --sidebar-width:264px;
  font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--text);
  background:var(--bg)
}
*{box-sizing:border-box}
html{min-height:100%}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}
a{color:var(--primary);text-decoration:none}
a:hover{color:var(--primary-dark)}
button,input,select,textarea{font:inherit}
svg{display:block}

/* Application shell */
.app-shell{min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:linear-gradient(180deg,var(--sidebar) 0%,#0b1220 100%);color:var(--sidebar-text);display:flex;flex-direction:column;z-index:50;border-right:1px solid rgba(255,255,255,.04)}
.sidebar-brand{height:72px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07)}
.brand-mark{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#5674e8,#3157d5);color:#fff;font-weight:800;letter-spacing:.2px;box-shadow:0 8px 22px rgba(49,87,213,.35)}
.brand-mark:hover{color:#fff}
.brand-copy{display:flex;flex-direction:column;color:#fff;min-width:0}
.brand-copy:hover{color:#fff}
.brand-copy strong{font-size:15px;line-height:1.25}
.brand-copy span{font-size:11px;color:#8794aa;margin-top:2px}
.sidebar-close{display:none;margin-left:auto;color:#cbd5e1}
.sidebar-nav{flex:1;overflow:auto;padding:18px 12px 24px;scrollbar-width:thin}
.nav-section+.nav-section{margin-top:20px}
.nav-section-title{padding:0 12px 7px;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700;color:var(--sidebar-muted)}
.nav-link{height:42px;padding:0 12px;margin:3px 0;border-radius:9px;color:var(--sidebar-text);display:flex;align-items:center;gap:11px;font-weight:500;transition:background .15s ease,color .15s ease}
.nav-link:hover{background:rgba(255,255,255,.06);color:#fff}
.nav-link.active{background:rgba(76,105,220,.22);color:#fff;box-shadow:inset 3px 0 0 #6f8cff}
.nav-icon{width:19px;height:19px;display:grid;place-items:center;flex:0 0 19px;opacity:.86}
.nav-icon svg{width:19px;height:19px;fill:currentColor}
.sidebar-footer{padding:14px;border-top:1px solid rgba(255,255,255,.07)}
.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px}
.sidebar-user-copy{display:flex;flex-direction:column;min-width:0}
.sidebar-user-copy strong{font-size:12px;color:#f8fafc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-user-copy span{font-size:11px;color:#8f9bb0}
.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8edff;color:#3451b2;font-size:12px;font-weight:800;letter-spacing:.03em;flex:0 0 auto}
.avatar.small{width:32px;height:32px;font-size:11px}
.app-main{margin-left:var(--sidebar-width);min-height:100vh}
.app-topbar{height:72px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 28px}
.topbar-left,.topbar-actions{display:flex;align-items:center;gap:14px}
.menu-button{display:none}
.page-context{display:flex;flex-direction:column;line-height:1.25}
.page-context-label{font-size:10px;color:#98a2b3;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.page-context strong{font-size:15px;color:#26334d}
.account-menu{position:relative}
.account-trigger{border:0;background:transparent;display:flex;align-items:center;gap:9px;padding:6px 7px;border-radius:9px;cursor:pointer;color:var(--text)}
.account-trigger:hover{background:#f5f7fa}
.account-trigger-copy{display:flex;flex-direction:column;text-align:left;line-height:1.2}
.account-trigger-copy strong{font-size:12px;max-width:165px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-trigger-copy small{font-size:10px;color:#98a2b3;margin-top:2px}
.chevron{font-size:16px;color:#98a2b3}
.account-dropdown{position:absolute;right:0;top:48px;width:190px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-md);padding:6px;z-index:100}
.account-dropdown a,.account-dropdown button{display:block;width:100%;padding:9px 10px;border:0;background:transparent;text-align:left;border-radius:7px;color:#344054;cursor:pointer}
.account-dropdown a:hover,.account-dropdown button:hover{background:#f5f7fa;color:#111827}
.account-dropdown form{margin:0}
.page-content{max-width:1560px;margin:0 auto;padding:26px 28px 44px}
.sidebar-backdrop{display:none}
.icon-button{width:36px;height:36px;border:0;background:transparent;border-radius:8px;display:grid;place-items:center;cursor:pointer}
.icon-button:hover{background:rgba(255,255,255,.08)}
.icon-button svg{width:21px;height:21px;fill:currentColor}

/* Page structure */
.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}
.page-header-main{min-width:0}
.page-header h1{margin:0;color:#14213a;font-size:25px;line-height:1.25;letter-spacing:-.02em}
.page-header p{margin:5px 0 0;color:var(--muted);font-size:13px}
.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
h1{font-size:25px;letter-spacing:-.02em;color:#14213a;margin:0 0 18px}
h2{color:#1d2939}
h3{font-size:15px;color:#25314a;margin:0 0 13px}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.section-title h2,.section-title h3{margin:0}
.muted{color:var(--muted)!important}
.text-small{font-size:12px}
.text-danger{color:var(--danger)!important}

/* Cards */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:18px;box-shadow:var(--shadow-sm)}
a.card{display:block;color:inherit;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
a.card:hover{transform:translateY(-1px);border-color:#cfd7e6;box-shadow:var(--shadow-md);color:inherit}
.card.compact{padding:15px}
.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-2px 0 16px}
.card-header h3{margin:0}
.card-subtitle{font-size:12px;color:var(--muted)}
.table-card{padding:0;overflow:hidden}
.table-card .card-header{padding:18px 20px 0;margin:0 0 12px}
.table-scroll{overflow:auto;width:100%}
.admin-tile{position:relative;padding:20px 20px 18px}
.admin-tile-icon{width:42px;height:42px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;margin-bottom:16px}
.admin-tile-icon svg{width:22px;height:22px;fill:currentColor}
.admin-tile h3{font-size:15px;margin-bottom:4px}
.admin-tile p{font-size:12px;color:var(--muted);margin:0;line-height:1.55}
.admin-tile-arrow{position:absolute;right:18px;top:20px;color:#98a2b3;font-size:16px}

/* Grids */
.grid{display:grid;gap:16px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}

/* KPI cards */
.kpi{position:relative;overflow:hidden;padding:18px}
.kpi-label{font-size:11px;color:#667085;text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.kpi strong{font-size:28px;line-height:1.2;display:block;margin-top:7px;color:#15203a;letter-spacing:-.03em}
.kpi-meta{font-size:11px;color:#98a2b3;margin-top:5px}
.kpi-icon{position:absolute;right:16px;top:16px;width:36px;height:36px;border-radius:9px;background:#f3f5f9;display:grid;place-items:center;color:#64748b}
.kpi-icon svg{width:19px;height:19px;fill:currentColor}
.kpi.danger-accent .kpi-icon{background:var(--danger-soft);color:var(--danger)}
.kpi.success-accent .kpi-icon{background:var(--success-soft);color:var(--success)}
.kpi.info-accent .kpi-icon{background:var(--info-soft);color:var(--info)}
.kpi.warning-accent .kpi-icon{background:var(--warning-soft);color:var(--warning)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border:1px solid transparent;border-radius:8px;padding:7px 13px;background:#26354f;color:#fff;text-decoration:none;font-weight:600;font-size:12px;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease}
.btn:hover{color:#fff;background:#1d293d}
.btn:active{transform:translateY(1px)}
.btn-primary,.btn:not(.secondary):not(.danger){background:var(--primary);border-color:var(--primary)}
.btn-primary:hover,.btn:not(.secondary):not(.danger):hover{background:var(--primary-dark);border-color:var(--primary-dark)}
.btn.secondary{background:#fff;color:#344054;border-color:var(--line-strong)}
.btn.secondary:hover{background:#f8fafc;color:#1d2939;border-color:#c3cad6}
.btn.danger{background:#fff;color:var(--danger);border-color:#fecdd3}
.btn.danger:hover{background:var(--danger-soft);border-color:#fda4af;color:#9f1239}
.btn.sm{min-height:30px;padding:5px 9px;font-size:11px;border-radius:7px}
.link-button{border:0;background:none;color:var(--primary);cursor:pointer;padding:0;font:inherit}
.link-button:hover{text-decoration:underline}
.topbar-create{white-space:nowrap}

/* Forms */
.form-row{margin-bottom:15px}
.form-row label{display:block;font-weight:600;font-size:12px;color:#344054;margin-bottom:6px}
.form-row input,.form-row select,.form-row textarea,input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,textarea{width:100%;min-height:39px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#1d2939;outline:none;transition:border-color .15s ease,box-shadow .15s ease}
.form-row textarea,textarea{min-height:126px;resize:vertical}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus,input:focus,select:focus,textarea:focus{border-color:#8097e8;box-shadow:0 0 0 3px rgba(49,87,213,.10)}
input[type=checkbox],input[type=radio]{accent-color:var(--primary)}
input[type=file]{padding:7px;background:#f8fafc}
.validation-summary-errors,.field-validation-error{color:var(--danger);font-size:12px}
.validation-summary-errors ul{margin:4px 0 14px;padding-left:20px}
.form-hint{display:block;margin-top:5px;color:#98a2b3;font-size:11px}
.form-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:18px}
.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.filter-card{padding:17px 18px 8px}
.filter-card .form-row{margin-bottom:10px}
.filter-card.is-collapsed .filter-body{display:none}
.filter-card.is-collapsed{padding-bottom:17px}
.filter-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.filter-toolbar h3{margin:0}
.checkbox-list{display:grid;gap:8px}
.checkbox-item{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}

/* Tables */
table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;font-size:12px}
th,td{text-align:left;padding:11px 13px;border-bottom:1px solid #edf0f4;vertical-align:middle}
th{background:#f8fafc;color:#667085;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
th a{color:#667085}
th a:hover{color:var(--primary)}
tbody tr:hover{background:#fafbfc}
tbody tr:last-child td{border-bottom:0}
td{color:#344054}
td strong{color:#1d2939}
.table-actions{display:flex;gap:6px;justify-content:flex-end;white-space:nowrap}
.table-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}
.pagination{display:flex;gap:6px;align-items:center}
.empty-state{text-align:center;padding:32px 20px;color:var(--muted)}

/* Badges */
.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:10px;font-weight:700;white-space:nowrap}
.badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#98a2b3}
.status-new{background:#eff6ff;color:#1d4ed8}.status-new::before{background:#3b82f6}
.status-inprogress{background:#fff7ed;color:#b45309}.status-inprogress::before{background:#f59e0b}
.status-resolved{background:#ecfdf3;color:#15803d}.status-resolved::before{background:#22c55e}
.status-closed{background:#f2f4f7;color:#475467}.status-closed::before{background:#64748b}
.overdue{background:#fff1f2;color:#b42318}.overdue::before{background:#ef4444}
.inactive{color:#98a2b3!important}
.status-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#f5f7fa;font-size:11px;font-weight:700}

/* Alerts */
.alert{padding:11px 14px;border-radius:9px;margin-bottom:16px;border:1px solid transparent;font-size:12px}
.alert.success{background:var(--success-soft);border-color:#bbf7d0;color:#166534}
.alert.error{background:var(--danger-soft);border-color:#fecdd3;color:#9f1239}

/* Dashboard charts */
.bar-row{margin:12px 0}
.bar-label{display:flex;justify-content:space-between;font-size:11px;color:#475467;margin-bottom:6px}
.bar-label strong{color:#25314a}
.bar-track{height:7px;background:#edf0f5;border-radius:999px;overflow:hidden}
.bar-fill{height:100%;background:linear-gradient(90deg,#3157d5,#6f8cff);border-radius:999px}

/* Issue details */
.issue-shell{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(330px,.8fr);gap:18px;align-items:start}
.issue-shell>aside{position:sticky;top:92px}
.issue-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.issue-number{display:block;font-size:11px;color:#667085;text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-bottom:5px}
.issue-title-row h1{margin:0 0 9px;font-size:24px}
.issue-meta-badges{display:flex;gap:7px;flex-wrap:wrap}
.tabs{display:flex;gap:3px;border-bottom:1px solid var(--line);margin-bottom:16px}
.tab{border:0;background:transparent;padding:9px 11px;color:#667085;font-weight:600;font-size:12px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.tab:hover{color:#26354f}
.tab.active{color:var(--primary);border-bottom-color:var(--primary)}
.timeline{max-height:68vh;overflow:auto;padding-right:3px}
.timeline-item{padding:12px 0;border-bottom:1px solid #edf0f4;font-size:12px}
.timeline-item:last-child{border-bottom:0}
.markdown{line-height:1.65;color:#344054}
.markdown p:first-child{margin-top:0}
.markdown p:last-child{margin-bottom:0}
.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:20px}
.detail-item{background:#fff;padding:13px}
.detail-label{display:block;text-transform:uppercase;letter-spacing:.04em;color:#98a2b3;font-size:9px;font-weight:700;margin-bottom:4px}
.detail-value{font-size:12px;color:#25314a;font-weight:600;overflow-wrap:anywhere}

/* Login */
.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.95fr) minmax(480px,1.4fr);background:#fff}
.auth-panel{display:flex;align-items:center;justify-content:center;padding:48px;background:#fff}
.auth-card{width:100%;max-width:410px}
.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:38px;color:#14213a}
.auth-brand .brand-mark{width:42px;height:42px}
.auth-brand strong{font-size:17px}
.auth-card h1{font-size:28px;margin-bottom:8px}
.auth-card>p{margin:0 0 25px;color:var(--muted)}
.auth-card .btn{width:100%;min-height:42px;margin-top:5px}
.auth-visual{position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172a,#172554 58%,#1e3a8a);display:flex;align-items:center;justify-content:center;padding:60px;color:#fff}
.auth-visual::before,.auth-visual::after{content:"";position:absolute;border-radius:50%;filter:blur(1px);background:rgba(91,117,226,.22)}
.auth-visual::before{width:480px;height:480px;right:-160px;top:-170px}
.auth-visual::after{width:340px;height:340px;left:-100px;bottom:-120px}
.auth-message{position:relative;max-width:560px;z-index:2}
.auth-message .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#a5b4fc;font-weight:700}
.auth-message h2{font-size:38px;line-height:1.15;color:#fff;letter-spacing:-.035em;margin:14px 0 18px}
.auth-message p{color:#cbd5e1;font-size:15px;max-width:500px}
.auth-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px}
.auth-point{padding:14px 15px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:10px;font-size:12px;color:#e2e8f0}

/* Misc */
hr{border:0;border-top:1px solid var(--line);margin:18px 0}
details summary{cursor:pointer;color:var(--primary);font-size:11px;font-weight:600;margin:6px 0}
summary::marker{color:#98a2b3}
.project-name-cell{display:flex;align-items:center;gap:10px}
.project-code{display:inline-grid;place-items:center;min-width:34px;height:28px;padding:0 8px;border-radius:7px;background:#f1f4f9;color:#475467;font-size:10px;font-weight:800}
.member-avatar{width:30px;height:30px;border-radius:50%;background:#eef2ff;color:#4059b8;display:grid;place-items:center;font-size:10px;font-weight:800}
.member-row{display:flex;align-items:center;gap:10px}
.member-row-copy{display:flex;flex-direction:column}
.member-row-copy small{color:#98a2b3}

@media(max-width:1250px){
  .grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filters{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1020px){
  .sidebar{transform:translateX(-100%);transition:transform .2s ease}
  body.sidebar-open .sidebar{transform:translateX(0)}
  .app-main{margin-left:0}
  .menu-button,.sidebar-close{display:grid}
  .sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.42);z-index:45;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
  body.sidebar-open .sidebar-backdrop{opacity:1;visibility:visible}
  body.sidebar-open{overflow:hidden}
  .issue-shell{grid-template-columns:1fr}
  .issue-shell>aside{position:static}
}
@media(max-width:760px){
  .app-topbar{height:64px;padding:0 14px}
  .page-content{padding:18px 14px 34px}
  .topbar-create{display:none}
  .account-trigger-copy{display:none}
  .page-header{flex-direction:column;align-items:stretch}
  .page-actions{width:100%}
  .page-actions .btn{flex:1}
  .grid-6,.grid-4,.grid-3,.grid-2,.filters,.detail-grid{grid-template-columns:1fr}
  .card{padding:16px}
  .table-card{padding:0}
  table{min-width:720px}
  .auth-page{display:block;background:#fff}
  .auth-panel{min-height:100vh;padding:28px 20px}
  .auth-visual{display:none}
  .auth-brand{margin-bottom:28px}
}
@media(max-width:420px){
  .page-context-label{display:none}
  .page-context strong{font-size:13px}
  .topbar-actions{gap:5px}
}
.alert:not(.success):not(.error){background:#f8fafc;border-color:var(--line);color:#475467}

/* Milestones */
.milestone-filter-card{padding:14px 18px}.milestone-filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:14px;align-items:end}.milestone-filters .form-row{margin:0}.milestone-filters .form-actions{margin:0 0 1px}.milestone-board{padding:0;overflow:hidden}.milestone-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);background:var(--surface-2)}.milestone-tab{padding:14px 20px;color:#475467;border-right:1px solid var(--line);font-weight:600}.milestone-tab strong{margin-right:5px}.milestone-tab:hover{background:#fff;color:var(--primary)}.milestone-tab.active{background:#fff;color:#172033;box-shadow:inset 0 -3px 0 var(--primary)}.milestone-list{display:block}.milestone-row{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;padding:20px 22px;border-bottom:1px solid var(--line);background:#fff}.milestone-row:last-child{border-bottom:0}.milestone-row:hover{background:#fbfcff}.milestone-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.milestone-title-line h1{margin:0}.milestone-code{font-size:16px;font-weight:750;color:#25314a}.milestone-description{margin-top:8px;color:#667085;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.milestone-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px;color:#7b8798;font-size:12px}.milestone-progress-area{display:flex;flex-direction:column;justify-content:center}.progress-label{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#667085;margin-bottom:7px}.progress-label strong{color:#344054}.progress-track{height:8px;border-radius:999px;background:#e9edf4;overflow:hidden}.progress-fill{height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#6d83e8);transition:width .2s ease}.milestone-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:10px;font-size:12px}.milestone-actions form{margin:0}.danger-link{color:var(--danger)}.milestone-empty{padding:55px 20px}.milestone-empty strong{display:block;font-size:16px;margin-bottom:5px}.milestone-empty span{color:var(--muted)}.milestone-big-progress{font-size:23px;font-weight:750;color:#25314a;margin:8px 0}.milestone-detail-grid{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}.milestone-issue-picker{display:flex;align-items:flex-start;gap:10px;padding:11px 10px;border:1px solid var(--line);border-radius:8px;margin-bottom:8px;cursor:pointer;background:#fff}.milestone-issue-picker:hover{background:#f8fafc;border-color:#cfd7e6}.milestone-issue-picker input{margin-top:3px}.milestone-issue-picker span{display:flex;flex-direction:column;min-width:0}.milestone-issue-picker small{color:var(--muted);margin-top:2px}.milestone-inline{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.inline-milestone-form{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:8px;margin-top:12px}.empty-state.compact{padding:14px}.form-card-narrow{max-width:900px}.badge.success{background:var(--success-soft);color:var(--success)}.badge.neutral{background:#f2f4f7;color:#475467}.badge.danger{background:var(--danger-soft);color:var(--danger)}
@media(max-width:980px){.milestone-row{grid-template-columns:1fr}.milestone-actions{justify-content:flex-start}.milestone-filters{grid-template-columns:1fr 1fr}.milestone-filters .form-actions{grid-column:1/-1}.milestone-detail-grid{grid-template-columns:1fr}}
@media(max-width:640px){.milestone-filters{grid-template-columns:1fr}.milestone-row{padding:16px}.inline-milestone-form{grid-template-columns:1fr}.milestone-tabs{overflow:auto}.milestone-tab{white-space:nowrap}}