*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0;padding:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;transition:background-color .3s,color .3s}:root{--bg:#f4f6f9;--surface:#fff;--text:#1f2937;--text-light:#6b7280;--border:#dcdfe4;--primary:#2563eb;--primary-hover:#1d4ed8;--danger:#dc2626;--radius:10px}@media (prefers-color-scheme:dark){:root{--bg:#121212;--surface:#1d1d1d;--text:#f5f5f5;--text-light:#b5b5b5;--border:#323232;--primary:#3b82f6;--primary-hover:#2563eb;--danger:#ef4444}}body{background:var(--bg);color:var(--text)}#root{width:100%;min-height:100vh}.app{max-width:1100px;margin:auto;padding:40px 20px}header{margin-bottom:35px}header h1{margin:0;font-size:2rem}.subtitle{color:var(--text-light);margin-top:6px}.item-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:30px;padding:24px;box-shadow:0 5px 15px #00000014}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field-row{gap:16px;display:flex}.field-row .field{flex:1}label{color:var(--text-light);font-weight:600}input,textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:10px 12px;font-size:15px}textarea{resize:vertical;min-height:100px}input:focus,textarea:focus{border-color:var(--primary);outline:none}.form-actions{gap:10px;margin-top:20px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-weight:600;transition:all .25s}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-hover)}.btn.small{padding:6px 14px;font-size:14px}.btn.danger{background:var(--danger);color:#fff}.btn.danger:hover{opacity:.9}.status{text-align:center;color:var(--text-light);padding:20px}.status.error{color:var(--danger)}.item-table{border-collapse:collapse;background:var(--surface);border-radius:var(--radius);width:100%;overflow:hidden;box-shadow:0 5px 15px #00000014}.item-table th{background:var(--primary);color:#fff;text-align:left;padding:14px}.item-table td{border-bottom:1px solid var(--border);padding:14px}.item-table tr:last-child td{border-bottom:none}.item-table tr:hover{background:#2563eb0f}.desc-cell{color:var(--text-light)}.actions-cell{gap:8px;display:flex}.error{color:var(--danger);font-size:.9rem}@media (width<=768px){.app{padding:20px 15px}.field-row{flex-direction:column;gap:0}.item-table{white-space:nowrap;display:block;overflow-x:auto}header h1{font-size:1.7rem}}