@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--terra:#c4907f;--terra-light:#e8cdbd;--cream:#f7f3ee;--dark:#333333;--white:#ffffff;--radius:10px}body{font-family:Inter,sans-serif;font-weight:300;color:var(--dark);background:var(--cream);font-size:15px;min-height:100vh}a{color:inherit;text-decoration:none}.app{max-width:640px;margin:0 auto;padding:0 16px 60px}.hero{text-align:center;padding:36px 16px 28px;border-bottom:1px solid var(--terra-light);margin-bottom:24px}.hero p{font-size:13px;color:#aaa;font-weight:300}.login-card{background:var(--white);border:1px solid var(--terra-light);border-radius:var(--radius);padding:28px;max-width:360px;margin:0 auto;box-shadow:0 2px 16px #c4907f14}.login-card h2{font-size:16px;font-weight:500;color:var(--dark);margin-bottom:6px}.login-card p{font-size:13px;color:#aaa;margin-bottom:18px;font-weight:300}.error-msg{font-size:13px;color:#c0392b;margin-bottom:10px;font-weight:400}.input{width:100%;padding:11px 14px;border:1px solid var(--terra-light);border-radius:8px;background:var(--cream);color:var(--dark);font-family:inherit;font-size:14px;font-weight:300;margin-bottom:12px;outline:none;transition:border-color .15s}.input:focus{border-color:var(--terra);background:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 20px;border-radius:8px;border:none;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;letter-spacing:.01em;transition:opacity .15s,transform .08s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--terra);color:#fff}.btn-primary:hover:not(:disabled){opacity:.88}.btn-outline{background:transparent;border:1px solid var(--terra-light);color:var(--terra)}.btn-outline:hover:not(:disabled){border-color:var(--terra);background:#c4907f0f}.btn-sm{padding:7px 14px;font-size:12px}.btn-danger{background:transparent;border:1px solid #e07070;color:#c0392b}.btn-danger:hover{background:#c0392b0f}.btn-success{background:transparent;border:1px solid #7bbf7b;color:#2e7d2e}.btn-success:hover{background:#2e7d2e0f}.btn-full{width:100%}.user-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--white);border:1px solid var(--terra-light);border-radius:var(--radius);margin-bottom:16px}.user-name{font-size:14px;font-weight:500;color:var(--dark)}.user-sub{font-size:11px;color:#aaa;margin-top:1px;font-weight:300}.tabs{display:flex;background:var(--white);border:1px solid var(--terra-light);border-radius:var(--radius);padding:4px;margin-bottom:20px;gap:4px}.tab{flex:1;text-align:center;padding:9px 12px;font-size:13px;font-weight:500;color:#aaa;cursor:pointer;border-radius:7px;transition:all .15s;border:none;background:transparent;font-family:inherit}.tab.active{background:var(--terra);color:#fff}.level-card{background:var(--white);border:1px solid var(--terra-light);border-radius:var(--radius);padding:22px 22px 18px;margin-bottom:20px}.level-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.pts-big{font-size:32px;font-weight:300;color:var(--dark);line-height:1}.pts-big span{font-size:14px;font-weight:300;color:#aaa;margin-left:4px}.level-badge{display:inline-flex;align-items:center;padding:5px 13px;border-radius:20px;font-size:12px;font-weight:500;letter-spacing:.02em}.lvl-none{background:var(--cream);color:#aaa;border:1px solid var(--terra-light)}.lvl-grow{background:#eaf3de;color:#3b6d11}.lvl-pro{background:var(--terra-light);color:#8b5e4e}.lvl-elite{background:#e6f1fb;color:#185fa5}.lvl-legend{background:linear-gradient(135deg,#f7f3ee,var(--terra-light));color:var(--terra);border:1px solid var(--terra-light)}.bar-track{height:6px;background:var(--cream);border-radius:3px;overflow:hidden;margin-bottom:8px;border:1px solid var(--terra-light)}.bar-fill{height:100%;background:var(--terra);border-radius:3px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.bar-milestones{display:flex;justify-content:space-between;font-size:10px;color:#bbb;margin-bottom:8px;font-weight:300}.next-hint{font-size:12px;color:#aaa;font-weight:300}.next-hint strong{color:var(--terra);font-weight:500}.category{margin-bottom:12px}.cat-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--white);border:1px solid var(--terra-light);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.cat-header:hover{background:#f7f3eecc}.cat-open .cat-header{border-radius:var(--radius) var(--radius) 0 0;border-bottom-color:transparent}.cat-emoji{font-size:16px;flex-shrink:0}.cat-name{font-size:13px;font-weight:500;flex:1;color:var(--dark)}.cat-pts{font-size:11px;color:var(--terra);font-weight:500}.cat-progress{font-size:10px;color:#bbb;font-weight:300;background:var(--cream);padding:2px 7px;border-radius:10px;border:1px solid var(--terra-light)}.cat-arrow{font-size:11px;color:#ccc;transition:transform .2s;flex-shrink:0}.cat-open .cat-arrow{transform:rotate(90deg)}.cat-body{border:1px solid var(--terra-light);border-top:none;border-radius:0 0 var(--radius) var(--radius);overflow:hidden;display:none}.cat-open .cat-body{display:block}.ch-row{display:flex;align-items:center;gap:12px;padding:11px 16px;background:var(--white);border-bottom:1px solid var(--cream);cursor:pointer;transition:background .1s}.ch-row:last-child{border-bottom:none}.ch-row:hover{background:#f7f3eeb3}.ch-row.done{background:var(--cream)}.ch-row.done .ch-name{text-decoration:line-through;color:#bbb}.ch-row.pending{background:#fffbf0}.ch-row.pending .ch-name{color:#b8860b}.ch-box{width:20px;height:20px;flex-shrink:0;border:1.5px solid var(--terra-light);border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .15s;background:#fff;font-size:11px}.ch-row.done .ch-box{background:var(--terra);border-color:var(--terra);color:#fff;font-weight:700}.ch-row.pending .ch-box{background:#fef3cd;border-color:#f0c040;color:#b8860b}.ch-name{font-size:13px;flex:1;line-height:1.4;font-weight:300}.ch-pts{font-size:11px;font-weight:500;color:var(--terra);flex-shrink:0;background:#c4907f1f;padding:2px 7px;border-radius:10px}.ch-review-badge{font-size:10px;color:#b8860b;background:#fef3cd;border:1px solid #f0c040;padding:1px 6px;border-radius:8px;flex-shrink:0}.lb-row{display:flex;align-items:center;gap:10px;padding:11px 16px;background:var(--white);border-bottom:1px solid var(--cream)}.lb-row:last-child{border-bottom:none}.lb-row.me{background:#c4907f12}.lb-rank{font-size:14px;font-weight:500;width:28px;text-align:center;flex-shrink:0}.lb-name{font-size:13px;flex:1;font-weight:400}.lb-pts{font-size:13px;font-weight:500;color:var(--terra);flex-shrink:0}.lb-wrap{background:var(--white);border:1px solid var(--terra-light);border-radius:var(--radius);overflow:hidden}.lb-empty{padding:20px;text-align:center;color:#aaa;font-size:13px}.admin-section{background:var(--white);border:1px solid var(--terra-light);border-radius:var(--radius);margin-bottom:20px;overflow:hidden}.admin-section-title{font-size:13px;font-weight:500;color:var(--dark);padding:14px 16px;border-bottom:1px solid var(--terra-light)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px}.stat-box{text-align:center;background:var(--cream);border-radius:8px;padding:12px}.stat-num{font-size:24px;font-weight:300;color:var(--dark)}.stat-label{font-size:11px;color:#aaa;margin-top:2px;font-weight:300}.user-row{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--cream)}.user-row:last-child{border-bottom:none}.user-info{flex:1;min-width:0}.user-email{font-size:12px;color:#aaa;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-row{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-bottom:1px solid var(--cream)}.pending-row:last-child{border-bottom:none}.pending-meta{font-size:12px;color:#aaa;font-weight:300}.pending-actions{display:flex;gap:8px;margin-top:4px}.inactive-row{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--cream)}.inactive-row:last-child{border-bottom:none}.inactive-dot{width:8px;height:8px;border-radius:50%;background:#f0c040;flex-shrink:0}.inactive-dot.red{background:#e07070}.inactive-name{font-size:13px;flex:1}.inactive-days{font-size:11px;color:#aaa}.invite-form{padding:16px;display:flex;gap:8px}.invite-form .input{margin-bottom:0;flex:1}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--dark);color:#fff;padding:10px 20px;border-radius:20px;font-size:13px;font-weight:400;opacity:0;transition:all .3s;pointer-events:none;z-index:999;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}#confetti-canvas{position:fixed;top:0;left:0;pointer-events:none;z-index:998;display:none}