#auth-screens{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1rem}.screen{width:100%;max-width:380px}.auth-view{display:none}.auth-view.active{display:block}.auth-form{display:flex;flex-direction:column;gap:.15rem}.link-btn{background:none;border:none;cursor:pointer;font-family:inherit;font-size:.65rem;color:#1c161266;padding:0;text-decoration:underline;text-underline-offset:2px;text-transform:none;letter-spacing:0}.link-btn:hover{color:#1c1612}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:.9rem 0 0;color:#1c16124d;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#1c161224}.auth-footer{font-size:.68rem;color:#1c161261;text-align:center;margin-top:.75rem}.error-msg{margin:.5rem 0;padding:.65rem .75rem;background:#ff00000f;border:1px solid rgba(255,0,0,.2);border-radius:2px;color:#c0392be6;font-size:.8rem}.success-msg{margin:.5rem 0;padding:.65rem .75rem;background:#0080000f;border:1px solid rgba(0,128,0,.2);border-radius:2px;color:#1a6b3ce6;font-size:.8rem}main{max-width:960px;margin:0 auto;padding:3.5rem 2rem 4rem}.page-header{margin-bottom:2.5rem}.greeting{font-size:.8rem;color:#888880;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.35rem}h1{font-size:clamp(2rem,4vw,2.75rem);font-weight:400;font-style:italic;letter-spacing:-.02em;line-height:1.1}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#e8e8e4;border:1px solid #e8e8e4;border-radius:12px;overflow:hidden}.dash-card{background:#fff;padding:1.75rem;display:flex;flex-direction:column;gap:1rem;opacity:0;transform:translateY(6px);animation:fadeUp .4s ease forwards}.dash-card:nth-child(1){animation-delay:.05s}.dash-card:nth-child(2){animation-delay:.1s}.dash-card:nth-child(3){animation-delay:.15s}.dash-card:nth-child(4){animation-delay:.2s}.dash-card:nth-child(5){animation-delay:.25s}.dash-card:nth-child(6){animation-delay:.3s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.dash-card--wide{grid-column:span 2}.dash-card--accent{background:#1c1612;color:#fafaf8}.dash-card--accent .card-label{color:#fafaf873}.card-desc{font-size:.85rem;color:#888880;line-height:1.4}.action-item,a.action-item{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.7rem 0;background:none;border:none;border-top:1px solid #e8e8e4;font-family:inherit;font-size:.875rem;color:#1c1612;cursor:pointer;transition:color .15s;text-decoration:none;margin-top:auto}.action-item:hover{color:#888880}.action-arrow{font-size:.75rem;color:#888880;transition:transform .15s}.action-item:hover .action-arrow{transform:translate(3px)}.quick-row{display:flex;justify-content:space-between;align-items:center}.btn-action{background:#1c1612;color:#fafaf8;border:none;padding:.45rem 1rem;border-radius:2px;font-family:inherit;font-size:.75rem;font-weight:500;letter-spacing:.06em;cursor:pointer;transition:opacity .2s}.btn-action:hover:not(:disabled){opacity:.85}.btn-action:disabled{opacity:.45;cursor:not-allowed}.queue-card{padding-bottom:1rem}.queue-header{display:flex;justify-content:space-between;align-items:center}.queue-actions{display:flex;gap:.4rem}.btn-clear{background:none;border:1px solid rgba(192,57,43,.3);border-radius:4px;padding:.2rem .55rem;font-family:inherit;font-size:.65rem;font-weight:500;color:#c0392bb3;cursor:pointer;transition:background .15s,color .15s}.btn-clear:hover{background:#c0392b14;color:#c0392be6}.btn-clear:disabled{opacity:.4;cursor:not-allowed}.btn-refresh{background:none;border:1px solid #e8e8e4;border-radius:4px;padding:.2rem .5rem;font-size:.85rem;color:#888880;cursor:pointer;transition:color .15s,border-color .15s}.btn-refresh:hover{color:#1c1612;border-color:#1c1612}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid #e8e8e4;margin-top:auto}.toggle{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:#ddd;border-radius:22px;cursor:pointer;transition:background .2s}.toggle-slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s}.toggle input:checked+.toggle-slider{background:#1c1612}.toggle input:checked+.toggle-slider:before{transform:translate(18px)}.toggle input:disabled+.toggle-slider{opacity:.4;cursor:not-allowed}.queue-scroll{max-height:260px;overflow-y:auto;border:1px solid #e8e8e4;border-radius:6px}.queue-table{width:100%;border-collapse:collapse;font-size:.8rem}.queue-table thead{position:sticky;top:0;z-index:1}.queue-table th{background:#f5f5f3;font-size:.65rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#888880;text-align:left;padding:.5rem .65rem;border-bottom:1px solid #e8e8e4}.queue-table td{padding:.5rem .65rem;border-bottom:1px solid #f0f0ee;vertical-align:middle}.queue-table tr:last-child td{border-bottom:none}.queue-table tr.cancelled td{opacity:.45;text-decoration:line-through}.queue-empty{font-size:.85rem;color:#888880;text-align:center;padding:1.5rem 0}.status-badge{display:inline-block;font-size:.6rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;padding:.15rem .45rem;border-radius:100px}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.done{background:#d4edda;color:#155724}.status-badge.cancelled{background:#f8d7da;color:#721c24}.status-badge.printing{background:#cce5ff;color:#004085}.type-badge{font-size:.65rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#888880}.queue-msg{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1c1612}.queue-time{font-size:.7rem;color:#888880;white-space:nowrap}.btn-cancel{background:none;border:1px solid rgba(192,57,43,.3);border-radius:4px;padding:.25rem .55rem;font-size:.65rem;font-weight:500;color:#c0392bb3;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.btn-cancel:hover{background:#c0392b14;color:#c0392be6}.btn-cancel:disabled{opacity:.4;cursor:not-allowed}.account-email{font-size:.9rem;color:#fafaf8b3;word-break:break-all}.account-badge{margin-top:auto;align-self:flex-start;font-size:.7rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;padding:.25rem .6rem;border:1px solid rgba(250,250,248,.2);border-radius:100px;color:#fafaf899}@media(max-width:580px){.grid{grid-template-columns:1fr}.dash-card--wide{grid-column:span 1}main{padding:2.5rem 1.25rem 3rem}}
