@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--font-primary: "Plus Jakarta Sans", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--color-bg: #ffffff;--color-bg-elevated: #f8f9fa;--color-bg-card: #f1f3f5;--color-bg-input: #ffffff;--color-text-primary: #1a1a1a;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-accent: #dc6834;--color-accent-hover: #e8834f;--color-accent-muted: rgba(220, 104, 52, .15);--color-success: #3fb950;--color-success-muted: rgba(63, 185, 80, .15);--color-warning: #d29922;--color-warning-muted: rgba(210, 153, 34, .15);--color-error: #f85149;--color-error-muted: rgba(248, 81, 73, .15);--color-info: #58a6ff;--color-info-muted: rgba(88, 166, 255, .15);--color-border: #e5e7eb;--color-border-focus: var(--color-accent);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--transition-fast: .15s ease;--transition-base: .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background:var(--color-bg);min-height:100vh;color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px}.navbar{display:flex;gap:8px;padding:8px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:32px}.nav-link{color:var(--color-text-secondary);text-decoration:none;padding:10px 16px;border-radius:var(--radius-md);transition:all var(--transition-fast);background:none;border:none;font-family:var(--font-primary);font-size:.875rem;font-weight:500;cursor:pointer}.nav-link:hover{color:var(--color-text-primary);background:var(--color-bg-card)}.nav-link.active{color:#fff;background:var(--color-accent);font-weight:600}.nav-link.logout{color:var(--color-error)}.nav-link.logout:hover{background:var(--color-error-muted)}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;max-width:440px;width:100%;box-shadow:var(--shadow-md)}.card h1{font-size:1.5rem;font-weight:700;margin-bottom:24px;color:var(--color-text-primary)}.qr-card,.stats-card,.subdits-card,.profile-card{max-width:560px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.form-group input{width:100%;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-input);color:var(--color-text-primary);font-family:var(--font-primary);font-size:.9375rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-muted)}.form-group input::placeholder{color:var(--color-text-muted)}button[type=submit]{width:100%;padding:14px;background:var(--color-accent);color:var(--color-bg);border:none;border-radius:var(--radius-md);font-family:var(--font-primary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}button[type=submit]:hover{background:var(--color-accent-hover)}button[type=submit]:active{transform:scale(.98)}button[type=submit]:disabled{background:var(--color-text-muted);cursor:not-allowed;transform:none}.error{background:var(--color-error-muted);color:var(--color-error);padding:12px 14px;border-radius:var(--radius-md);margin-bottom:20px;font-size:.875rem;border:1px solid rgba(248,81,73,.3)}.loading{text-align:center;color:var(--color-text-secondary);padding:24px}.code-info{text-align:center;color:var(--color-text-secondary);margin-bottom:24px;font-size:.9375rem;line-height:1.6}.code-info strong{color:var(--color-accent)}.back-btn{width:100%;padding:12px;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:.875rem;cursor:pointer;margin-top:12px;transition:all var(--transition-fast)}.back-btn:hover{color:var(--color-text-primary);border-color:var(--color-text-muted)}.welcome{text-align:center;color:var(--color-text-secondary);margin-bottom:24px;font-size:.9375rem}.qr-container{display:flex;justify-content:center;margin:24px 0;background:#fff;padding:16px;border-radius:var(--radius-md)}.referral-info{margin-top:24px}.referral-info label{display:block;margin-bottom:8px;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.url-box{display:flex;gap:8px;background:var(--color-bg-input);padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border);align-items:center}.url-box code{flex:1;font-family:var(--font-mono);font-size:.8125rem;word-break:break-all;color:var(--color-text-primary)}.copy-btn{padding:8px 14px;background:var(--color-accent);color:var(--color-bg);border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-primary);font-size:.8125rem;font-weight:600;white-space:nowrap;transition:background var(--transition-fast)}.copy-btn:hover{background:var(--color-accent-hover)}.instructions{margin-top:20px;text-align:center;color:var(--color-text-muted);font-size:.875rem}.earnings-highlight{background:var(--color-bg-card);border:1px solid var(--color-border);padding:28px;border-radius:var(--radius-lg);text-align:center;margin-bottom:32px;position:relative;overflow:hidden}.earnings-highlight:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-success)}.earnings-amount{display:block;font-family:var(--font-mono);font-size:2.75rem;font-weight:700;color:var(--color-success);letter-spacing:-1px}.earnings-label{font-size:.8125rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.stats-section-title{font-size:.8125rem;color:var(--color-text-muted);margin:28px 0 16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-box{background:var(--color-bg-card);padding:20px 16px;border-radius:var(--radius-md);text-align:center;border:1px solid var(--color-border)}.stat-number{display:block;font-family:var(--font-mono);font-size:1.75rem;font-weight:700;margin-bottom:4px}.stat-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.stat-box.completed .stat-number{color:var(--color-success)}.stat-box.pending .stat-number{color:var(--color-warning)}.stat-box.total .stat-number{color:var(--color-info)}.subdits-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.subdits-header h1{margin-bottom:0}.subdits-quota{text-align:right}.quota-count{display:block;font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:var(--color-accent)}.quota-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.add-subdit-btn{width:100%;padding:14px;background:var(--color-accent-muted);color:var(--color-accent);border:1px dashed var(--color-accent);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);margin-bottom:20px}.add-subdit-btn:hover{background:#f0a50040}.subdit-form{background:var(--color-bg-card);padding:24px;border-radius:var(--radius-md);margin-bottom:24px;border:1px solid var(--color-border)}.subdit-form h3{margin-bottom:20px;font-size:1rem;font-weight:600}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{display:flex;gap:12px;margin-top:8px}.form-actions button{flex:1}.cancel-btn{padding:12px;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:.9375rem;cursor:pointer;transition:all var(--transition-fast)}.cancel-btn:hover{color:var(--color-text-primary);border-color:var(--color-text-muted)}.subdits-list{display:flex;flex-direction:column;gap:10px}.subdit-item{display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-card);padding:16px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.subdit-info{display:flex;flex-direction:column;gap:4px;min-width:0}.subdit-name{font-weight:600;font-size:.9375rem;color:var(--color-text-primary)}.subdit-mail{font-size:.8125rem;color:var(--color-text-muted)}.subdit-stats{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap}.subdit-code{font-family:var(--font-mono);font-size:.75rem;color:var(--color-accent);background:var(--color-accent-muted);padding:3px 8px;border-radius:var(--radius-sm)}.subdit-users{font-size:.75rem;color:var(--color-success)}.delete-btn{padding:8px 14px;background:var(--color-error-muted);color:var(--color-error);border:none;border-radius:var(--radius-sm);font-family:var(--font-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast);flex-shrink:0}.delete-btn:hover{background:#f8514940}.no-subdits,.no-access,.no-parent{text-align:center;color:var(--color-text-muted);padding:32px;font-size:.9375rem}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.modal{background:var(--color-bg-elevated);padding:28px;border-radius:var(--radius-lg);max-width:380px;width:100%;border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.modal h3{margin-bottom:12px;font-size:1.125rem;font-weight:600}.modal p{color:var(--color-text-secondary);margin-bottom:8px;font-size:.9375rem}.modal-warning{color:var(--color-error)!important;font-size:.8125rem!important}.modal-actions{display:flex;gap:12px;margin-top:24px}.modal-actions button{flex:1;padding:12px;border-radius:var(--radius-md);font-family:var(--font-primary);font-size:.9375rem;font-weight:500;cursor:pointer}.confirm-delete-btn{background:var(--color-error);color:#fff;border:none;transition:background var(--transition-fast)}.confirm-delete-btn:hover{background:#e5443c}.confirm-delete-btn:disabled{background:var(--color-text-muted);cursor:not-allowed}.profile-section{margin-bottom:28px}.profile-section:last-child{margin-bottom:0}.profile-section h2{font-size:.8125rem;color:var(--color-text-muted);margin-bottom:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.parent-section{background:var(--color-bg-card);padding:20px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.parent-section h2{border-bottom:none;padding-bottom:0;margin-bottom:16px}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.profile-item{display:flex;flex-direction:column;gap:4px}.profile-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.profile-value{font-size:.9375rem;color:var(--color-text-primary)}.profile-value.code{font-family:var(--font-mono);color:var(--color-accent);font-weight:500}@media(max-width:600px){.page{padding:16px}.navbar{flex-wrap:wrap;justify-content:center}.card{padding:24px}.stats-grid,.form-row,.profile-grid{grid-template-columns:1fr}.subdit-item{flex-direction:column;align-items:flex-start;gap:12px}.delete-btn{width:100%}}