:root{color:#17202a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}.app-shell{color:#17202a;background:#f6f7f9;grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #d9dee7;flex-direction:column;gap:24px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.brand-block{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:#0f766e;border-radius:8px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.brand-block strong,.brand-block span{display:block}.brand-block span{color:#667085;font-size:13px}.nav-list{gap:8px;display:grid}button{color:#17202a;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cdd5df;border-radius:6px;font-weight:650}button:hover{color:#0f766e;border-color:#0f766e}button.active,button.primary{color:#fff;background:#0f766e;border-color:#0f766e}.nav-list button{text-align:left;justify-content:flex-start;padding:0 12px}.status-box{background:#f8fafc;border:1px solid #d9dee7;border-radius:8px;margin-top:auto;padding:14px}.status-box span,.metric span,.panel-header span,.content-item span,.calendar-body span{color:#667085;text-transform:uppercase;font-size:12px;font-weight:700}.status-box strong{margin-top:6px;font-size:14px;line-height:1.35;display:block}.status-box .link{color:#475467;text-align:left;cursor:pointer;background:0 0;border:0;min-height:auto;margin-top:10px;padding:0;font-size:12px;font-weight:700;text-decoration:underline}.muted{color:#667085;margin:6px 0 0}.workspace{min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.topbar h1,.panel h2{margin:0}.topbar p,.panel p{color:#667085;margin:6px 0 0}.topbar-actions,.export-row,.row-actions,.search-line,.form-actions,.table-actions{flex-wrap:wrap;gap:10px;display:flex}.view-stack{gap:18px;display:grid}.metric-grid,.execution-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;display:grid}.metric{background:#fff;border:1px solid #d9dee7;border-radius:8px;min-height:82px;padding:16px}.metric strong{margin-top:10px;font-size:24px;display:block}.panel{background:#fff;border:1px solid #d9dee7;border-radius:8px}.panel-header{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;display:flex}.flow-row{grid-template-columns:repeat(7,minmax(90px,1fr));gap:10px;padding:18px;display:grid}.flow-row span{text-align:center;background:#f8fafc;border:1px solid #d9dee7;border-radius:6px;padding:10px;font-size:13px;font-weight:700}table{border-collapse:collapse;table-layout:fixed;width:100%}th,td{text-align:left;vertical-align:top;word-break:break-word;border-bottom:1px solid #edf0f5;padding:13px 16px}th{color:#475467;text-transform:uppercase;font-size:12px}input,select,textarea{box-sizing:border-box;width:110px;min-height:38px;font:inherit;color:#17202a;background:#fff;border:1px solid #cdd5df;border-radius:6px;padding:0 10px}textarea{resize:vertical;width:100%;min-height:86px;padding:10px}.form-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;padding:18px;display:grid}.compact-form{grid-template-columns:repeat(6,minmax(120px,1fr))}.field{gap:6px;min-width:0;display:grid}.field span{color:#475467;text-transform:uppercase;font-size:12px;font-weight:750}.field input,.field select{width:100%}.field.wide{grid-column:span 2}.multi-field{border:1px solid #d9dee7;border-radius:8px;min-width:0;margin:0;padding:10px}.multi-field legend{color:#475467;text-transform:uppercase;padding:0 4px;font-size:12px;font-weight:750}.multi-options{grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px 10px;display:grid}.check-option{align-items:center;gap:8px;display:flex}.check-option input{width:16px;min-height:16px}.form-actions{align-self:end;padding:18px}.form-grid .form-actions{padding:0}.inline-actions{flex-wrap:wrap;justify-content:flex-start;align-self:end;gap:10px;display:flex}.inline-actions button{height:38px}.export-row{padding:18px}.content-list,.calendar-list{gap:12px;padding:18px;display:grid}.content-item,.calendar-item{background:#fbfcfe;border:1px solid #d9dee7;border-radius:8px}.content-item{padding:14px}.content-item header,.calendar-body header{justify-content:space-between;gap:12px;display:flex}.calendar-item{grid-template-columns:72px minmax(0,1fr);display:grid;overflow:hidden}.date-box{color:#0f766e;background:#eef7f5;align-content:center;place-items:center;display:grid}.date-box strong{font-size:24px}.date-box span{text-transform:uppercase;font-size:12px;font-weight:800}.calendar-body{padding:14px}.calendar-body small{color:#475467;margin-top:8px;line-height:1.45;display:block}.row-actions{margin-top:12px}.table-actions{min-width:172px}.table-actions button,.row-actions button,.export-row button{min-width:78px;padding-inline:10px}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.topbar,.panel-header{flex-direction:column}.metric-grid,.execution-grid,.flow-row,.form-grid,.compact-form{grid-template-columns:repeat(2,minmax(0,1fr))}.field.wide{grid-column:span 2}}@media (width<=640px){.workspace,.sidebar{padding:16px}.metric-grid,.execution-grid,.flow-row,.form-grid,.compact-form{grid-template-columns:1fr}.field.wide{grid-column:span 1}table{display:block;overflow-x:auto}.calendar-item{grid-template-columns:58px minmax(0,1fr)}}
