@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Mono:wght@400;700&display=swap";:root{color:#1b2422;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f5f0;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{background:#f4f5f0;min-height:100vh}.app-header{color:#f5f6ee;background:#182523;justify-content:space-between;align-items:center;padding:42px max(24px,50vw - 550px);display:flex}.app-header h1{letter-spacing:-.04em;margin:4px 0 0;font-size:clamp(2.6rem,7vw,5rem);line-height:.9}.app-header p:not(.eyebrow){color:#b7c5b9;margin:16px 0 0;font-size:1.05rem}.eyebrow{color:#e1a168;letter-spacing:.08em;text-transform:uppercase;margin:0;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700}.header-mark{color:#e1a168;border:1px solid #708678;border-radius:50%;place-items:center;width:62px;height:62px;font-family:Space Mono,monospace;font-size:.9rem;display:grid}.main-content{width:min(1100px,100% - 48px);margin:0 auto;padding:58px 0 80px}.create-section{border-bottom:1px solid #d7ddd2;grid-template-columns:.8fr 1.2fr;gap:64px;padding-bottom:68px;display:grid}.section-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}h2{color:#1b2422;letter-spacing:-.04em;margin:8px 0 0;font-size:clamp(1.8rem,4vw,2.6rem)}.section-number,.operation-count{color:#8e9d91;font-family:Space Mono,monospace;font-size:.85rem}.operation-form{gap:18px;display:grid}.operation-form label{color:#53625b;gap:8px;font-size:.82rem;font-weight:700;display:grid}input,textarea{color:#1b2422;resize:vertical;background:#fff;border:1px solid #ccd4c9;border-radius:3px;outline:none;width:100%;padding:13px 14px}input:focus,textarea:focus{border-color:#657f6f;box-shadow:0 0 0 3px #dce6dc}.primary-button,.secondary-button,.delete-button{border:0;border-radius:3px;padding:11px 16px;font-size:.82rem;font-weight:700;transition:transform .15s,opacity .15s}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{cursor:wait;opacity:.65}.primary-button{color:#fff;background:#2f5548;justify-self:start}.operations-section{padding-top:58px}.operations-section>.section-heading{margin-bottom:24px}.operations-list{gap:12px;display:grid}.operation-card{background:#fff;border:1px solid #d7ddd2;border-left:4px solid #b6c6b4;justify-content:space-between;align-items:center;gap:28px;padding:22px 24px;display:flex}.operation-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}h3{margin:0;font-size:1.12rem}.operation-description{color:#617068;margin:9px 0 12px}time{color:#89978d;font-family:Space Mono,monospace;font-size:.68rem}.status{text-transform:uppercase;border-radius:2px;padding:4px 7px;font-family:Space Mono,monospace;font-size:.62rem}.status-pending{color:#8a5b27;background:#f8e4cc}.status-completed{color:#2d654e;background:#dcebdc}.operation-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.secondary-button{color:#2f5548;background:#e1ebe1}.delete-button{color:#9b4c42;background:0 0}.message{color:#69776e;margin:24px 0}.error-message{color:#8d3d34;background:#fae9e4;border-left:3px solid #bd5c4c;padding:12px 14px}.empty-message{border-top:1px solid #d7ddd2;padding:36px 0}@media (width<=700px){.app-header{padding:32px 24px}.header-mark{width:48px;height:48px}.main-content{width:min(100% - 32px,520px);padding-top:40px}.create-section{padding-bottom:48px;display:block}.create-section .section-heading{margin-bottom:28px}.operations-section{padding-top:48px}.operation-card{padding:18px;display:block}.operation-actions{margin-top:18px}}