:root{--bg: #f4f5f7;--panel: #ffffff;--border: #d9dce1;--text: #1f2430;--muted: #6b7280;--primary: #2563eb;--primary-hover: #1d4ed8;--danger: #dc2626}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.app{max-width:760px;margin:0 auto;padding:24px 16px 64px}header h1{margin:0 0 4px}.muted{color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px;margin-top:20px}.panel h2{margin-top:0;font-size:1.1rem}label{display:block;font-weight:600;font-size:.9rem;margin:12px 0 4px}textarea,input[type=text],input[type=number],select{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:.95rem;font-family:inherit;background:#fff;color:var(--text)}textarea{resize:vertical}.row{display:flex;gap:20px;flex-wrap:wrap}.field{flex:1 1 240px}.field small{display:block;color:var(--muted);margin-top:4px}input[type=range]{width:100%}button{cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--text);padding:8px 14px;border-radius:6px;font-size:.95rem}button:hover:not(:disabled){background:#f0f2f5}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--primary);border-color:var(--primary);color:#fff;margin-top:16px}button.primary:hover:not(:disabled){background:var(--primary-hover)}button.danger{color:var(--danger);border-color:transparent;padding:4px 8px}.card-list-header,.card-item-header{display:flex;align-items:center;justify-content:space-between}.card-list{list-style:none;padding:0;margin:12px 0 0}.card-item{border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin-bottom:12px;background:#fbfbfd}.card-number{font-weight:700;color:var(--muted)}small{display:block;color:var(--muted);margin-top:8px}.error{background:#fdecec;border:1px solid #f5b5b5;color:#a11212;padding:12px 14px;border-radius:8px;margin-top:16px}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-panel{width:100%;max-width:360px;margin-top:0}.login-panel h1{margin:0 0 4px;font-size:1.4rem}