*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1c1c1c;background:#f4f6f8}.app{max-width:1100px;margin:0 auto;padding:32px 20px 60px}.app__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.app__header h1{font-size:28px;font-weight:600;margin-bottom:4px}.app__subtitle{color:#6a6f73;font-size:14px}.panel{background:#fff;border:1px solid #e3e7ea;border-radius:12px;padding:16px 20px;margin-bottom:20px;box-shadow:0 6px 18px #0f172a0f}.panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel__header h2{font-size:16px;font-weight:600}.panel__content{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.panel__content--grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#4a4f55}.field input,.field select{border:1px solid #d4d8dd;border-radius:8px;padding:8px 10px;font-size:14px;background:#fff}.field input:focus,.field select:focus{outline:2px solid #4b7cf3;border-color:transparent}.button{border:none;border-radius:8px;padding:8px 14px;font-size:14px;cursor:pointer;background:#111827;color:#fff;transition:opacity .2s ease}.button:disabled{opacity:.6;cursor:not-allowed}.button--ghost{background:transparent;border:1px solid #cfd5db;color:#1c1c1c}.error{background:#ffe8e8;color:#b42318;border:1px solid #f6b7b7;padding:10px 14px;border-radius:8px;margin-bottom:20px;font-size:14px}.stats-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card{background:#fff;border-radius:12px;padding:18px;border:1px solid #e4e8ec;box-shadow:0 10px 20px #0f172a0f}.stat-card__label{font-size:13px;color:#667085;margin-bottom:8px}.stat-card__value{font-size:22px;font-weight:600;color:#101828}@media(max-width:600px){.panel__header{flex-direction:column;align-items:flex-start;gap:10px}.app__header{flex-direction:column;align-items:flex-start;gap:8px}}