:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;--color-bg: #f4f5fb;--color-surface: #ffffff;--color-surface-muted: #f8f9fc;--color-border: #e3e6ef;--color-text: #12172b;--color-text-muted: #667085;--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-soft: #eef0ff;--color-primary-soft-hover: #e0e3ff;--color-primary-soft-text: #3730a3;--color-danger: #dc2626;--color-danger-bg: #fef2f2;--color-danger-border: #fecaca;--shadow-card: 0 1px 2px rgba(18, 23, 43, .04), 0 14px 32px rgba(18, 23, 43, .06);--shadow-card-hover: 0 4px 10px rgba(18, 23, 43, .06), 0 20px 40px rgba(18, 23, 43, .09);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;background:var(--color-bg);color:var(--color-text)}*{box-sizing:border-box}body{margin:0;min-height:100vh}.page{max-width:1120px;margin:0 auto;padding:32px 24px 56px}header{margin-bottom:28px}h1{margin:0 0 6px;font-size:2rem;font-weight:700;letter-spacing:-.02em}h1:before{content:"";display:inline-block;width:12px;height:12px;margin-right:10px;border-radius:4px;background:linear-gradient(135deg,var(--color-primary),#8b5cf6);vertical-align:middle}h2{margin:0;font-size:1.35rem;font-weight:650;letter-spacing:-.01em}h3{margin:0 0 4px;font-size:1.05rem;font-weight:650}h4{margin:0;font-size:.95rem;font-weight:650}p{line-height:1.5}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:26px;margin-bottom:20px;box-shadow:var(--shadow-card)}.form-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}label{display:flex;flex-direction:column;gap:7px;font-size:.88rem;font-weight:600;color:var(--color-text-muted)}input,textarea,select{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:11px 14px;font-size:.98rem;font-family:inherit;font-weight:400;color:var(--color-text);background:var(--color-surface);outline:none;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:#9aa1b5}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}input[type=search]{-webkit-appearance:none}textarea{min-height:110px;resize:vertical}button{border:none;border-radius:var(--radius-sm);padding:11px 20px;background:var(--color-primary);color:#fff;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease,transform .1s ease,box-shadow .15s ease}button:hover{background:var(--color-primary-hover)}button:active{transform:translateY(1px)}button.active{background:var(--color-primary-hover);color:#fff}button.secondary{background:var(--color-primary-soft);color:var(--color-primary-soft-text)}button.secondary:hover{background:var(--color-primary-soft-hover)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.warranty-detail{margin-top:22px;border-top:1px solid var(--color-border);padding-top:20px}.upload-section{display:grid;gap:12px;margin-top:18px}.docs-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:16px}.doc-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px;background:var(--color-surface-muted);display:flex;flex-direction:column;gap:8px}.doc-card span{font-size:.85rem;color:var(--color-text-muted);word-break:break-word}.error{margin-top:16px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger);font-weight:600;font-size:.9rem}.full-width{grid-column:1 / -1}.hint{color:var(--color-text-muted);font-size:.88rem}.app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.app-header p{margin:0;color:var(--color-text-muted);font-size:.92rem}.header-actions{display:flex;gap:10px;flex-wrap:wrap}.list-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.form-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.auth-card{max-width:440px;margin:0 auto}.banner{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.01em;border:1px solid transparent}.badge.active{background:#dcfce7;color:#166534;border-color:#bbf7d0}.badge.expiring_soon{background:#fef3c7;color:#92400e;border-color:#fde68a}.badge.expired{background:#fee2e2;color:#991b1b;border-color:#fecaca}.badge.unknown{background:#eef0f4;color:#4b5262;border-color:#e3e6ef}.search-input{margin-bottom:18px}.contact-toggle{margin-top:14px}.product-list{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.product-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:18px;background:var(--color-surface-muted);transition:box-shadow .15s ease,transform .15s ease}.product-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.product-card p{margin:6px 0;font-size:.92rem}.product-card-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.product-card-actions{display:flex;gap:8px;margin-top:14px}.warranty-term-list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:7px;font-size:.88rem}.warranty-term-editor{margin-top:22px;border-top:1px solid var(--color-border);padding-top:20px}.warranty-term-row{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:18px;margin-bottom:16px;background:var(--color-surface-muted)}.warranty-term-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.barcode-input-row{display:flex;gap:8px}.barcode-input-row input{flex:1}.barcode-scanner{margin:14px 0;display:grid;gap:10px}.barcode-video{width:100%;max-width:480px;border-radius:var(--radius-md);background:#000}.docs-section{margin-top:18px}@media (max-width: 700px){.page{padding:20px 16px 40px}h1{font-size:1.6rem}.product-list{grid-template-columns:1fr}.app-header{flex-direction:column}.header-actions{width:100%}.header-actions button,.form-actions button{flex:1}}