*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#eef3f8;color:#1f2937}.app-shell{width:min(760px,calc(100% - 24px));margin:24px auto}.card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.12)}.hidden{display:none!important}.brand{text-align:center;font-size:34px;font-weight:700;color:#2563eb;margin-bottom:10px}h1,h2{margin-top:0}input,textarea{width:100%;padding:12px;margin:7px 0;border:1px solid #cbd5e1;border-radius:9px;font-size:16px}textarea{min-height:95px;resize:vertical}button{border:0;border-radius:9px;padding:12px 15px;font-size:16px;font-weight:700;cursor:pointer;margin-top:8px}.full{width:100%}.primary{background:#2563eb;color:#fff}.secondary{background:#6b7280;color:#fff}.success{background:#16a34a;color:#fff}.danger{background:#dc2626;color:#fff}.note{color:#6b7280}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.stat{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:14px;text-align:center}.stat strong{display:block;font-size:26px;color:#1d4ed8}.stat span{font-size:13px;color:#475569}.item{background:#f8fbff;border:1px solid #dbe3ef;border-radius:12px;padding:14px;margin:10px 0}.item-title{font-size:18px;font-weight:700}.item-subtitle{color:#64748b;margin-top:4px}.item-actions{margin-top:10px}.item-actions button{width:auto;margin-right:6px}.form-section{margin-top:24px;padding-top:18px;border-top:1px solid #e5e7eb}.success-message{background:#dcfce7;color:#166534;padding:12px;border-radius:9px;margin-top:12px;font-weight:700;text-align:center}.empty{color:#64748b;font-style:italic}@media(max-width:600px){.stats{grid-template-columns:1fr}}