.loader-wrapper{flex-direction:column;gap:1rem;padding:2rem}.loader-horseshoe,.loader-wrapper{align-items:center;display:flex;justify-content:center}.loader-horseshoe{animation:horseshoe-spin 3s infinite;transform-origin:center}@keyframes horseshoe-spin{0%{animation-timing-function:cubic-bezier(.3,0,.7,.2);transform:rotate(0deg)}5%{animation-timing-function:cubic-bezier(.75,0,1,.95);transform:rotate(-7deg)}58%{animation-timing-function:cubic-bezier(.34,1.2,.64,1);transform:rotate(180deg)}64%{animation-timing-function:cubic-bezier(.34,1.1,.64,1);transform:rotate(175deg)}68%{animation-timing-function:cubic-bezier(.3,0,.7,.2);transform:rotate(180deg)}72%{animation-timing-function:cubic-bezier(0,0,.3,1);transform:rotate(188deg)}90%{animation-timing-function:cubic-bezier(.34,1.2,.64,1);transform:rotate(1turn)}95%{animation-timing-function:cubic-bezier(.34,1.1,.64,1);transform:rotate(355deg)}to{transform:rotate(1turn)}}.loader-message{color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-sm)}.loader-centered{flex:1 1}.loader-wrapper--fullpage{align-items:center;background:var(--color-bg);display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:50}.icon{display:inline-block;flex-shrink:0;object-fit:contain;position:relative;top:-1px;vertical-align:middle}.icon-text{align-items:center;display:inline-flex;gap:.4rem}.header{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;height:60px;justify-content:space-between;padding:0 1.5rem;z-index:210}.header,.header-brand{align-items:center;display:flex}.header-brand{color:var(--color-primary);cursor:pointer;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);gap:.75rem;text-decoration:none;-webkit-user-select:none;user-select:none}.header-brand-text{white-space:nowrap}.header-logo{align-items:center;border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;transition:transform .3s ease;width:36px}.header-logo--rotated{transform:rotate(180deg)}.header-logo-img{height:100%;object-fit:contain;width:100%}.header-actions{align-items:center;display:flex;gap:1.25rem}.header-actions a{color:var(--color-text);text-decoration:none;transition:color .15s;white-space:nowrap}.header-actions a:hover{color:var(--color-primary-dark)}.header-user{color:var(--color-text-muted)}.btn-logout,.header-user{font-size:var(--text-sm);white-space:nowrap}.btn-logout{background:none;border:1px solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-accent);cursor:pointer;font-family:var(--font-sans);padding:.4rem 1rem;transition:background .15s,color .15s}.btn-logout:hover{background:var(--color-accent);color:#fff}@media (max-width:768px){.header{padding:0 1rem}.header-brand{font-size:var(--text-base);gap:.5rem}.header-logo{height:32px;width:32px}}@media (max-width:480px){.header-brand-text{display:none}.header-user{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout{font-size:var(--text-xs);padding:.35rem .6rem}}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;height:100vh;margin-left:-280px;min-width:280px;overflow-y:auto;position:relative;transition:margin-left .3s ease;width:280px}.sidebar--open{margin-left:0}.sidebar-user{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.5rem;position:relative}.sidebar-user-content{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:0}.sidebar-user-avatar{background:var(--color-primary);border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.sidebar-avatar-icon,.sidebar-user-avatar{align-items:center;display:flex;justify-content:center}.sidebar-avatar-icon{height:100%;width:100%}.sidebar-avatar-icon img,.sidebar-avatar-icon svg{filter:invert(1) brightness(1.1)}.sidebar-avatar-img{height:100%;object-fit:cover;width:100%}.sidebar-user-name{color:var(--color-text);display:flex;flex-direction:column;font-size:var(--text-base);font-weight:var(--font-bold);gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-admin-badge{background:#6281411f;border:1px solid #6281414d;border-radius:4px;color:var(--color-primary-dark);display:inline-block;font-size:10px;font-weight:700;letter-spacing:.08em;line-height:1.5;padding:1px 6px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.sidebar-email{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm);overflow:hidden;padding:1rem 1.5rem;text-overflow:ellipsis;white-space:nowrap}.sidebar-close{align-items:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:2rem;height:32px;justify-content:center;line-height:1;padding:0;transition:color .15s;width:32px}.sidebar-close:hover{color:var(--color-text)}.sidebar-nav{display:flex;flex-direction:column;padding:1rem 0}.sidebar-nav a{border-left:3px solid #0000;color:var(--color-text);font-size:var(--text-base);padding:1rem 1.5rem;text-decoration:none;transition:background .15s,color .15s}.sidebar-nav a:hover{background:var(--color-bg);border-left-color:var(--color-primary);color:var(--color-primary)}.sidebar-admin-link{color:var(--color-text-muted)!important;font-size:var(--text-xs)!important;font-weight:700;letter-spacing:.07em;margin-top:auto;opacity:.7;text-transform:uppercase}.sidebar-admin-link:hover{color:var(--color-primary)!important;opacity:1}.sidebar-footer{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:.5rem;margin-top:auto;padding:1rem}.sidebar-action,.sidebar-footer{display:flex;justify-content:center}.sidebar-action{align-items:center;background:none;border:none;border-radius:8px;color:var(--color-text);cursor:pointer;padding:.75rem;transition:background .15s,color .15s,transform .15s}.sidebar-action:hover{background:var(--color-bg);color:var(--color-primary)}.sidebar-action--logout{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-surface);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--font-bold);padding:.7rem 1.6rem;transition:background .15s,transform .1s,box-shadow .15s}.sidebar-action--logout:hover{background:var(--color-primary-dark);box-shadow:0 4px 12px #2196c959}.sidebar-action--logout:active{transform:scale(.98)}@media (max-width:768px){.sidebar{box-shadow:4px 0 24px #0000002e;height:100%;left:0;margin-left:calc(min(280px, 88vw)*-1);min-width:0;min-width:auto;position:fixed;top:0;width:min(280px,88vw);z-index:200}.sidebar--open{margin-left:0}}.site-footer{background:var(--color-primary-dark);color:#ffffffd1;font-size:var(--text-sm);margin-top:auto}.footer-inner{display:flex;flex-wrap:wrap;gap:3rem;margin:0 auto;max-width:1000px;padding:3rem 2rem 2.25rem}.footer-brand{flex:2 1;min-width:200px}.footer-logo{color:#fff;font-family:var(--font-display);font-size:1.25rem;font-weight:600;line-height:1.3;margin-bottom:.75rem}.footer-tagline{color:#ffffff94;font-size:var(--text-sm);line-height:1.65;max-width:280px}.footer-col{flex:1 1;min-width:130px}.footer-col-title{color:#ffffff6b;font-family:var(--font-sans);font-size:.68rem;font-weight:700;letter-spacing:.1em;margin-bottom:.9rem;text-transform:uppercase}.footer-links{display:flex;flex-direction:column;gap:.55rem;list-style:none}.footer-links a{color:#ffffffb8;font-size:var(--text-sm);text-decoration:none;transition:color .15s}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff1a;color:#ffffff61;font-size:.72rem;letter-spacing:.01em;padding:1rem 2rem;text-align:center}@media (max-width:640px){.footer-inner{flex-direction:column;gap:2rem;padding:2rem 1.25rem 1.75rem}.footer-tagline{max-width:100%}.footer-bottom{padding:1rem 1.25rem}}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--font-bold);gap:.4rem;justify-content:center;transition:background .15s,transform .1s,box-shadow .15s;white-space:nowrap}.btn--sm{font-size:var(--text-sm);padding:.4rem 1rem}.btn--md{font-size:var(--text-md);padding:.7rem 1.6rem}.btn--lg{font-size:var(--text-lg);padding:.9rem 2rem}.btn--full{width:100%}.btn--primary{background:var(--color-primary);border:2px solid #0000;color:var(--color-surface)}.btn--primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 4px 12px #2196c959}.btn--primary:active:not(:disabled){transform:scale(.98)}.btn--secondary{background:#0000;border:2px solid var(--color-primary);color:var(--color-primary)}.btn--secondary:hover:not(:disabled){background:#6281411a}.btn--danger{background:var(--color-error);border:2px solid #0000;color:var(--color-surface)}.btn--danger:hover:not(:disabled){background:#dc2626}.btn:disabled{cursor:not-allowed;opacity:.55}.btn__spinner{animation:btn-spin .6s linear infinite;border:2px solid #fff6;border-radius:50%;border-top:2px solid var(--color-surface);display:inline-block;height:1em;width:1em}@keyframes btn-spin{to{transform:rotate(1turn)}}.home-page{align-items:flex-start;display:flex;justify-content:center;padding:5rem 2rem 2rem;text-align:center}.hero{max-width:680px;width:100%}.hero h1{font-size:var(--text-4xl);line-height:1.2;margin-bottom:1rem}.hero p{color:var(--color-text-muted);font-size:var(--text-lg);margin-bottom:2rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (max-width:640px){.home-page{padding:2.5rem 1.25rem 2rem}.hero-buttons{align-items:stretch;flex-direction:column}.hero-buttons>*{text-align:center;width:100%}}.auth-page{align-items:flex-start;padding:4rem 2rem}.auth-card{max-width:460px}.auth-card h2{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-2xl)}.auth-subtitle{font-size:var(--text-sm);margin-bottom:1.75rem}.input-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium)}.input-field,.input-label{color:var(--color-text);font-family:var(--font-sans)}.input-field{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-md);outline:none;padding:.65rem .9rem;transition:border-color .15s,box-shadow .15s;width:100%}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #62814126}.input-field--error{border-color:var(--color-error)}.input-field--error:focus{box-shadow:0 0 0 3px #c0392b26}.input-error{color:var(--color-error);font-size:var(--text-xs)}.info-notice{background-color:#e3f2fd;border-radius:8px;color:#1565c0;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.input-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:600px){.input-row{grid-template-columns:1fr}}.consent-label{align-items:flex-start;color:var(--color-text);cursor:pointer;display:flex;font-size:var(--text-sm);gap:.6rem;line-height:1.5;margin-bottom:1rem}.consent-checkbox{accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;height:15px;margin-top:.2rem;width:15px}.consent-label a{color:var(--color-primary);text-decoration:underline}.consent-label a:hover{color:var(--color-primary-dark)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;height:100%;min-width:0}.card__title{color:var(--color-text-muted);flex-shrink:0;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.06em;margin-bottom:1rem;text-transform:uppercase}.card__body{flex:1 1;overflow-wrap:break-word;word-break:break-word}.card-info-list{list-style:none;margin:0;padding:0}.card-info-list li{grid-gap:.5rem;border-bottom:1px solid var(--color-border);display:grid;gap:.5rem;grid-template-columns:120px 1fr;padding:.6rem 0}.card-info-list li:last-child{border-bottom:none}.card-info-list .info-label{font-weight:var(--font-bold);white-space:nowrap}.card-info-list .info-label,.card-info-list .info-value{color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm)}.card-info-list .info-value{overflow-wrap:break-word;word-break:break-word}.stat-chips{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.stat-chip{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.3rem;padding:1.25rem 1rem;text-decoration:none;transition:box-shadow .15s,border-color .15s}a.stat-chip:hover{border-color:var(--color-primary);box-shadow:0 2px 12px #6281411f}.stat-chip-number{align-items:center;color:var(--color-primary);display:flex;font-size:2rem;font-weight:var(--font-bold);justify-content:center;line-height:1;min-height:2.4rem}.stat-chip-number--sm{font-size:1.1rem;text-align:center}.stat-chip-label{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.05em;text-align:center;text-transform:uppercase}.jump-back-section{margin-bottom:1.75rem}.jump-back-heading{color:var(--color-text);font-size:1.1rem;font-size:var(--text-lg,1.1rem);font-weight:700;font-weight:var(--font-bold,700);margin:0 0 .75rem}.jump-back-strip{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.jb-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;display:flex;gap:.85rem;min-width:0;padding:.85rem 1rem;text-decoration:none;transition:box-shadow .15s,border-color .15s,transform .1s}.jb-card:hover{border-color:var(--color-primary);box-shadow:0 3px 14px #62814124;transform:translateY(-1px)}.jb-thumb{border-radius:4px;border-radius:var(--radius-sm,4px);flex-shrink:0;height:54px;overflow:hidden;width:54px}.jb-thumb-img{height:100%;object-fit:cover;width:100%}.jb-thumb-placeholder{align-items:center;background:var(--color-bg);border-radius:4px;border-radius:var(--radius-sm,4px);display:flex;height:100%;justify-content:center;width:100%}.jb-info{display:flex;flex:1 1;flex-direction:column;gap:.15rem;min-width:0}.jb-title{color:var(--color-text);font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold,600)}.jb-meta,.jb-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jb-meta{color:var(--color-text-muted)}.jb-meta,.jb-time{font-size:var(--text-xs)}.jb-time{color:var(--color-primary)}.jb-arrow{color:var(--color-text-muted);flex-shrink:0;font-size:1.4rem;line-height:1;transition:color .15s,transform .15s}.jb-card:hover .jb-arrow{color:var(--color-primary);transform:translateX(2px)}@media (max-width:700px){.jump-back-strip{grid-template-columns:1fr}}.dash-activity-card{margin-bottom:2rem}.dash-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.bar-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.bar-item-header{justify-content:space-between;margin-bottom:.3rem}.bar-item-header,.bar-label{align-items:center;display:flex}.bar-label{color:var(--color-text);gap:.4rem}.bar-count,.bar-label{font-size:var(--text-sm)}.bar-count{color:var(--color-text-muted);font-weight:var(--font-medium)}.bar-track{background:var(--color-border);border-radius:99px;height:6px;overflow:hidden}.bar-fill{background:var(--color-primary);border-radius:99px;height:100%;transition:width .4s ease}.activity-list{list-style:none;margin:0;padding:0}.activity-item{border-bottom:1px solid var(--color-border);padding:.6rem 0}.activity-item,.activity-link{align-items:center;display:flex;gap:.75rem}.activity-link{color:inherit;text-decoration:none;width:100%}.activity-link:hover .activity-title{color:var(--color-primary)}.activity-item:last-child{border-bottom:none}.activity-icon{flex-shrink:0;font-size:1.2rem}.activity-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.activity-title{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-meta{color:var(--color-text-muted);font-size:var(--text-xs)}@media (max-width:900px){.jump-back-strip,.stat-chips{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}}@media (max-width:700px){.stat-chips{grid-template-columns:repeat(2,1fr)}.dash-grid,.jump-back-strip{grid-template-columns:1fr}}@media (max-width:400px){.stat-chips{gap:.5rem;grid-template-columns:1fr}.stat-chip{flex-direction:row;gap:.75rem;justify-content:flex-start;padding:.9rem 1rem}.stat-chip-number{font-size:1.4rem;min-height:0;min-height:auto}}.heatmap-wrap{display:flex;flex-direction:column;gap:1rem}.heatmap-stats{color:var(--color-text-muted);display:flex;font-size:var(--text-xs);gap:.5rem}.heatmap-top-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.cal-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.cal-month{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;flex-direction:column;gap:.3rem;padding:.6rem .6rem .5rem}.cal-month-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:.15rem}.cal-month-name{color:var(--color-primary-dark);font-family:Fraunces,serif;font-family:var(--font-display,"Fraunces",serif);font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cal-month-year{color:var(--color-text-muted);font-size:.7rem;font-weight:600}.cal-day-row{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.cal-dow{color:var(--color-text-muted);font-size:9px;font-weight:700;text-align:center;text-transform:uppercase}.cal-cells{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.cal-cell{align-items:center;aspect-ratio:1;border-radius:3px;display:flex;justify-content:center;min-width:0}.cal-cell-num{color:#40513b80;font-size:8px;font-weight:600;line-height:1;-webkit-user-select:none;user-select:none}.cal-cell:not(.cal-cell--empty):not(.cal-cell--future):not(.cal-cell--presignup){cursor:default}.cal-cell:not(.cal-cell--empty):not(.cal-cell--future):not(.cal-cell--presignup):hover{outline:2px solid var(--color-primary-dark);outline-offset:0}.cal-cell--empty{background:#0000!important}.cal-cell--future{opacity:.25}.cal-cell--presignup{opacity:.2}.hm-cell--l0{background:#d6ccb0;background:var(--color-border,#d6ccb0)}.hm-cell--l1{background:#c9dba4}.hm-cell--l2{background:#9fc06f}.hm-cell--l3{background:#6fa042}.hm-cell--l4{background:#628141;background:var(--color-primary,#628141)}.heatmap-legend{align-items:center;color:var(--color-text-muted);display:flex;font-size:10px;gap:3px}.heatmap-legend-label{margin:0 2px}.hm-cell{border-radius:3px;flex-shrink:0;height:14px;width:14px}.crop-modal{max-width:600px;width:90vw}.crop-container{align-items:center;background:var(--color-bg);border:2px solid var(--color-border);border-radius:8px;display:flex;height:400px;justify-content:center;margin:1.5rem 0;overflow:hidden;position:relative;width:100%}.crop-image{display:block;max-height:100%;max-width:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.crop-overlay{background:#00000080;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.crop-box{background:#0000;box-shadow:0 0 0 9999px #00000080;cursor:move;pointer-events:auto;position:absolute}.crop-box-border{border:2px solid var(--color-primary);border-radius:4px;inset:-2px;pointer-events:none;position:absolute}.crop-box-border:after,.crop-box-border:before{background:var(--color-primary);content:"";position:absolute}.crop-box-border:before{height:1px;left:0;opacity:.5;right:0;top:50%;transform:translateY(-50%)}.crop-box-border:after{bottom:0;left:50%;opacity:.5;top:0;transform:translateX(-50%);width:1px}.crop-instruction{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0 0 1.5rem;text-align:center}.profile-header{align-items:center;display:flex;gap:1.5rem;margin-bottom:1.5rem}.profile-name{color:var(--color-text);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0}.avatar-wrapper{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:inline-flex;height:72px;justify-content:center;margin-bottom:1rem;outline-offset:3px;padding:0;position:relative;width:72px}.avatar-wrapper:focus-visible{outline:2px solid var(--color-primary)}.avatar{align-items:center;display:flex;flex-shrink:0;justify-content:center;overflow:hidden}.avatar,.avatar--img{border-radius:50%;height:72px;width:72px}.avatar--img{object-fit:cover}.avatar--icon{background:var(--color-primary);color:var(--color-surface)}.avatar-icon-wrapper img,.avatar-icon-wrapper svg{filter:invert(1) brightness(1.1)}.avatar-edit-overlay{align-items:center;background:#0000006b;border-radius:50%;color:#fff;display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .18s ease}.avatar-wrapper--uploading .avatar-edit-overlay,.avatar-wrapper:focus-visible .avatar-edit-overlay,.avatar-wrapper:hover .avatar-edit-overlay{opacity:1}.profile-email{color:var(--color-text-muted);margin-bottom:1.5rem;margin-top:0}hr{border:none;border-top:1px solid var(--color-border);margin-bottom:1rem}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{animation:slideUp .2s ease-out;background:var(--color-surface);border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:2rem;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-title{color:var(--color-text);font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:1.5rem;margin-top:0}.modal-actions{display:flex;flex-direction:column;gap:.75rem}@media (max-width:480px){.profile-header{align-items:flex-start;flex-direction:column;gap:.75rem;margin-bottom:1rem}.modal{padding:1.5rem 1.25rem;width:95%}}.license-card{aspect-ratio:1.586/1;background:linear-gradient(135deg,var(--color-surface) 0,var(--color-bg) 100%);border:3px solid var(--color-primary);border-radius:16px;box-shadow:0 8px 24px #0000001f;display:flex;flex-direction:column;margin-bottom:1.5rem;max-width:100%;overflow:hidden;width:650px}.license-header{align-items:center;background:var(--color-primary);border-bottom:2px solid var(--color-primary-dark);color:#fff;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.license-header-text{display:flex;flex-direction:column;gap:.25rem}.license-logo{filter:brightness(0) invert(1);flex-shrink:0;height:52px;object-fit:contain;width:52px}.license-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);letter-spacing:2px;text-transform:uppercase}.license-subtitle{font-size:var(--text-sm);font-weight:var(--font-medium);opacity:.95}.license-body{background:#fff;display:flex;flex:1 1;gap:1.5rem;min-height:0;overflow:hidden;padding:1.25rem 1.5rem}.license-photo-section{flex-shrink:0}.license-photo-wrapper{align-items:center;background:none;border:none;border:2px solid var(--color-border);border-radius:8px;cursor:pointer;display:inline-flex;height:158px;justify-content:center;outline-offset:3px;overflow:hidden;padding:0;position:relative;width:125px}.license-photo-wrapper:focus-visible{outline:2px solid var(--color-primary)}.license-photo{display:block;height:158px;object-fit:cover;width:125px}.license-photo--icon{background:var(--color-primary);color:var(--color-surface);height:158px;width:125px}.license-photo--icon,.license-photo-overlay{align-items:center;display:flex;justify-content:center}.license-photo-overlay{background:#0009;color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .18s ease}.license-photo-wrapper--uploading .license-photo-overlay,.license-photo-wrapper:focus-visible .license-photo-overlay,.license-photo-wrapper:hover .license-photo-overlay{opacity:1}.license-name-row{display:flex;gap:2rem}.license-info-section{display:flex;flex:1 1;flex-direction:column;gap:.6rem;min-width:0;overflow:hidden;padding-top:.25rem}.license-field{display:flex;flex-direction:column;gap:.35rem}.license-label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:1px;text-transform:uppercase}.license-value{color:var(--color-text);font-size:var(--text-base);font-weight:var(--font-medium);word-break:break-word}.license-value--name{color:var(--color-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold)}.license-footer{align-items:center;background:var(--color-bg);border-top:2px solid var(--color-border);display:flex;gap:1rem;justify-content:space-between;padding:.75rem 1.5rem}.license-barcode{align-items:flex-end;display:flex;flex:1 1;gap:2px;height:40px}.barcode-line{background:var(--color-text);height:100%;opacity:.7;width:3px}.barcode-line--thick{opacity:.9;width:6px}.license-id{color:var(--color-text-muted);font-family:Courier New,monospace;font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:1px}.profile-hint{color:var(--color-text-secondary);font-size:var(--text-sm);font-style:italic;margin-top:1rem;max-width:650px;text-align:center}@media (max-width:640px){.license-card{aspect-ratio:unset}.license-body{align-items:center;flex-direction:column;padding:1rem}.license-photo,.license-photo--icon,.license-photo-wrapper{height:138px;width:110px}.license-info-section{padding-top:0;width:100%}.license-footer{align-items:flex-start;flex-direction:column;gap:.5rem}}.drawer-backdrop{background:#0006;inset:0;position:fixed;z-index:211}.drawer{animation:drawer-slide-in .25s ease;background:var(--color-surface);box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;height:100vh;max-width:480px;position:fixed;right:0;top:0;width:100%;z-index:212}@keyframes drawer-slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}.drawer-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem}.drawer-header h2{color:var(--color-text);font-size:var(--text-xl)}.drawer-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-size:1.1rem;padding:.25rem .5rem;transition:background .15s,color .15s}.drawer-close:hover{background:var(--color-bg);color:var(--color-text)}.drawer-body{flex:1 1;overflow-y:auto;padding:1.5rem}.pattern-card{height:100%;transition:transform .18s ease,box-shadow .18s ease}.pattern-card:hover{box-shadow:0 10px 28px #40513b24;transform:translateY(-3px)}.pattern-card .card__body{display:flex;flex:1 1;flex-direction:column;padding:0}.pattern-photo-wrap{flex-shrink:0;overflow:hidden;position:relative}.pattern-photo{display:block;height:220px;transition:transform .38s ease}.pattern-card-clickable:hover .pattern-photo{transform:scale(1.05)}.pattern-difficulty-overlay{border-radius:999px;box-shadow:0 2px 6px #0000002e;color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);left:.7rem;letter-spacing:.05em;padding:.25rem .7rem;pointer-events:none;position:absolute;text-transform:uppercase;top:.7rem}.pattern-card-clickable{flex:1 1}.pattern-card-body{gap:.45rem;padding:1.1rem 1.25rem .9rem}.pattern-title{font-size:var(--text-xl);font-weight:var(--font-bold);line-height:1.25;transition:color .15s}.pattern-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.pattern-meta-item{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--text-xs);gap:.3rem}.pattern-meta-sep{color:var(--color-border);font-size:var(--text-xs);line-height:1;-webkit-user-select:none;user-select:none}.pattern-notes{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-muted);display:-webkit-box;line-height:1.55;margin-top:.1rem;overflow:hidden}.pattern-card-actions{margin-top:auto;padding:.7rem 1.25rem 1rem}.pattern-card-actions .btn{flex:1 1;justify-content:center}.confirm-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#40513b59;inset:0;position:fixed;z-index:900}.confirm-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 8px 32px #40513b2e;display:flex;flex-direction:column;gap:.75rem;left:50%;padding:2rem 2rem 1.5rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:min(420px,92vw);z-index:901}.confirm-title{color:var(--color-text);font-family:Fraunces,serif;font-family:var(--font-display,"Fraunces",serif);font-size:1.25rem;font-weight:700;margin:0}.confirm-message{color:var(--color-text-muted);font-family:Lato,sans-serif;font-family:var(--font-sans,"Lato",sans-serif);font-size:.9rem;font-size:var(--text-sm,.9rem);line-height:1.5;margin:0}.confirm-actions{gap:.6rem;margin-top:.5rem}.confirm-btn{border:none;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;font-family:Lato,sans-serif;font-family:var(--font-sans,"Lato",sans-serif);font-size:.9rem;font-size:var(--text-sm,.9rem);font-weight:700;padding:.6rem 1.4rem;transition:background .15s,transform .1s,box-shadow .15s}.confirm-btn:active{transform:scale(.97)}.confirm-btn--cancel{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted)}.confirm-btn--cancel:hover{background:var(--color-muted-bg)}.confirm-btn--confirm{background:var(--color-primary);color:#fff}.confirm-btn--confirm:hover{background:var(--color-primary-dark);box-shadow:0 4px 12px #6281414d}.confirm-btn--danger{background:#c0392b;color:#fff}.confirm-btn--danger:hover{background:#a93224;box-shadow:0 4px 12px #c0392b4d}.patterns-header{align-items:flex-start;display:flex;justify-content:space-between}.patterns-empty{color:var(--color-text-muted);font-size:var(--text-lg);padding:4rem 2rem;text-align:center}.patterns-page{max-width:1400px}.patterns-list{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.pattern-form-card{margin-bottom:2rem}.pattern-textarea{min-height:80px;resize:vertical}.file-upload-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.25rem}.file-upload-btn{align-items:center;border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);overflow:hidden;padding:.6rem 1rem;text-overflow:ellipsis;transition:border-color .15s,color .15s;white-space:nowrap;width:100%}.file-upload-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.pattern-card{display:flex;flex-direction:column;overflow:hidden;padding:0}.pattern-photo{height:180px;object-fit:cover;width:100%}.pattern-photo--placeholder{align-items:center;background:var(--color-muted-bg);display:flex;font-size:3rem;justify-content:center}.pattern-card-clickable{cursor:pointer;display:block}.pattern-card-clickable:hover .pattern-title{color:var(--color-primary)}.pattern-card-body{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1.25rem}.pattern-card-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.pattern-title{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-lg);margin:0}.difficulty-badge{border-radius:999px;color:#fff;flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-bold);padding:.2rem .6rem;white-space:nowrap}.pattern-meta{color:var(--color-text-muted);font-size:var(--text-sm)}.pattern-notes{color:var(--color-text);flex:1 1;font-size:var(--text-sm);line-height:1.5}.pattern-card-actions{align-items:center;justify-content:flex-end;padding:.75rem 1.25rem 1.25rem}.pattern-card-actions,.pattern-card-buttons{display:flex;gap:.5rem}@media (max-width:640px){.patterns-header{align-items:flex-start;flex-direction:column;gap:.75rem}.file-upload-row{grid-template-columns:1fr}.pattern-card-actions{align-items:stretch;flex-direction:column}.pattern-card-buttons{justify-content:flex-end}.patterns-empty{padding:2.5rem 1rem}}.pattern-detail-page{padding-bottom:6rem}.pattern-detail-header{margin-bottom:1.5rem}.pattern-detail-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.btn-back{align-items:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);gap:.35rem;margin-bottom:.75rem;padding:0;transition:color .15s}.btn-back:hover{color:var(--color-primary)}.pattern-detail-header-actions{align-items:center;display:flex;gap:.5rem}.pattern-detail-header-actions .btn{font-size:var(--text-sm);height:36px;padding:0 1rem}.pattern-detail-title{font-size:var(--text-3xl);line-height:1.2;margin-bottom:.75rem}.pattern-detail-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.pattern-detail-edit-row{align-items:flex-start;display:flex;gap:1rem;width:100%}.pattern-detail-edit-row .input-group,.pattern-detail-edit-row>div{margin-bottom:0}.pattern-detail-yarn{align-items:center;display:inline-flex;gap:.35rem}.pattern-detail-notes,.pattern-detail-yarn{color:var(--color-text-muted);font-size:var(--text-md)}.pattern-detail-notes{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:0 1px 3px #40513b0f;line-height:1.6;margin-top:0;padding:.45rem 1.1rem .85rem}.pattern-detail-notes p{margin:0 0 .6em}.pattern-detail-notes p:last-child{margin-bottom:0}.pattern-detail-notes h1,.pattern-detail-notes h2,.pattern-detail-notes h3,.pattern-detail-notes h4{color:var(--color-text);font-family:var(--font-display);line-height:1.3;margin:1em 0 .35em}.pattern-detail-notes h1:first-child,.pattern-detail-notes h2:first-child,.pattern-detail-notes h3:first-child,.pattern-detail-notes h4:first-child,.pattern-detail-notes p:first-child{margin-top:0}.pattern-detail-notes h1{font-size:var(--text-2xl)}.pattern-detail-notes h2{font-size:var(--text-xl)}.pattern-detail-notes h3{font-size:var(--text-lg)}.pattern-detail-notes h4{font-size:var(--text-md)}.pattern-detail-notes ol,.pattern-detail-notes ul{margin:.4em 0 .6em;padding-left:1.4em}.pattern-detail-notes li{margin-bottom:.25em}.pattern-detail-notes strong{color:var(--color-text);font-weight:var(--font-bold)}.pattern-detail-notes em{font-style:italic}.pattern-detail-notes code{font-family:var(--font-mono);font-size:.9em;padding:.1em .4em}.pattern-detail-notes code,.pattern-detail-notes pre{background:var(--color-muted-bg);border-radius:var(--radius-sm)}.pattern-detail-notes pre{margin:.5em 0;overflow-x:auto;padding:.75em 1em}.pattern-detail-notes pre code{background:none;padding:0}.pattern-detail-notes blockquote{border-left:3px solid var(--color-border);color:var(--color-text-muted);font-style:italic;margin:.5em 0;padding:.25em 1em}.pattern-detail-notes a{color:var(--color-primary);text-decoration:underline}.pattern-detail-notes table{border-collapse:collapse;font-size:var(--text-sm);margin:.5em 0;width:100%}.pattern-detail-notes td,.pattern-detail-notes th{border:1px solid var(--color-border);padding:.35em .65em;text-align:left}.pattern-detail-notes th{background:var(--color-muted-bg);color:var(--color-text);font-weight:var(--font-bold)}.notes-editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.4rem}.notes-editor-tabs{border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;gap:0;overflow:hidden}.notes-tab{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);padding:.25rem .75rem;transition:background .15s,color .15s}.notes-tab+.notes-tab{border-left:1px solid var(--color-border)}.notes-tab--active{background:var(--color-primary);color:#fff}.notes-tab:not(.notes-tab--active):hover{background:var(--color-muted-bg)}.notes-editor-textarea{background:var(--color-surface)!important;border-color:var(--color-border)!important;border-left:4px solid var(--color-primary)!important;border-radius:var(--radius-md)!important;box-shadow:0 1px 3px #40513b0f;resize:vertical}.notes-editor-textarea:focus{border-left-color:var(--color-primary-dark)!important;box-shadow:0 0 0 3px #62814126,0 1px 3px #40513b0f!important}.notes-preview{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:0 1px 3px #40513b0f;min-height:9rem;padding:.85rem 1.1rem}.notes-preview-empty{color:var(--color-text-muted);font-style:italic;opacity:.7}.pattern-detail-pdf-edit{border-top:1px solid var(--color-border);margin-top:1.25rem;padding-top:1.25rem}.pattern-detail-info{flex-wrap:wrap;margin-top:.5rem}.file-existing,.pattern-detail-info{align-items:center;display:flex;gap:.75rem}.file-existing{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);justify-content:space-between;margin-bottom:.5rem;padding:.6rem .9rem}.file-existing>span{align-items:center;display:flex;gap:.35rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-existing-preview{border-radius:var(--radius-sm);flex-shrink:0;height:48px;object-fit:cover;width:48px}.file-remove-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-error);cursor:pointer;flex-shrink:0;font-size:var(--text-sm);padding:.2rem .4rem;transition:background .15s;white-space:nowrap}.file-remove-btn:hover{background:#fef2f2}.file-upload-btn--replace{border-color:var(--color-primary);border-style:solid;color:var(--color-primary);margin-top:.4rem}.file-upload-btn--required{border-color:var(--color-error);color:var(--color-error)}.pattern-folder{margin-top:2.5rem}.pattern-folder-tabs{display:flex;flex-wrap:wrap;gap:4px;position:relative;z-index:1}.pattern-folder-tab{background:#e8c97a;border:2px solid #c8963c;border-bottom:none;border-radius:12px 12px 0 0;box-shadow:-1px -3px 5px #00000017;color:#7a5c2e;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--font-bold);padding:.65rem 2rem;transition:background .15s,color .15s;white-space:nowrap}.pattern-folder-tab:hover{background:#f0d890;color:#5a3e18}.pattern-folder-tab--active{background:#fdf3dc;border-color:#c8963c;box-shadow:-2px -3px 7px #0000001f;color:#5a3e18;font-weight:var(--font-bold);margin-bottom:-2px;padding-bottom:calc(.65rem + 2px)}.pattern-folder-body{background:#fdf3dc;border:2px solid #c8963c;border-radius:0 12px 12px 12px;box-shadow:5px 6px 0 #c8963c,7px 9px 24px #0000001f;min-height:200px;padding:2rem 2.5rem;position:relative}.pattern-folder-body:before{background:#c8963c33;border-radius:1px;content:"";height:1px;left:2rem;position:absolute;right:2rem;top:10px}.pattern-gallery-section{width:100%}.pattern-gallery-header{align-items:center;display:flex;gap:1rem;justify-content:flex-end;margin-bottom:1rem}.pattern-gallery-header h2{font-size:var(--text-xl);white-space:nowrap}.pattern-gallery-header .file-upload-btn{border-color:var(--color-primary);border-style:solid;color:var(--color-primary);flex-shrink:0;width:auto}.pattern-gallery{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.gallery-item{aspect-ratio:1;background:var(--color-muted-bg);border-radius:var(--radius-md);overflow:hidden;position:relative}.gallery-img{cursor:pointer;height:100%;object-fit:cover;transition:opacity .15s;width:100%}.gallery-img:hover{opacity:.9}.gallery-remove-btn{align-items:center;background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.75rem;height:24px;justify-content:center;position:absolute;right:.4rem;top:.4rem;transition:background .15s;width:24px}.gallery-remove-btn:hover{background:var(--color-error)}.gallery-item--primary{outline:2.5px solid var(--color-primary);outline-offset:-2px}.gallery-primary-badge{background:var(--color-primary);border-radius:var(--radius-sm);bottom:.4rem;color:#fff;font-size:.7rem;font-weight:600;left:.4rem;letter-spacing:.02em;padding:.15rem .45rem;pointer-events:none;position:absolute}.gallery-primary-btn{align-items:center;background:#00000073;border:none;border-radius:50%;bottom:.4rem;color:#ffffffb3;cursor:pointer;display:flex;font-size:.9rem;height:26px;justify-content:center;left:.4rem;position:absolute;transition:background .15s,color .15s;width:26px}.gallery-primary-btn:hover{background:var(--color-primary);color:#fff}.pattern-counter-section{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:1rem 0}.counter-subtabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:1.75rem}.counter-subtab{background:#e8c97a59;border:1.5px solid #c8963c;border-radius:20px;color:#7a5c2e;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);max-width:160px;overflow:hidden;padding:.4rem 1.1rem;text-overflow:ellipsis;transition:background .15s,color .15s;white-space:nowrap}.counter-subtab:hover{background:#e8c97a;color:#5a3e18}.counter-subtab--active{background:var(--color-primary);border-color:var(--color-primary-dark);color:#fff;font-weight:var(--font-bold)}.counter-subtab--add{background:#0000;border-color:var(--color-primary);color:var(--color-primary);font-size:1.1rem;font-weight:var(--font-bold);padding:.4rem .9rem}.counter-subtab--add:hover{background:#6281411f}.counter-tab-rename{background:#0000;border:none;border-bottom:1.5px solid #fff;color:#fff;font:inherit;outline:none;padding:0;width:80px}.counter-content{align-items:center;display:flex;flex-direction:column}.counter-name-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem;max-width:440px;width:100%}.counter-name{color:#5a3e18;font-size:var(--text-xl);font-weight:var(--font-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.counter-name-actions{display:flex;flex-shrink:0;gap:.4rem}.counter-delete-btn,.counter-rename-btn{background:none;border:1.5px solid #c8963c;border-radius:6px;color:#7a5c2e;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);padding:.25rem .65rem;transition:background .15s,color .15s,border-color .15s}.counter-rename-btn:hover{background:#e8c97a;color:#5a3e18}.counter-delete-btn:hover:not(:disabled){border-color:var(--color-error);color:var(--color-error)}.counter-delete-btn:disabled{cursor:default;opacity:.35}.counter-display{font-feature-settings:"tnum";color:var(--color-primary);font-size:8rem;font-variant-numeric:tabular-nums;font-weight:var(--font-bold);line-height:1;min-width:180px;padding:1rem 0;text-align:center;text-shadow:2px 2px 0 #00000012}.counter-controls{align-items:center;display:flex;gap:1.5rem;margin-bottom:1rem}.counter-btn{border:none;cursor:pointer;font-family:var(--font-sans);font-weight:var(--font-bold);transition:transform .1s,box-shadow .1s}.counter-btn:active{transform:translateY(3px)}.counter-btn--dec,.counter-btn--inc{background:var(--color-primary);border:2px solid var(--color-primary-dark);border-radius:50%;box-shadow:0 5px 0 var(--color-primary-dark);color:#fff;font-size:2.2rem;height:72px;width:72px}.counter-btn--dec:active,.counter-btn--inc:active{box-shadow:0 2px 0 var(--color-primary-dark)}.counter-btn--reset{background:#0000;border:2px solid #c8963c!important;border-radius:8px;color:#7a5c2e;font-size:var(--text-sm);padding:.6rem 1.5rem;transition:background .15s,color .15s}.counter-btn--reset:hover{background:#e8c97a;color:#5a3e18}@media (max-width:700px){.pattern-folder-body{border-radius:0 8px 8px 8px;padding:1.25rem}.pattern-folder-tab{font-size:var(--text-sm);padding:.5rem 1.2rem}}.gauge-section{padding:.5rem 0}.gauge-header{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;margin-bottom:.75rem}.gauge-reload-btn{background:none;border:1px solid #c8963c;border-radius:var(--radius-sm);color:#7a5c2e;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);padding:.25rem .75rem;transition:background .15s,color .15s}.gauge-reload-btn:hover:not(:disabled){background:#e8c97a;color:#5a3e18}.gauge-reload-btn:disabled{cursor:not-allowed;opacity:.5}.gauge-loading{opacity:.75;padding:2rem 0;text-align:center}.gauge-empty,.gauge-loading{color:#7a5c2e;font-size:var(--text-md)}.gauge-empty{align-items:center;display:flex;flex-direction:column;gap:.75rem;opacity:.8;padding:2.5rem 0}.gauge-empty-icon{font-size:2.5rem}.gauge-chips{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.75rem}.gauge-chip{align-items:center;background:#e8c97a66;border:2px solid #c8963c;border-radius:12px;box-shadow:3px 3px 0 #c8963c;display:flex;flex-direction:column;min-width:100px;padding:.9rem 1.5rem}.gauge-chip-value{color:var(--color-primary);font-size:2rem;font-weight:var(--font-bold);line-height:1;text-shadow:1px 1px 0 #00000012}.gauge-chip-label{color:#7a5c2e;letter-spacing:.05em;margin-top:.3rem}.gauge-chip-label,.gauge-raw-label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase}.gauge-raw-label{color:#a87a3a;letter-spacing:.06em;margin-bottom:.5rem}.gauge-raw{background:#c8963c1a;border-left:3px solid #c8963c;border-radius:0 8px 8px 0;color:#5a3e18;font-size:var(--text-sm);font-style:italic;line-height:1.6;margin:0;padding:.85rem 1.1rem;white-space:pre-wrap;word-break:break-word}.lightbox{align-items:center;background:#000000d9;cursor:zoom-out;display:flex;inset:0;justify-content:center;position:fixed;z-index:500}.lightbox-img{border-radius:var(--radius-md);max-height:90vh;max-width:90vw;object-fit:contain}.pdf-viewer{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;width:100%}.pdf-frame{border:none;display:block;height:80vh;width:100%}.pdf-tab{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);bottom:1rem;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);gap:.4rem;max-width:280px;overflow:hidden;padding:.6rem 1.25rem;position:fixed;right:1rem;text-overflow:ellipsis;transition:background .15s;white-space:nowrap;z-index:300}.pdf-tab:hover{background:var(--color-primary-dark)}.pdf-tab img{filter:brightness(0) invert(1)}.pdf-bottom-drawer{animation:slide-up .3s cubic-bezier(.32,.72,0,1);background:var(--color-surface);border-top:1px solid var(--color-border);bottom:0;box-shadow:0 -4px 24px #0000001f;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:60px;z-index:300}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pdf-drawer-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;padding:.75rem 1.25rem}.pdf-drawer-title{align-items:center;color:var(--color-text);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-drawer-controls{display:flex;flex-shrink:0;gap:.25rem}.pdf-drawer-btn{align-items:center;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;transition:background .15s,color .15s;width:28px}.pdf-drawer-btn:hover{background:var(--color-bg);color:var(--color-text)}.pdf-bottom-drawer .pdf-frame{border:none;flex:1 1;width:100%}.charts-section{display:flex;flex-direction:column;gap:0}.charts-pick-btn{background:#0000;border:1.5px solid var(--color-border);border-radius:4px;border-radius:var(--radius-sm,4px);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-bold);padding:.25rem .75rem;transition:background .15s,color .15s,border-color .15s}.charts-pick-btn:hover{background:var(--color-muted-bg);border-color:var(--color-primary);color:var(--color-primary)}.charts-pick-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.charts-pick-btn--active:hover{background:var(--color-primary-dark);color:#fff}.charts-pick-hint{color:var(--color-text-muted);font-size:var(--text-sm);margin:.5rem 0 .75rem}.charts-thumb-grid{grid-gap:.65rem;display:grid;gap:.65rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:65vh;overflow-y:auto;padding:.25rem 0 .5rem}.charts-thumb{background:#fff;border:2px solid var(--color-border);border-radius:4px;border-radius:var(--radius-sm,4px);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:border-color .15s,box-shadow .15s}.charts-thumb:hover{border-color:var(--color-primary);box-shadow:0 0 0 2px #62814133}.charts-thumb--selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #62814140}.charts-thumb-img{display:block;height:auto;width:100%}.charts-thumb-label{background:var(--color-bg);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.65rem;padding:.2rem 0;text-align:center}.charts-thumb-check{align-items:center;background:var(--color-primary);border-radius:50%;box-shadow:0 1px 4px #00000040;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:4px;top:4px;width:20px}.charts-pages{gap:1.5rem;max-height:70vh;overflow-y:auto;padding:.5rem 0}.chart-page,.charts-pages{display:flex;flex-direction:column}.chart-page{gap:.35rem}.chart-page-label{color:var(--color-text-muted);font-size:.75rem;font-size:var(--text-xs,.75rem);font-weight:var(--font-bold);letter-spacing:.05em;text-transform:uppercase}.chart-row-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.3rem}.chart-row-btn{align-items:center;background:#0000;border:1.5px solid var(--color-primary);border-radius:4px;border-radius:var(--radius-sm,4px);color:var(--color-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:28px;justify-content:center;transition:background .12s,color .12s;width:28px}.chart-row-btn:hover{background:var(--color-primary);color:#fff}.chart-row-btn--sm{font-size:.85rem;height:22px;width:22px}.chart-row-display{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-bold);min-width:90px;text-align:center}.chart-row-sep{background:var(--color-border);flex-shrink:0;height:18px;margin:0 .15rem;width:1px}.chart-row-hint,.chart-row-size-label{color:var(--color-text-muted);font-size:.75rem;font-size:var(--text-xs,.75rem)}.chart-row-hint{font-style:italic}.chart-page-wrap{cursor:crosshair;display:block;position:relative;-webkit-user-select:none;user-select:none}.chart-page-wrap--drawing{cursor:ns-resize}.chart-page-img{background:#fff;border:1px solid var(--color-border);border-radius:4px;border-radius:var(--radius-sm,4px);display:block;height:auto;width:100%}.chart-row-highlight{box-sizing:border-box;left:0;right:0}.chart-row-grid,.chart-row-highlight{pointer-events:none;position:absolute}.chart-row-grid{inset:0;overflow:hidden;z-index:1}.chart-row-grid-line{background:#c8963c4d;height:1px;left:0;position:absolute;right:0}.chart-row-highlight--active{background:#c8963c38;border-bottom:2px solid #c8963ccc;border-top:2px solid #c8963ccc;pointer-events:none;z-index:2}.chart-row-highlight--drawing{background:#508cc840;border-bottom:2px solid #508cc8cc;border-top:2px solid #508cc8cc;pointer-events:none;z-index:3}@media (max-width:640px){.pattern-detail-page{padding-bottom:4rem}.pattern-detail-top{align-items:flex-start;flex-direction:column;gap:.5rem}.pattern-detail-header-actions{flex-wrap:wrap;width:100%}.pattern-detail-header-actions .btn{flex:1 1;min-width:0;text-align:center}.pattern-detail-title{font-size:var(--text-2xl)}.pattern-detail-edit-row{flex-direction:column;gap:.75rem}}.needles-page{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.page-header{align-items:center;display:flex;justify-content:space-between}.page-header h1{color:var(--text-primary);font-size:2rem;margin:0}.error-message{background-color:#ffebee;border-radius:4px;color:var(--error-color,#d32f2f);padding:.75rem}.filter-section{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.filter-section label{color:var(--text-primary);font-weight:500}.filter-select{background-color:#fff;border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:4px;cursor:pointer;font-size:1rem;min-width:200px;padding:.5rem 1rem}.filter-select:focus{border-color:#5a6fbd;border-color:var(--primary-color,#5a6fbd);box-shadow:0 0 0 2px #5a6fbd33;box-shadow:0 0 0 2px var(--primary-light,#5a6fbd33);outline:none}.needles-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-top:1.5rem}.no-items{color:#666;color:var(--text-secondary,#666);font-size:1.1rem;grid-column:1/-1;padding:3rem 1rem;text-align:center}.needle-card{display:flex;flex-direction:column;gap:1rem}.needle-card-header{align-items:start;display:flex;gap:.75rem;justify-content:space-between}.needle-card-header h3{color:var(--color-text);flex:1 1;font-size:var(--text-lg);margin:0;min-width:0;overflow-wrap:break-word;word-break:normal}.needle-type-badge{background-color:#e8ebf7;background-color:var(--primary-light,#e8ebf7);border-radius:12px;color:#5a6fbd;color:var(--primary-color,#5a6fbd);flex-shrink:0;font-size:.85rem;font-weight:500;padding:.25rem .75rem;white-space:nowrap}.needle-details{display:flex;flex-direction:column;gap:.5rem}.needle-details p{color:#666;color:var(--text-secondary,#666);font-size:.95rem;margin:0}.needle-details strong{color:var(--text-primary);margin-right:.5rem}.needle-card-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:.5rem}.needle-card-actions button{flex:1 1;min-width:0}.needle-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:60px;z-index:300}.needle-modal{animation:modal-in .18s ease;background:var(--color-surface);border-radius:14px;box-shadow:0 16px 48px #00000038;max-width:600px;padding:1.5rem;width:100%}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.needle-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.needle-modal-header h2{color:var(--color-text);font-size:1.3rem;margin:0}.needle-modal-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.6rem;line-height:1;padding:0 .25rem;transition:color .15s}.needle-modal-close:hover{color:var(--color-text)}.confirm-modal{max-width:380px;text-align:center}.confirm-modal h2{color:var(--color-text);font-size:1.2rem;margin:0 0 .6rem}.confirm-modal p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.5;margin:0 0 1.5rem}.confirm-actions{display:flex;gap:.75rem;justify-content:center}.needle-form{display:flex;flex-direction:column;gap:.65rem}.needle-form-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.form-group{gap:.4rem}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--color-surface) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .75rem center;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-md);outline:none;padding:.65rem 2.2rem .65rem .9rem;transition:border-color .15s,box-shadow .15s;width:100%}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #62814126}.needle-form .input-group{margin-bottom:0}.needle-form select.input-field{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--color-surface) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .75rem center;cursor:pointer;padding-right:2.2rem}.form-textarea{border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:4px;font-family:inherit;font-size:1rem;min-height:80px;padding:.75rem;resize:vertical}.form-textarea:focus{border-color:#5a6fbd;border-color:var(--primary-color,#5a6fbd);box-shadow:0 0 0 2px #5a6fbd33;box-shadow:0 0 0 2px var(--primary-light,#5a6fbd33);outline:none}.form-actions{border-top:1px solid #ddd;border-top:1px solid var(--border-color,#ddd);margin-top:.25rem;padding-top:.75rem}.form-actions button{flex:1 1}@media (max-width:1024px){.needles-page{padding:1.5rem}}@media (max-width:768px){.needles-page{padding:1rem}.page-header{align-items:stretch;flex-direction:column;gap:1rem}.needles-grid{grid-template-columns:1fr}.filter-section{align-items:stretch;flex-direction:column}.filter-select{width:100%}.needle-card-header{flex-direction:column}.needle-type-badge{align-self:flex-start}}@media (max-width:480px){.needle-modal-overlay{align-items:flex-end;padding:0}.needle-modal{border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:90vh;overflow-y:auto;width:100%}}.size-picker-section{margin-bottom:.75rem;margin-bottom:var(--space-3,.75rem)}.size-picker-toggle{border:1px solid #d6ccb0;border:1px solid var(--color-border,#d6ccb0);border-radius:6px;border-radius:var(--radius-md,6px);display:flex;margin-bottom:.6rem;overflow:hidden;width:-webkit-fit-content;width:fit-content}.size-picker-tab{background:#fff;background:var(--color-surface,#fff);border:none;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;font-family:Lato,sans-serif;font-family:var(--font-sans,"Lato",sans-serif);font-size:.8rem;padding:5px 16px;transition:background .15s,color .15s}.size-picker-tab+.size-picker-tab{border-left:1px solid #d6ccb0;border-left:1px solid var(--color-border,#d6ccb0)}.size-picker-tab.active{background:#628141;background:var(--color-primary,#628141);color:#fff}.size-picker-selected{align-items:center;color:#666;color:var(--color-text-secondary,#666);display:flex;font-size:.82rem;gap:.5rem;margin:0 0 .5rem}.size-picker-clear{background:none;border:none;border-radius:3px;color:#999;color:var(--color-text-secondary,#999);cursor:pointer;font-size:.75rem;padding:1px 4px;transition:background .12s}.size-picker-clear:hover{background:#0000000f}.needle-size-chart{border:1px solid #d6ccb0;border:1px solid var(--color-border,#d6ccb0);border-radius:6px;border-radius:var(--radius-md,6px);max-height:260px;overflow-x:auto;overflow-y:auto}.nsc-table{border-collapse:collapse;font-family:Lato,sans-serif;font-family:var(--font-sans,"Lato",sans-serif);font-size:11px;min-width:-webkit-max-content;min-width:max-content}.nsc-corner{border-right:1px solid #d6ccb0;border-right:1px solid var(--color-border,#d6ccb0);color:#888;color:var(--color-text-secondary,#888);font-size:10px;font-weight:600;left:0;padding:5px 8px;white-space:nowrap;z-index:3}.nsc-corner,.nsc-size-header{background:#f5f2ea;background:var(--color-bg,#f5f2ea);border-bottom:1px solid #d6ccb0;border-bottom:1px solid var(--color-border,#d6ccb0);position:-webkit-sticky;position:sticky;top:0}.nsc-size-header{min-width:46px;padding:4px 2px;text-align:center;vertical-align:bottom;z-index:2}.nsc-size-us{color:#333;color:var(--color-text-primary,#333);font-weight:700}.nsc-size-mm,.nsc-size-us{display:block;white-space:nowrap}.nsc-size-mm{color:#888;color:var(--color-text-secondary,#888);font-size:9px}.nsc-length-label{background:#f5f2ea;background:var(--color-bg,#f5f2ea);border-right:1px solid #d6ccb0;border-right:1px solid var(--color-border,#d6ccb0);color:#333;color:var(--color-text-primary,#333);font-weight:700;left:0;padding:4px 8px;position:-webkit-sticky;position:sticky;white-space:nowrap;z-index:1}.nsc-cell-wrap{padding:2px;text-align:center}.nsc-cell{align-items:center;background:#fff;background:var(--color-surface,#fff);border:1.5px solid #d6ccb0;border:1.5px solid var(--color-border,#d6ccb0);border-radius:4px;cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:background .12s,border-color .12s;width:38px}.nsc-cell:hover{background:#62814114}.nsc-cell--owned,.nsc-cell:hover{border-color:#628141;border-color:var(--color-primary,#628141)}.nsc-cell--owned{background:#62814121}.nsc-dot{border-radius:50%;display:block;height:7px;width:7px}.nsc-cell--selected,.nsc-dot{background:#628141;background:var(--color-primary,#628141)}.nsc-cell--selected{border-color:#40513b;border-color:var(--color-primary-dark,#40513b)}.nsc-cell--selected:hover{background:#40513b;background:var(--color-primary-dark,#40513b)}.nsc-check{color:#fff;font-size:13px;font-weight:700;line-height:1}.page-header-actions{align-items:center;display:flex;gap:.6rem}.needle-set-modal{max-width:760px;width:92vw}.set-picker-body{display:flex;gap:1rem;min-height:340px}.set-picker-list{border-right:1px solid #d6ccb0;border-right:1px solid var(--color-border,#d6ccb0);flex:0 0 180px;overflow-y:auto;padding-right:.75rem}.set-picker-brand-group{margin-bottom:.75rem}.set-picker-brand-label{color:#888;color:var(--color-text-secondary,#888);font-size:.7rem;font-weight:700;letter-spacing:.06em;margin:0 0 4px;padding-left:8px;text-transform:uppercase}.set-picker-item{background:none;border:1.5px solid #0000;border-radius:6px;border-radius:var(--radius-md,6px);cursor:pointer;display:flex;flex-direction:column;font-family:Lato,sans-serif;font-family:var(--font-sans,"Lato",sans-serif);gap:2px;padding:6px 8px;text-align:left;transition:background .12s,border-color .12s;width:100%}.set-picker-item:hover{background:#62814112}.set-picker-item.active{background:#6281411f;border-color:#628141;border-color:var(--color-primary,#628141)}.set-picker-item-name{color:#333;color:var(--color-text-primary,#333);font-size:.82rem;font-weight:600}.set-picker-owned-badge{color:#628141;color:var(--color-primary,#628141);font-size:.7rem}.set-picker-preview{display:flex;flex:1 1;flex-direction:column;gap:.6rem}.set-picker-preview-title{color:#333;color:var(--color-text-primary,#333);font-size:1rem;font-weight:700;margin:0}.set-picker-preview-notes{color:#777;color:var(--color-text-secondary,#777);font-size:.78rem;margin:0}.set-preview-grid{display:flex;flex-wrap:wrap;gap:6px}.set-preview-cell{align-items:center;background:#fff;background:var(--color-surface,#fff);border:1.5px solid #d6ccb0;border:1.5px solid var(--color-border,#d6ccb0);border-radius:6px;border-radius:var(--radius-md,6px);display:flex;flex-direction:column;gap:1px;justify-content:center;padding:6px 4px;position:relative;width:64px}.set-preview-cell--owned{background:#6281411a;border-color:#628141;border-color:var(--color-primary,#628141)}.set-preview-size{color:#333;color:var(--color-text-primary,#333);font-size:.72rem;font-weight:700;text-align:center}.set-preview-length,.set-preview-mm{color:#888;color:var(--color-text-secondary,#888);font-size:.62rem}.set-preview-check{color:#628141;color:var(--color-primary,#628141);font-size:10px;font-weight:700;line-height:1;position:absolute;right:4px;top:2px}.set-picker-skip-label{align-items:center;color:#333;color:var(--color-text-primary,#333);cursor:pointer;display:flex;font-size:.83rem;gap:.5rem;margin-top:auto}.set-picker-skip-label input[type=checkbox]{accent-color:#628141;accent-color:var(--color-primary,#628141);cursor:pointer;height:15px;width:15px}.set-picker-actions{display:flex;flex-wrap:wrap;gap:.6rem}@media (max-width:600px){.set-picker-body{flex-direction:column;min-height:0;min-height:auto}.set-picker-list{border-bottom:1px solid #d6ccb0;border-bottom:1px solid var(--color-border,#d6ccb0);border-right:none;flex:none;max-height:140px;overflow-y:auto;padding-bottom:.75rem;padding-right:0}.needle-set-modal{width:100%}}.settings-container{display:flex;flex-direction:column;max-width:500px}.settings-tabs{display:flex;gap:4px;position:relative;z-index:1}.settings-tab{background:var(--color-bg);border:1px solid var(--color-border);border-bottom:none;border-radius:8px 8px 0 0;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:.55rem 1.25rem;transition:background .15s,color .15s}.settings-tab:hover{background:var(--color-surface);color:var(--color-text)}.settings-tab--active{background:var(--color-surface);border-color:var(--color-border);color:var(--color-primary);font-weight:var(--font-bold);margin-bottom:-1px;padding-bottom:calc(.55rem + 1px)}.settings-panel{border-radius:0 8px 8px 8px;padding:1.5rem}.card{padding:1.5rem}.settings-section-title{color:var(--color-text);font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:1.5rem;margin-top:0}.settings-form{gap:1rem}.form-group,.settings-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:var(--color-text);font-weight:var(--font-semibold)}.input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);padding:.75rem 1rem;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #8b755b1a;outline:none}.error-message{color:#d32f2f;color:var(--color-error,#d32f2f);margin:0}.success-message{color:#388e3c;color:var(--color-success,#388e3c);margin:0}.muted,.success-message{font-size:var(--text-sm)}.muted{color:var(--color-text-muted)}@media (max-width:480px){.settings-tabs{flex-wrap:wrap}.settings-tab{flex:1 1;text-align:center}.settings-panel{border-radius:0 0 8px 8px;padding:1.25rem 1rem}}.admin-page{max-width:860px}.admin-subtitle{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.admin-tabs{border-bottom:2px solid var(--color-border);display:flex;gap:0;margin-bottom:1.5rem}.admin-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--color-text-muted);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;gap:.5rem;margin-bottom:-2px;padding:.6rem 1.25rem;transition:color .15s}.admin-tab:hover{color:var(--color-text)}.admin-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.admin-tab-badge{background:var(--color-primary);border-radius:99px;color:#fff;font-size:10px;font-weight:700;min-width:18px;padding:1px 6px;text-align:center}.admin-tab-badge--neutral{background:var(--color-border);color:var(--color-text-muted)}.admin-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.admin-section-header h2{font-size:var(--text-lg);margin:0}.admin-empty{color:var(--color-text-muted);font-size:var(--text-sm);padding:1rem 0}.admin-group-label{color:var(--color-primary);font-size:var(--text-xs);font-weight:700;letter-spacing:.07em;margin:1.25rem 0 .5rem;text-transform:uppercase}.admin-group-label--used{color:var(--color-text-muted)}.admin-create-form{margin-bottom:1.25rem}.admin-create-title{font-size:var(--text-base);margin:0 0 .75rem}.admin-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.admin-form-actions{margin-top:.75rem}.invite-list{display:flex;flex-direction:column;gap:.6rem}.invite-row{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:1rem;padding:.75rem 1rem}.invite-row--pending{background:#6281410a;border-color:var(--color-primary)}.invite-row--used{opacity:.65}.invite-code-wrap{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.invite-code{color:var(--color-primary);font-family:Courier New,monospace;font-size:1rem;font-weight:700;letter-spacing:.15em}.invite-code--used{color:var(--color-text-muted);text-decoration:line-through}.invite-copy{background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-xs);padding:3px 8px;transition:background .12s,color .12s;white-space:nowrap}.invite-copy:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.invite-meta{color:var(--color-text-muted);display:flex;flex:1 1;flex-wrap:wrap;font-size:var(--text-xs);gap:.5rem 1rem}.invite-label{color:var(--color-text);font-weight:600}.invite-expires{color:#e67e22;color:var(--color-accent,#e67e22)}.invite-delete{background:none;border:none;border-radius:4px;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;font-size:1rem;padding:4px 6px;transition:color .12s,background .12s}.invite-delete:hover{background:#c0392b14;color:#c0392b}.user-list{display:flex;flex-direction:column;gap:.6rem}.user-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:.85rem;padding:.75rem 1rem}.user-avatar-circle,.user-row{align-items:center;display:flex}.user-avatar-circle{background:var(--color-bg);border:1px solid var(--color-border);border-radius:50%;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.user-avatar-img{height:100%;object-fit:cover;width:100%}.user-avatar-initials{color:var(--color-primary);font-size:.85rem;font-weight:700;text-transform:uppercase}.user-info{display:flex;flex:1 1;flex-direction:column;gap:.1rem}.user-name{align-items:center;color:var(--color-text);display:flex;font-size:var(--text-sm);font-weight:600;gap:.5rem}.admin-badge{background:var(--color-primary);border-radius:99px;color:#fff;font-size:10px;font-weight:700;padding:1px 7px}.user-email,.user-joined{color:var(--color-text-muted);font-size:var(--text-xs)}.user-joined{flex-shrink:0}.user-row--disabled{background:#00000005;opacity:.55}.disabled-badge{background:#c0392b;border-radius:99px;color:#fff;font-size:10px;font-weight:700;padding:1px 7px}.user-toggle-btn{border:1px solid;border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;font-size:var(--text-xs);font-weight:700;padding:.35rem .85rem;transition:background .15s,opacity .15s}.user-toggle-btn:disabled{cursor:default;opacity:.5}.user-toggle-btn--disable{background:#0000;border-color:#c0392b66;color:#c0392b}.user-toggle-btn--disable:hover:not(:disabled){background:#c0392b14}.user-toggle-btn--enable{background:#0000;border-color:#62814166;color:var(--color-primary-dark)}.user-toggle-btn--enable:hover:not(:disabled){background:#6281411a}.user-delete-btn{align-items:center;background:#0000;border:1px solid #c0392b59;border-radius:50%;color:#c0392b;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:28px;justify-content:center;transition:background .15s,border-color .15s;width:28px}.user-delete-btn img{filter:invert(22%) sepia(72%) saturate(900%) hue-rotate(340deg) brightness(90%);opacity:.8;transition:opacity .15s}.user-delete-btn:hover:not(:disabled) img{opacity:1}.user-delete-btn:hover:not(:disabled){background:#c0392b1a;border-color:#c0392b}.user-delete-btn:disabled{cursor:default;opacity:.4}@media (max-width:600px){.admin-form-row{grid-template-columns:1fr}.invite-row{flex-wrap:wrap}.user-joined{display:none}}.legal-page{max-width:720px}.legal-header{border-bottom:2px solid var(--color-border);margin-bottom:2rem;padding-bottom:1.25rem}.legal-header h1{font-size:var(--text-3xl);margin-bottom:.35rem}.legal-meta{color:var(--color-text-muted);font-size:var(--text-sm)}.legal-intro{color:var(--color-text);font-size:var(--text-md);line-height:1.75}.legal-intro,.legal-section{margin-bottom:2rem}.legal-section h2{color:var(--color-primary-dark);font-family:var(--font-display);font-size:1.2rem;margin-bottom:.65rem}.legal-section p{color:var(--color-text);line-height:1.75;margin-bottom:.75rem}.legal-section p:last-child{margin-bottom:0}.legal-list{color:var(--color-text);display:flex;flex-direction:column;gap:.4rem;line-height:1.75;margin:.5rem 0 .75rem 1.5rem}.legal-list li{font-size:var(--text-md)}@media (max-width:640px){.legal-header h1{font-size:var(--text-2xl)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}a{color:var(--color-primary)}a,a:hover{text-decoration:none}a:hover{color:var(--color-primary-dark)}.app-container{display:flex;height:100vh;overflow:hidden}.app-content{min-width:0;overflow:hidden}.app-content,main{display:flex;flex:1 1;flex-direction:column}main{min-height:0;overflow-x:hidden;overflow-y:auto}.auth-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:2rem}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 24px #0000000f;max-width:420px;padding:2.5rem;width:100%}.auth-card h2{margin-bottom:.25rem}.auth-subtitle{margin-bottom:1.5rem}.auth-footer,.auth-subtitle{color:var(--color-text-muted)}.auth-footer{font-size:var(--text-sm);margin-top:1.5rem}.auth-card.auth-card--centered .auth-subtitle,.auth-card.auth-card--centered h2,.auth-footer{text-align:center}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:.4rem}.form-group input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);outline:none;padding:.65rem .9rem;transition:border-color .15s;width:100%}.form-group input:focus{border-color:var(--color-primary)}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--text-sm);margin-bottom:1rem;padding:.75rem 1rem}.page{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.page-header{margin-bottom:2rem}.page-header h1{font-size:var(--text-3xl)}.page-header p{color:var(--color-text-muted)}.info-list{list-style:none}.info-list li{border-bottom:1px solid var(--color-border);display:flex;gap:.5rem;padding:.5rem 0}.info-list li:last-child{border-bottom:none}.info-list li span{font-weight:var(--font-medium);min-width:120px}.stat-placeholder{color:var(--color-text-muted);font-size:var(--text-sm)}.btn-link{color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none}.btn-link:hover{color:var(--color-primary-dark);text-decoration:underline}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.input-hint{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-normal);margin-left:.25rem}.settings-fab{align-items:center;background:var(--color-primary);border-radius:50%;bottom:1.5rem;box-shadow:0 4px 12px #0003;display:flex;height:48px;justify-content:center;left:1.5rem;position:fixed;transition:background .18s,transform .18s,box-shadow .18s;width:48px;z-index:100}.settings-fab:hover{background:var(--color-primary-dark);box-shadow:0 6px 18px #00000040;transform:scale(1.08)}.settings-fab img{filter:brightness(0) invert(1)}@media (max-width:1024px){.page{padding:1.5rem}}@media (max-width:640px){.page{padding:1rem}.page-header{margin-bottom:1.25rem}.auth-page{align-items:flex-start;padding:1.5rem 1rem}.auth-card{padding:1.5rem 1.25rem}.form-actions{flex-direction:column-reverse;gap:.5rem}.form-actions>*{width:100%}.settings-fab{bottom:1rem;height:44px;left:1rem;width:44px}}@media (max-width:768px){.app-container--sidebar-open:before{background:#00000073;content:"";inset:0;pointer-events:auto;position:fixed;z-index:199}}:root{--color-primary:#628141;--color-primary-dark:#40513b;--color-accent:#e67e22;--color-accent-dark:#d06a1a;--color-bg:#f5f2ea;--color-surface:#fff;--color-muted-bg:#e5d9b6;--color-text:#40513b;--color-text-muted:#628141;--color-border:#d6ccb0;--color-error:#c0392b;--color-success:#628141;--font-display:"Fraunces",Georgia,serif;--font-sans:"Lato",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"Courier New",monospace;--font-normal:400;--font-medium:500;--font-bold:700;--text-xs:clamp(0.75rem,1.2vw,0.8rem);--text-sm:clamp(0.9rem,1.4vw,0.95rem);--text-md:clamp(1rem,1.6vw,1.05rem);--text-lg:clamp(1.1rem,1.8vw,1.2rem);--text-xl:clamp(1.2rem,2vw,1.35rem);--text-2xl:clamp(1.4rem,2.5vw,1.6rem);--text-3xl:clamp(1.75rem,3.5vw,2.2rem);--text-4xl:clamp(2rem,4.5vw,2.8rem);--radius-sm:6px;--radius-md:10px;--radius-lg:16px}
/*# sourceMappingURL=main.19691703.css.map*/