:root{--bg-color: #ffffff;--text-color: #000000;--grey-color: #757575;--border-width: 1px;--main-font: "Inter", -apple-system, sans-serif;--standard-spacing: 16px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--main-font);text-transform:lowercase;font-size:14px;line-height:1.5}a{color:var(--text-color);text-decoration:none}a:hover{text-decoration:underline}button{background:var(--text-color);color:var(--bg-color);border:none;padding:8px 16px;cursor:pointer;font-weight:700;font-family:var(--main-font);text-transform:lowercase;font-size:14px}button:hover{opacity:.8}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font-family:var(--main-font);font-size:14px;text-transform:lowercase;padding:12px;border:1px solid var(--text-color);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-width:2px}.qr-generator{max-width:600px;margin:0 auto;padding:var(--standard-spacing)}.qr-form{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.qr-form label{display:flex;flex-direction:column;gap:8px}.qr-options{display:flex;gap:16px;flex-wrap:wrap}.qr-options label{flex:1;min-width:120px}.qr-result{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;border:1px solid var(--text-color)}.qr-result img{max-width:100%;image-rendering:pixelated}.qr-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.size-selector{display:flex;gap:8px;align-items:center}.size-selector button{background:var(--bg-color);color:var(--text-color);border:1px solid var(--text-color);padding:4px 12px}.size-selector button.active{background:var(--text-color);color:var(--bg-color)}.color-input{display:flex;align-items:center;gap:8px}.color-input input[type=color]{width:40px;height:40px;padding:0;border:1px solid var(--text-color);cursor:pointer}.hint{font-size:12px;color:var(--grey-color)}.qr-save{display:flex;gap:8px;width:100%;max-width:300px}.saved-codes{margin-top:32px;border-top:1px solid var(--text-color);padding-top:24px}.saved-codes h3{font-size:14px;font-weight:700;margin-bottom:16px}.saved-codes-list{display:flex;flex-direction:column;gap:8px}.saved-code-item{display:flex;align-items:center;border:1px solid var(--text-color);padding:12px}.saved-code-info{flex:1;cursor:pointer;display:flex;flex-direction:column;gap:4px}.saved-code-info:hover{opacity:.7}.saved-code-name{font-weight:700}.saved-code-text{font-size:12px;color:var(--grey-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-code-delete{background:transparent;color:var(--text-color);padding:4px 8px;font-size:18px;line-height:1}.saved-code-delete:hover{background:var(--text-color);color:var(--bg-color)}.saved-codes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.saved-codes-header h3{margin-bottom:0}.analytics-link{background:transparent;color:var(--text-color);border:1px solid var(--text-color);padding:4px 12px;font-size:12px}.analytics-link:hover{background:var(--text-color);color:var(--bg-color)}.saved-code-actions{display:flex;align-items:center;gap:8px}.saved-code-scans{font-size:12px;color:var(--grey-color)}.saved-code-analytics{background:transparent;color:var(--text-color);border:1px solid var(--text-color);padding:4px 8px;font-size:12px}.saved-code-analytics:hover{background:var(--text-color);color:var(--bg-color)}.analytics-dashboard,.qr-detail{max-width:900px;margin:0 auto;padding:var(--standard-spacing)}.analytics-header,.qr-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.analytics-header h2,.qr-detail-header h2{flex:1;font-size:18px}.back-button{background:transparent;color:var(--text-color);border:1px solid var(--text-color);padding:4px 12px}.back-button:hover{background:var(--text-color);color:var(--bg-color)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:32px}.stat-card{border:1px solid var(--text-color);padding:16px;text-align:center}.stat-value{display:block;font-size:28px;font-weight:700}.stat-label{display:block;font-size:12px;color:var(--grey-color);margin-top:4px}.period-selector{display:flex;flex-direction:column;gap:8px}.period-buttons{display:flex;gap:4px}.period-buttons button{background:transparent;color:var(--text-color);border:1px solid var(--text-color);padding:4px 12px;font-size:12px}.period-buttons button.active{background:var(--text-color);color:var(--bg-color)}.custom-date-picker{display:flex;align-items:center;gap:8px}.custom-date-picker input{width:auto;padding:4px 8px}.custom-date-picker button{padding:4px 12px}.chart-section{border:1px solid var(--text-color);padding:16px;margin-bottom:16px}.chart-section h3{margin-bottom:16px}.chart-section h4{font-size:12px;color:var(--grey-color);margin-bottom:8px}.chart-section.half{margin-bottom:0}.chart-container{border:1px solid var(--text-color);padding:16px;margin-bottom:24px}.chart-container h4{font-size:14px;margin-bottom:16px}.chart-empty{color:var(--grey-color);text-align:center;padding:32px}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.charts-row .chart-container,.charts-row .chart-section{margin-bottom:0}.time-pattern-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:24px}.time-pattern-charts .chart-container{margin-bottom:0}.top-items-table,.top-qr-table{overflow-x:auto}.top-items-table table,.top-qr-table table{width:100%;border-collapse:collapse;font-size:12px}.top-items-table th,.top-items-table td,.top-qr-table th,.top-qr-table td{padding:8px;text-align:left;border-bottom:1px solid #eee}.top-items-table th,.top-qr-table th{font-weight:700;color:var(--grey-color)}.top-items-table .num-col,.top-qr-table .num-col{text-align:right;width:80px}.top-items-table .item-col{max-width:200px}.top-items-table .item-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-items-table .item-subtitle{color:var(--grey-color);font-family:monospace}.top-items-table tr.clickable,.top-qr-table tr.clickable{cursor:pointer}.top-items-table tr.clickable:hover,.top-qr-table tr.clickable:hover{background:#f9f9f9}.truncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-detail-info{display:flex;gap:24px;margin-bottom:32px;flex-wrap:wrap}.qr-detail-info img{border:1px solid var(--text-color)}.qr-detail-meta{flex:1;min-width:200px}.qr-detail-meta p{margin-bottom:8px}.qr-detail-meta code{background:#f0f0f0;padding:2px 6px;font-size:12px}.copy-btn{margin-left:8px;background:transparent;color:var(--text-color);border:1px solid var(--text-color);padding:2px 8px;font-size:11px}.analytics-section{border-top:1px solid var(--text-color);padding-top:24px}.analytics-section .analytics-header{margin-bottom:24px}.analytics-section h3{font-size:16px}.error{color:#d32f2f}