:root{--brand: #00c3f0;--brand-side: #a0c8e6;--brand-strong: #00a6cc;--brand-ink: #045e75;--brand-soft: #e2f8fe;--brand-soft-border: #a9e7f7;--brand-ring: 0 0 0 3px rgba(0, 195, 240, .3);--brand-side-soft: #ecf3fa;--brand-side-ink: #1e4b66;--canvas: #f5f5f5;--paper: #ffffff;--surface-alt: #fafafa;--ink: #0a0a0a;--ink-soft: #171717;--mid: #737373;--hairline: #e5e5e5;--danger: #e7000b;--danger-strong: #c20009;--danger-soft: #fef2f2;--danger-border: #fecaca;--danger-ink: #991b1b;--font: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--fs-xs: 12px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 20px;--fs-xl: 24px;--fs-2xl: 30px;--text-caption: var(--fs-xs);--text-body: var(--fs-sm);--text-body-lg: var(--fs-md);--text-subheading: var(--fs-lg);--text-heading-sm: var(--fs-xl);--text-heading: var(--fs-2xl);--text-display: var(--fs-2xl);--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--sp-4: 4px;--sp-8: 8px;--sp-12: 12px;--sp-16: 16px;--sp-20: 20px;--sp-24: 24px;--sp-48: 48px;--r-card: 24px;--r-pill: 18px;--r-nested: 10px;--r-sm: 6px;--shadow-card: 0 0 0 1px rgba(23, 23, 23, .05), 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--page-max-width: 1280px;--primary-color: var(--brand);--bg-color: var(--canvas);--card-bg: var(--paper);--text-main: var(--ink);--border-color: var(--hairline)}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font)}body{background-color:var(--canvas);color:var(--ink);font-size:var(--text-body);line-height:1.43;-webkit-font-smoothing:antialiased;font-optical-sizing:auto}.container{max-width:var(--page-max-width);margin:0 auto;padding:var(--sp-24)}.centered{display:flex;justify-content:center;align-items:center;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-16);margin-bottom:var(--sp-24)}h1{font-size:var(--text-heading);font-weight:var(--fw-semibold);letter-spacing:-.75px;line-height:1.2;color:var(--ink)}h2{font-size:var(--text-heading-sm);font-weight:var(--fw-semibold);letter-spacing:-.6px;line-height:1.33;color:var(--ink)}h3{font-size:var(--text-subheading);font-weight:var(--fw-semibold);line-height:1.56;color:var(--ink)}h4{font-size:var(--text-body-lg);font-weight:var(--fw-semibold);line-height:1.5;color:var(--ink)}.mt-2{margin-top:var(--sp-16)}.text-xs{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-sm)}.text-md{font-size:var(--fs-md)}.text-lg{font-size:var(--fs-lg)}.text-xl{font-size:var(--fs-xl)}.text-2xl{font-size:var(--fs-2xl)}.text-muted{color:var(--mid)}button{padding:var(--sp-8) var(--sp-16);border:none;border-radius:var(--r-pill);font-size:var(--text-body);font-weight:var(--fw-medium);cursor:pointer;background-color:var(--brand);color:#fff;transition:background-color .2s,border-color .2s,opacity .2s}button:hover{background-color:var(--brand-strong)}button:disabled{opacity:.55;cursor:not-allowed}.btn-success{background-color:var(--brand);color:#fff}.btn-success:hover{background-color:var(--brand-strong)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:var(--danger-strong);opacity:1}.btn-secondary{background-color:var(--canvas);color:var(--ink)}.btn-secondary:hover{background-color:#e8e8e8;opacity:1}.btn-outline{background-color:transparent;color:var(--brand-ink);border:1px solid var(--hairline)}.btn-outline:hover{background-color:var(--brand-soft);border-color:var(--brand-soft-border);opacity:1}.btn-outline-danger{background-color:transparent;color:var(--danger);border:1px solid var(--danger-border)}.btn-outline-danger:hover{background-color:var(--danger-soft);border-color:#fca5a5;opacity:1}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;flex-shrink:0;border-radius:var(--r-pill);background-color:transparent;color:var(--ink-soft);border:1px solid var(--hairline)}.icon-btn:hover{background-color:var(--brand-soft);border-color:var(--brand-soft-border);color:var(--brand-ink)}.icon-btn--danger{color:var(--danger)}.icon-btn--danger:hover{background-color:var(--danger-soft);border-color:#fca5a5;color:var(--danger)}.btn-block{width:100%}.btn-sm{padding:var(--sp-4) var(--sp-12);font-size:var(--fs-xs)}input,select{padding:var(--sp-12) var(--sp-16);border:1px solid var(--hairline);border-radius:var(--r-pill);font-size:var(--text-body);background-color:var(--surface-alt);color:var(--ink);transition:border-color .2s,box-shadow .2s,background-color .2s}input::placeholder{color:var(--mid)}input:focus,select:focus{outline:none;border-color:var(--brand);background-color:var(--paper);box-shadow:var(--brand-ring)}.search-input{width:100%;margin-top:var(--sp-16)}.form-group{display:flex;flex-direction:column;gap:var(--sp-12);margin-top:var(--sp-16)}.form-group label,.modal-content label{display:block;margin-bottom:var(--sp-4);font-weight:var(--fw-medium);font-size:var(--text-caption);color:var(--ink-soft)}.form-group input,.form-group select,.modal-content input,.modal-content select{width:100%}.modal-content h3{margin-bottom:var(--sp-16)}.modal-content h4{margin-bottom:var(--sp-8)}.input-group{display:flex;flex-direction:column;gap:var(--sp-8)}.input-group label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--ink)}.input-group input{padding:var(--sp-12) var(--sp-16);font-size:var(--text-body);background-color:var(--surface-alt)}.field-hint{font-size:var(--fs-xs);color:var(--mid);margin-top:2px}.card{background-color:var(--paper);border:1px solid var(--hairline);border-radius:var(--r-card);padding:var(--sp-20);margin-bottom:var(--sp-16);box-shadow:var(--shadow-card)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16)}.controls{display:flex;gap:var(--sp-16)}.list{list-style-type:none}.card--stack{display:flex;flex-direction:column}.card--stack .btn-block{margin-top:auto}.scroll-list{overflow-y:auto;min-height:0}.list-item{display:flex;justify-content:space-between;padding:var(--sp-12) 0;border-bottom:1px solid var(--hairline)}.list-item:last-child{border-bottom:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0a0a0a80;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{width:100%;max-width:500px;max-height:90vh;overflow-y:auto;margin:var(--sp-16)}.modal-content--wide{max-width:560px}.modal-actions{display:flex;justify-content:flex-end;gap:var(--sp-16)}.loader-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--sp-20);min-height:100vh;background-color:var(--canvas)}.spinner{width:52px;height:52px;border-radius:50%;background:conic-gradient(from 0deg,rgba(0,195,240,0) 0%,var(--brand) 100%);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 0);animation:spin .9s linear infinite}.spinner-sm{width:18px;height:18px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 0)}.loader-text{font-size:var(--text-body);font-weight:var(--fw-semibold);color:var(--mid);letter-spacing:.01em}@keyframes spin{to{transform:rotate(360deg)}}.refresh-bar{position:fixed;top:var(--sp-16);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--sp-8);padding:var(--sp-8) var(--sp-16);background-color:var(--paper);border:1px solid var(--hairline);border-radius:999px;box-shadow:var(--shadow-card);font-size:var(--text-caption);font-weight:var(--fw-semibold);color:var(--ink-soft);z-index:1100;animation:fadeInDown .25s ease}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.toast-stack{position:fixed;top:var(--sp-16);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--sp-8);width:max-content;max-width:min(92vw,440px);z-index:1200;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--sp-12);padding:var(--sp-12) var(--sp-16);border-radius:var(--r-nested);background-color:var(--paper);border:1px solid var(--hairline);box-shadow:var(--shadow-card);font-size:var(--text-body);font-weight:var(--fw-medium);color:var(--ink);pointer-events:auto;animation:fadeInDown .25s ease}.toast__icon{display:inline-flex;flex-shrink:0;margin-top:1px}.toast__text{flex:1;line-height:1.4}.toast__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;padding:0;border-radius:var(--r-sm);background-color:transparent;color:var(--mid)}.toast__close:hover{background-color:var(--canvas);color:var(--ink)}.toast--error{border-left:3px solid var(--danger)}.toast--error .toast__icon{color:var(--danger)}.toast--success{border-left:3px solid var(--brand)}.toast--success .toast__icon{color:var(--brand-ink)}.toast--info{border-left:3px solid var(--brand-side)}.toast--info .toast__icon{color:var(--brand-side-ink)}.confirm-dialog{max-width:420px}.confirm-dialog__title{margin-bottom:var(--sp-8)}.confirm-dialog__message{color:var(--ink-soft);line-height:1.5;margin-bottom:var(--sp-20)}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:1.8s}.refresh-bar,.toast{animation:none}}.user-card{display:flex;flex-direction:column;gap:var(--sp-12);padding:var(--sp-16);background:var(--paper);border:1px solid var(--hairline);border-radius:var(--r-card);box-shadow:var(--shadow-card);min-width:220px}.user-card__name{font-weight:var(--fw-semibold);font-size:var(--text-body-lg);color:var(--ink);line-height:1.2}.user-card__login{font-size:var(--text-caption);color:var(--mid);margin-top:2px}.user-card__actions{display:flex;justify-content:space-between;align-items:center}.btn-logout{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger-border);padding:var(--sp-4) var(--sp-12);border-radius:var(--r-pill);font-weight:var(--fw-medium);font-size:var(--text-caption)}.btn-logout:hover{background:#fee2e2;opacity:1}.role-badge{display:inline-flex;align-items:center;padding:2px var(--sp-8);border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.02em}.role-badge--admin{background:var(--brand-soft);color:var(--brand-ink);border:1px solid var(--brand-soft-border)}.role-badge--viewer{background:var(--brand-side-soft);color:var(--brand-side-ink);border:1px solid var(--brand-side)}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--canvas);padding:var(--sp-16)}.auth-card{width:100%;max-width:400px;padding:var(--sp-48) var(--sp-24);border-radius:var(--r-card);box-shadow:var(--shadow-card);text-align:center;border:1px solid var(--hairline)}.auth-logo{display:inline-flex;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:var(--sp-24)}.auth-logo img{width:100%;height:100%}.auth-title{font-size:var(--text-heading-sm);font-weight:var(--fw-semibold);letter-spacing:-.6px;color:var(--ink);margin-bottom:var(--sp-8)}.auth-subtitle{font-size:var(--text-body);color:var(--mid);margin-bottom:var(--sp-24)}.auth-form{display:flex;flex-direction:column;gap:var(--sp-20);text-align:left}.auth-button{margin-top:var(--sp-8);padding:var(--sp-12);font-size:var(--text-body);width:100%}.qr-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-16);flex-wrap:wrap}.qr-toolbar__count{font-size:var(--fs-sm);color:var(--mid)}.qr-table-head,.qr-row{display:grid;grid-template-columns:2fr 2.4fr 1fr 132px;gap:var(--sp-16);align-items:center}.qr-table-head{padding:var(--sp-8) var(--sp-12);margin-top:var(--sp-16);font-size:var(--fs-xs);color:var(--mid);font-weight:var(--fw-semibold);border-bottom:1px solid var(--hairline)}.qr-row{padding:var(--sp-12);border-bottom:1px solid var(--hairline)}.qr-row:last-child{border-bottom:none}.qr-row__name{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}.qr-row__name strong{font-size:var(--fs-md);color:var(--ink);word-break:break-word}.qr-row__actions{display:flex;gap:var(--sp-8);justify-content:flex-end}.slug-chip{display:inline-flex;align-items:center;padding:2px var(--sp-8);border-radius:var(--r-pill);background:var(--surface-alt);border:1px solid var(--hairline);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-xs);color:var(--ink-soft);width:fit-content}.copy-row{display:flex;align-items:center;gap:var(--sp-8);min-width:0}.copy-row__text{font-size:var(--fs-sm);color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;flex-shrink:0;border-radius:var(--r-sm);background:transparent;color:var(--mid);border:1px solid var(--hairline)}.copy-btn:hover{background:var(--brand-soft);border-color:var(--brand-soft-border);color:var(--brand-ink)}.scan-total{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--ink)}.scan-total__label{font-size:var(--fs-xs);color:var(--mid);margin-left:var(--sp-4)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-12);margin-top:var(--sp-16)}.stat-block{padding:var(--sp-12) var(--sp-16);border:1px solid var(--hairline);border-radius:var(--r-nested);background:var(--surface-alt)}.stat-block__label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.6px;color:var(--mid);font-weight:var(--fw-semibold)}.stat-block__value{font-size:var(--fs-xl);font-weight:var(--fw-semibold);color:var(--ink);letter-spacing:-.6px;margin-top:var(--sp-4)}.stat-block--total{grid-column:1 / -1;background:var(--brand-soft);border-color:var(--brand-soft-border)}.stat-block--total .stat-block__value{color:var(--brand-ink)}.qr-preview{display:flex;flex-direction:column;align-items:center;gap:var(--sp-16)}.qr-preview__frame{display:flex;align-items:center;justify-content:center;width:256px;height:256px;padding:var(--sp-16);background:var(--paper);border:1px solid var(--hairline);border-radius:var(--r-nested)}.qr-preview__frame img{width:100%;height:100%;image-rendering:pixelated}.qr-preview__downloads{display:flex;gap:var(--sp-8)}.detail-row{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-12) 0;border-bottom:1px solid var(--hairline)}.detail-row:last-child{border-bottom:none}.detail-row__label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.6px;color:var(--mid);font-weight:var(--fw-semibold)}.detail-row__value{font-size:var(--fs-sm);color:var(--ink-soft);word-break:break-all}.detail-row__value--empty{color:var(--mid)}.empty-state{text-align:center;padding:var(--sp-48) var(--sp-24);color:var(--mid)}@media(max-width:720px){.qr-table-head{display:none}.qr-row{grid-template-columns:1fr;gap:var(--sp-8)}.qr-row__actions{justify-content:flex-start}}