.dashboard-header{text-align:center;margin-bottom:var(--spacing-12)}.dashboard-header h2{font-size:var(--font-size-3xl);color:var(--text-primary);margin-bottom:var(--spacing-2)}.subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}.dashboard-actions{text-align:center;margin-bottom:var(--spacing-8)}.dashboard-content{max-width:1000px;margin:0 auto}.placeholder-card{background:var(--bg-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-10);text-align:center}.icon-placeholder{font-size:4rem;margin-bottom:var(--spacing-6)}.placeholder-card h3{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--spacing-4)}.placeholder-card p{color:var(--text-secondary);margin-bottom:var(--spacing-6);line-height:1.6}.feature-list{text-align:left;max-width:400px;margin:0 auto var(--spacing-6);padding-left:var(--spacing-6)}.feature-list li{color:var(--text-secondary);margin-bottom:var(--spacing-2);line-height:1.5}.status-info{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--border-radius);padding:var(--spacing-4);font-size:var(--font-size-sm);line-height:1.6;margin-bottom:0}.loading-container{text-align:center;padding:var(--spacing-12)}.loading-container p{color:var(--text-secondary);margin-top:var(--spacing-4)}.error-state{background:var(--bg-primary);border-radius:var(--border-radius-xl);border:1px solid var(--error-color);padding:var(--spacing-12);text-align:center}.error-icon{font-size:3rem;margin-bottom:var(--spacing-4);color:var(--error-color)}.error-state h3{font-size:var(--font-size-xl);color:var(--error-color);margin-bottom:var(--spacing-4)}.error-state p{color:var(--text-secondary);margin-bottom:var(--spacing-6)}.empty-state{background:var(--bg-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-12);text-align:center}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-6);opacity:.6}.empty-state h3{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--spacing-4)}.empty-state p{color:var(--text-secondary);margin-bottom:var(--spacing-6);line-height:1.6}.debug-info{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);padding:var(--spacing-6)}.debug-info h4{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--spacing-4);border-bottom:1px solid var(--border-light);padding-bottom:var(--spacing-2)}.debug-content p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-2);display:flex;justify-content:space-between}.debug-content p:last-child{margin-bottom:0}.debug-content span{font-weight:var(--font-weight-medium);color:var(--text-primary)}.debug-content .status-ok{color:var(--success-color)}.debug-content .status-error{color:var(--error-color)}.debug-content .status-warning{color:var(--warning-color)}.credit-warning{background:var(--warning-bg, #fff3cd);border:1px solid var(--warning-color);border-radius:var(--border-radius-md);padding:var(--spacing-4);margin-bottom:var(--spacing-4);display:flex;align-items:flex-start;gap:var(--spacing-3)}.credit-warning.hidden{display:none!important}.credit-warning .warning-icon{font-size:var(--font-size-lg);flex-shrink:0}.credit-warning .warning-content p{margin:0;color:var(--warning-dark, #856404);font-size:var(--font-size-sm);line-height:1.4}.credit-warning .warning-content p:first-child{margin-bottom:var(--spacing-2)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.item-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;overflow:hidden}.item-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.item-image{width:100%;height:180px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:3rem;border-bottom:1px solid var(--border-light)}.item-image img{width:100%;height:100%;object-fit:cover}.item-content{padding:var(--spacing-4)}.item-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2);line-height:1.4}.item-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--spacing-3);max-height:3em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.item-actions{display:flex;justify-content:space-between;align-items:center}.item-date{color:var(--text-muted);font-size:var(--font-size-xs)}.item-qr-button{background:none;border:none;color:var(--primary-color);font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-1);border-radius:var(--border-radius);transition:background-color .2s ease}.item-qr-button:hover{background:var(--bg-secondary)}.item-form{display:grid;gap:var(--spacing-4)}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-2);font-size:var(--font-size-sm)}.form-group input,.form-group textarea{padding:var(--spacing-3);border:1px solid var(--border-light);border-radius:var(--border-radius);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px}.field-hint{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--spacing-1)}.field-error{font-size:var(--font-size-xs);color:var(--error-color);margin-top:var(--spacing-1);display:none}.field-error.show{display:block}@media (max-width: 768px){.header .user-info .btn{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);min-height:auto;width:auto}.items-grid{grid-template-columns:1fr}.dashboard-header h2{font-size:var(--font-size-2xl)}.debug-content p{flex-direction:column;gap:var(--spacing-1)}}@media (max-width: 480px){.container{padding:0 var(--spacing-3)}.main-content{padding:var(--spacing-6) 0}.dashboard-header{margin-bottom:var(--spacing-8)}.empty-state,.error-state{padding:var(--spacing-8)}.empty-icon,.error-icon{font-size:2.5rem}.items-grid{gap:var(--spacing-4)}.item-image{height:150px}}