:root{--color-background: #F7F4E8;--color-primary: #B7CFA5;--color-secondary: #E8E2D5;--color-dark: #3A3F45;--color-red: #F0B9AF;--color-purple: #DCD5EC;--color-blue: #C9DDE1;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-background);color:var(--color-dark);max-width:800px;margin:0 auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn-primary{background:var(--color-primary);color:var(--color-dark);border:none;border-radius:50px;padding:16px 40px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-secondary);color:var(--color-dark);border:none;border-radius:50px;padding:16px 40px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.dashboard-screen{min-height:100vh;background:#f7f4e8;padding:24px 24px 100px;display:flex;flex-direction:column;font-family:Plus Jakarta Sans,sans-serif}.dashboard-screen .logo-image{width:140px;height:auto;filter:brightness(0) saturate(100%) invert(23%) sepia(7%) saturate(1084%) hue-rotate(169deg) brightness(96%) contrast(88%);opacity:1;display:block;margin:0 auto 60px}.dashboard-screen .spinner{width:40px;height:40px;border:4px solid #E8E2D5;border-top-color:#b7cfa5;border-radius:50%;animation:spin .8s linear infinite;margin:100px auto}.dashboard-screen .empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:400px;margin:0 auto;padding:0 40px}.dashboard-screen .empty-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:40px}.dashboard-screen .empty-icon img,.dashboard-screen .empty-icon svg{width:100px;height:100px}.dashboard-screen .empty-title{font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:400;color:#3a3f45;margin:0 0 40px;line-height:1.3}.dashboard-screen .btn-primary{flex:none!important;width:auto!important;background:#b7cfa5;color:#3a3f45;border:none;border-radius:50px;padding:18px 48px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.dashboard-screen .btn-primary:hover{background:#a8c096;transform:translateY(-1px)}.dashboard-screen .btn-primary:active{transform:translateY(0)}.dashboard-screen .children-list{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.dashboard-screen .child-card{background:#fff;border-radius:16px;padding:0;box-shadow:0 2px 8px #00000014;overflow:hidden}.dashboard-screen .child-card-header{padding:32px 24px;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center}.dashboard-screen .child-card-header:hover{background:#fafaf8}.dashboard-screen .child-header{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:16px;width:100%}.dashboard-screen .child-name{font-family:Plus Jakarta Sans,sans-serif;font-size:32px;font-weight:500;color:#3a3f45;margin:0}.dashboard-screen .child-status-row{display:flex;align-items:center;gap:10px;justify-content:center}.dashboard-screen .status-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.dashboard-screen .status-indicator{width:14px;height:14px;border-radius:50%}.dashboard-screen .status-indicator.green{background:#4caf50}.dashboard-screen .status-indicator.red{background:#f44336}.dashboard-screen .child-status{font-family:Inter,sans-serif;font-size:16px;color:#3a3f45;margin:0}.dashboard-screen .child-extension{display:inline-block;background:#b7cfa5;border:1px solid #3A3F45;border-radius:50px;padding:12px 32px;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:400;color:#3a3f45;margin-bottom:12px}.dashboard-screen .friend-requests{margin-top:0;padding:0;background:transparent;border-radius:0;font-family:Inter,sans-serif;font-size:15px;color:#3a3f45;display:inline-block;cursor:pointer}.dashboard-screen .friend-requests:hover{text-decoration:underline}.dashboard-screen .child-actions{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#f7f4e8;border-top:1px solid #F7F4E8}.dashboard-screen .action-btn{background:#fff;border:none;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:500;color:#3a3f45;transition:all .2s ease}.dashboard-screen .action-btn:hover{background:#f5f4f1}.dashboard-screen .action-btn:active{transform:scale(.98)}.dashboard-screen .action-btn svg{color:#b7cfa5}.dashboard-screen .activate-another{width:auto;max-width:270px;background:#f7f4e8;color:#3a3f45;border:none;border-radius:50px;padding:18px 48px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:400;cursor:pointer;transition:all .2s ease;margin:32px auto 0;display:block}.dashboard-screen .activate-another:hover{background:#a8c096;transform:translateY(-1px)}.dashboard-screen .activate-another:active{transform:translateY(0)}.dashboard-screen .nav-tabs{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;padding:12px 24px;padding-bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 -2px 8px #00000014;z-index:100}.dashboard-screen .tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:none;border:none;cursor:pointer;transition:all .2s ease;border-radius:8px}.dashboard-screen .tab:hover{opacity:.7}.dashboard-screen .tab span{font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:500;color:#9b9691}.dashboard-screen .tab.active{background:#b7cfa540}.dashboard-screen .tab.active span{color:#3a3f45}.dashboard-screen .tab.active svg{color:#3a3f45}.dashboard-screen .tab svg{color:#9b9691}.child-name-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.pending-badge{background:#b7cfa5;color:#fff;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600;min-width:20px;text-align:center}.pending-requests-banner{background:linear-gradient(135deg,#b7cfa5,#a5bd93);color:#fff;padding:12px 16px;margin:-12px -16px 12px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500}.pending-requests-banner:hover{background:linear-gradient(135deg,#a5bd93,#93ab81)}.pending-requests-banner:active{transform:scale(.99)}.child-status.green{color:#4caf50}.child-status.red{color:#e57373}.child-status.disabled{color:#999}.status-indicator.disabled{background:#ccc}.action-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:none;border:none;cursor:pointer;transition:all .2s;border-radius:8px;font-size:13px;color:#666}.action-btn:hover{background:#f7f4e8;color:#2c3e50}.action-btn:active{transform:scale(.95)}.subscription-banner{padding:10px 16px;margin:0 -16px;font-size:13px;font-weight:500;text-align:center}.subscription-banner.info{background-color:#e3f2fd;color:#1976d2}.subscription-banner.warning{background-color:#fff3e0;color:#f57c00}.subscription-banner.success{background-color:#e8f5e9;color:#388e3c}.subscription-banner.error{background-color:#ffebee;color:#d32f2f}.manage-subscription-btn{width:100%;padding:12px;background-color:#fff;border:0px solid #DFE6E9;border-radius:12px;color:#3a3f45;font-weight:400;font-size:14px;cursor:pointer;transition:all .2s ease}.manage-subscription-btn:hover{background-color:#f5f6fa;border-color:#7ba68c}.child-info-screen{min-height:100vh;background-color:var(--cream);display:flex;flex-direction:column;align-items:center;padding:20px 20px 100px;position:relative}.child-info-back-btn{position:absolute;top:20px;left:20px;background:none;border:none;color:var(--olive);font-size:16px;cursor:pointer;padding:8px 12px}.child-info-logo{height:auto;width:140px;margin-top:20px;margin-bottom:20px}.child-info-title{font-family:Plus Jakarta Sans,sans-serif;font-size:32px;color:var(--ink);text-align:center;margin:20px 0 16px;font-weight:600;line-height:1.3}.child-info-subtitle{font-family:Inter,sans-serif;font-size:16px;color:var(--olive);text-align:center;line-height:1.6;max-width:400px;margin-bottom:32px}.child-info-form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.input-label{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:var(--ink)}.input-field{width:100%;padding:14px 16px;font-size:16px;border:1px solid var(--stone);border-radius:12px;background-color:#fff;color:var(--ink);font-family:Inter,sans-serif;transition:border-color .2s ease}.input-field:focus{outline:none;border-color:var(--sage)}.input-field:disabled{background-color:#f5f5f5;cursor:not-allowed}.btn-primary{width:100%;padding:16px 40px;background-color:var(--sage);color:#fff;border:none;border-radius:50px;font-size:18px;font-weight:600;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;transition:background-color .2s ease;margin-top:20px}.btn-primary:hover:not(:disabled){background-color:#6b9b7f}.child-info-nav-tabs{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background-color:#fff;border-top:1px solid var(--stone);padding:12px 0;z-index:100}.child-info-tab{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--olive);cursor:pointer;padding:8px 24px;transition:color .2s ease;font-family:Inter,sans-serif;font-size:12px}.child-info-tab.active{color:var(--sage)}.child-info-tab span{font-size:12px;font-weight:500}.login-screen{min-height:100vh;background:#f7f4e8;padding:24px;display:flex;flex-direction:column;font-family:Plus Jakarta Sans,sans-serif}.login-screen .logo-container{display:flex;justify-content:flex-end;margin-bottom:60px}.login-screen .logo-image{width:80px;height:auto;filter:brightness(0) saturate(100%) invert(23%) sepia(7%) saturate(1084%) hue-rotate(169deg) brightness(96%) contrast(88%);opacity:1}.login-screen .page-title{font-family:Plus Jakarta Sans,sans-serif;font-size:40px;font-weight:500;color:#3a3f45;margin:0 0 80px;text-align:center}.login-screen .login-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.login-screen .input-group{display:flex;flex-direction:column;gap:4px}.login-screen .input-group label{font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:400;color:#3a3f45;padding-left:4px}.login-screen .input-group input{width:100%;padding:18px 24px;border:1px solid #3A3F45;border-radius:50px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;color:#3a3f45;background:#fff;transition:all .2s ease;text-align:left}.login-screen .input-group input:focus{outline:none;border:3px solid #3A3F45;border-color:#3a3f45;padding:16px 22px}.login-screen .input-group input::placeholder{color:#9b9691}.error-message{color:#f0b9af;font-family:Inter,sans-serif;font-size:14px;margin-top:-16px;padding-left:4px}.btn-login{width:auto;align-self:center;background:#b7cfa5;color:#3a3f45;border:none;border-radius:50px;padding:16px 40px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:20px}.btn-login:hover{background:#a8c096;transform:translateY(-1px)}.btn-login:active{transform:translateY(0)}.btn-login:disabled{opacity:.5;cursor:not-allowed}.create-account-link{background:none;border:none;color:#3a3f45;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:500;cursor:pointer;padding:12px;align-self:center;margin-top:4px}.create-account-link:hover{opacity:.7}.signup-screen{min-height:100vh;background:#f7f4e8;padding:24px;display:flex;flex-direction:column;font-family:Plus Jakarta Sans,sans-serif}.signup-screen .logo-container{display:flex;justify-content:flex-end;margin-bottom:60px}.signup-screen .logo-image{width:80px;height:auto;filter:brightness(0) saturate(100%) invert(23%) sepia(7%) saturate(1084%) hue-rotate(169deg) brightness(96%) contrast(88%);opacity:1}.signup-screen .page-title{font-family:Plus Jakarta Sans,sans-serif;font-size:40px;font-weight:500;color:#3a3f45;margin:0 0 80px;text-align:center}.signup-screen .signup-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.signup-screen .input-group{display:flex;flex-direction:column;gap:4px}.signup-screen .input-group label{font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:400;color:#3a3f45;padding-left:4px}.signup-screen .input-group input{width:100%;padding:18px 24px;border:1px solid #3A3F45;border-radius:50px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;color:#3a3f45;background:#fff;transition:all .2s ease;text-align:left}.signup-screen .input-group input:focus{outline:none;border:3px solid #3A3F45;border-color:#3a3f45;padding:16px 22px}.signup-screen .input-group input::placeholder{color:#9b9691}.signup-screen .error-message{color:#f0b9af;font-family:Inter,sans-serif;font-size:14px;margin-top:-16px;padding-left:4px}.signup-screen .btn-signup{width:auto;align-self:center;background:#b7cfa5;color:#3a3f45;border:none;border-radius:50px;padding:16px 40px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:20px}.signup-screen .btn-signup:hover{background:#a8c096;transform:translateY(-1px)}.signup-screen .btn-signup:active{transform:translateY(0)}.signup-screen .btn-signup:disabled{opacity:.5;cursor:not-allowed}.signup-screen .login-link{background:none;border:none;color:#3a3f45;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:500;cursor:pointer;padding:12px;align-self:center;margin-top:4px}.signup-screen .login-link:hover{opacity:.7}.signup-screen .spinner{width:40px;height:40px;border:4px solid #E8E2D5;border-top-color:#b7cfa5;border-radius:50%;animation:spin .8s linear infinite;margin:100px auto}.onboarding1-screen{min-height:100vh;background:#f7f4e8;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-family:Plus Jakarta Sans,sans-serif}.onboarding1-screen .header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.onboarding1-screen .logo-image{width:120px;height:auto;filter:brightness(0) saturate(100%) invert(23%) sepia(7%) saturate(1084%) hue-rotate(169deg) brightness(96%) contrast(88%);opacity:1}.onboarding1-screen .skip-btn{background:none;border:none;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:500;color:#3a3f45;cursor:pointer;padding:8px;opacity:.5}.onboarding1-screen .skip-btn:hover{opacity:.7}.onboarding1-screen .content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:500px}.onboarding1-screen .icon-circle{width:160px;height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:40px}.onboarding1-screen .icon-circle img{width:120px;height:120px}.onboarding1-screen .title{font-family:Plus Jakarta Sans,sans-serif;font-size:32px;font-weight:400;color:#3a3f45;margin:0 0 24px;line-height:1.3}.onboarding1-screen .description{font-family:Inter,sans-serif;font-size:16px;line-height:1.6;color:#3a3f45;margin:0}.onboarding1-screen .steps-list{display:flex;flex-direction:column;gap:20px;margin-top:24px;text-align:left;width:100%}.onboarding1-screen .step-item{font-family:Inter,sans-serif;font-size:15px;line-height:1.5;color:#3a3f45}.onboarding1-screen .step-item strong{font-weight:600}.onboarding1-screen .btn-next{width:100%;max-width:400px;background:#b7cfa5;color:#3a3f45;border:none;border-radius:50px;padding:18px 40px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:24px}.onboarding1-screen .btn-next:hover{background:#a8c096;transform:translateY(-1px)}.onboarding1-screen .btn-next:active{transform:translateY(0)}.onboarding2-screen{min-height:100vh;background:#f7f4e8;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-family:Plus Jakarta Sans,sans-serif}.onboarding2-screen .header{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:40px;position:relative}.onboarding2-screen .logo-image{width:120px;height:auto;filter:brightness(0) saturate(100%) invert(23%) sepia(7%) saturate(1084%) hue-rotate(169deg) brightness(96%) contrast(88%);opacity:1}.onboarding2-screen .content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:500px}.onboarding2-screen .icon-circle{width:160px;height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:40px}.onboarding2-screen .icon-circle img{width:120px;height:120px}.onboarding2-screen .title{font-family:Plus Jakarta Sans,sans-serif;font-size:32px;font-weight:400;color:#3a3f45;margin:0 0 24px;line-height:1.3}.onboarding2-screen .steps-list{display:flex;flex-direction:column;gap:20px;margin-top:24px;text-align:left;width:100%}.onboarding2-screen .step-item{font-family:Inter,sans-serif;font-size:15px;line-height:1.5;color:#3a3f45}.onboarding2-screen .step-item strong{font-weight:600}.onboarding2-screen .btn-next{width:100%;max-width:400px;background:#b7cfa5;color:#3a3f45;border:none;border-radius:50px;padding:18px 40px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:24px}.onboarding2-screen .btn-next:hover{background:#a8c096;transform:translateY(-1px)}.onboarding2-screen .btn-next:active{transform:translateY(0)}.activate-phone-screen{min-height:100vh;background:#f7f4e8;padding:24px;display:flex;flex-direction:column;font-family:Plus Jakarta Sans,sans-serif}.activate-phone-screen .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}.activate-phone-screen .back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:500;color:#3a3f45;cursor:pointer;padding:8px;margin-left:-8px}.activate-phone-screen .back-btn:hover{opacity:.7}.activate-phone-screen .logo-image{width:80px;height:auto;filter:brightness(0) saturate(100%) invert(23%) sepia(7%) saturate(1084%) hue-rotate(169deg) brightness(96%) contrast(88%);opacity:1}.activate-phone-screen .page-title{font-family:Plus Jakarta Sans,sans-serif;font-size:46px;font-weight:500;color:#3a3f45;margin:0 0 80px;text-align:center}.activate-phone-screen .activate-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.activate-phone-screen .input-group{display:flex;flex-direction:column;gap:4px}.activate-phone-screen .input-group label{font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:400;color:#3a3f45;padding-left:4px}.activate-phone-screen .input-group input{width:100%;padding:18px 24px;border:1px solid #3A3F45;border-radius:50px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;color:#3a3f45;background:#fff;transition:all .2s ease;text-align:left;letter-spacing:2px;text-transform:uppercase}.activate-phone-screen .input-group input:focus{outline:none;border:3px solid #3A3F45;padding:16px 22px}.activate-phone-screen .input-group input::placeholder{color:#9b9691;text-transform:none;letter-spacing:normal}.activate-phone-screen .error-message{color:#f0b9af;font-family:Inter,sans-serif;font-size:14px;margin-top:-8px;padding-left:4px}.activate-phone-screen .btn-activate{width:auto;align-self:center;background:#b7cfa5;color:#3a3f45;border:none;border-radius:50px;padding:16px 40px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:20px}.activate-phone-screen .btn-activate:hover{background:#a8c096;transform:translateY(-1px)}.activate-phone-screen .btn-activate:active{transform:translateY(0)}.activate-phone-screen .btn-activate:disabled{opacity:.5;cursor:not-allowed}.activate-phone-screen .qr-scanner-btn{background:none;border:none;color:#3a3f45;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:500;cursor:pointer;padding:12px;align-self:center;margin-top:4px;display:flex;align-items:center;gap:8px}.activate-phone-screen .qr-scanner-btn:hover{opacity:.7}.activate-phone-screen .nav-tabs{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;padding:12px 24px;padding-bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 -2px 8px #00000014;z-index:100}.activate-phone-screen .tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:none;border:none;cursor:pointer;transition:all .2s ease;border-radius:8px}.activate-phone-screen .tab:hover{opacity:.7}.activate-phone-screen .tab span{font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:500;color:#9b9691}.activate-phone-screen .tab.active{background:#b7cfa540}.activate-phone-screen .tab.active span{color:#3a3f45}.activate-phone-screen .tab.active svg{color:#3a3f45}.activate-phone-screen .tab svg{color:#9b9691}.activate-phone-screen .spinner{width:40px;height:40px;border:4px solid #E8E2D5;border-top-color:#b7cfa5;border-radius:50%;animation:spin .8s linear infinite;margin:100px auto}.approved-calls-screen{min-height:100vh;background:#f7f4e8;padding:24px 24px 100px;font-family:Plus Jakarta Sans,sans-serif}.approved-calls-screen .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}.approved-calls-screen .back-btn{display:flex;align-items:center;background:none;border:none;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:500;color:#3a3f45;cursor:pointer;padding:8px;margin-left:-8px}.approved-calls-screen .back-btn:hover{opacity:.7}.approved-calls-screen .logo-image{width:80px;height:auto;filter:brightness(0) saturate(100%) invert(23%) sepia(7%) saturate(1084%) hue-rotate(169deg) brightness(96%) contrast(88%);opacity:1}.approved-calls-screen .page-title{font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:400;color:#3a3f45;margin:0 0 12px;text-align:center}.approved-calls-screen .page-subtitle{font-family:Inter,sans-serif;font-size:16px;line-height:1.6;color:#3a3f45;margin:0 0 40px;text-align:center}.approved-calls-screen .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.approved-calls-screen .empty-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:40px}.approved-calls-screen .empty-icon svg{width:100px;height:100px;color:#b7cfa5}.approved-calls-screen .empty-title{font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:400;color:#3a3f45;margin:0 0 16px}.approved-calls-screen .empty-text{font-family:Inter,sans-serif;font-size:16px;line-height:1.6;color:#3a3f45;margin:0 0 40px;max-width:320px}.approved-calls-screen .contacts-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.approved-calls-screen .contact-card{background:#fff;border-radius:20px;padding:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000000f}.approved-calls-screen .contact-info{flex:1}.approved-calls-screen .contact-name{font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:600;color:#3a3f45;margin:0 0 8px}.approved-calls-screen .contact-details{display:flex;gap:16px;font-family:Inter,sans-serif;font-size:14px;color:#6b6762}.approved-calls-screen .contact-extension{font-weight:500;color:#b7cfa5}.approved-calls-screen .remove-btn{background:#f7f4e8;border:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.approved-calls-screen .remove-btn:hover{background:#ffe5e5}.approved-calls-screen .remove-btn svg{color:#e3909a}.approved-calls-screen .add-friend-btn{width:100%;background:#fff;border:2px dashed #d4d3cf;border-radius:20px;padding:20px;display:flex;align-items:center;justify-content:center;gap:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;color:#3a3f45;cursor:pointer;transition:all .2s ease}.approved-calls-screen .add-friend-btn:hover{background:#fafaf8;border-color:#b7cfa5}.approved-calls-screen .add-friend-btn svg{color:#b7cfa5}.approved-calls-screen .btn-primary{width:auto;align-self:center;background:#b7cfa5;color:#3a3f45;border:none;border-radius:50px;padding:18px 48px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease}.approved-calls-screen .btn-primary:hover{background:#a8c096;transform:translateY(-1px)}.approved-calls-screen .btn-primary:active{transform:translateY(0)}.approved-calls-screen .spinner{width:40px;height:40px;border:4px solid #E8E2D5;border-top-color:#b7cfa5;border-radius:50%;animation:spin .8s linear infinite;margin:100px auto}.tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #E8E2D5}.tab{background:none;border:none;padding:12px 20px;font-size:15px;font-weight:500;color:#666;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s;display:flex;align-items:center;gap:8px}.tab:hover{color:#2c3e50}.tab.active{color:#2c3e50;border-bottom-color:#b7cfa5}.badge{background:#b7cfa5;color:#fff;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600}.pending-card{background:#fff;border:2px solid #E8E2D5;border-radius:12px;padding:20px;margin-bottom:12px}.pending-info{margin-bottom:16px}.pending-name{font-size:18px;font-weight:600;color:#2c3e50;margin:0 0 4px}.pending-message{font-size:14px;color:#666;margin:0 0 8px}.pending-date{font-size:13px;color:#999}.pending-actions{display:flex;gap:12px}.btn-approve,.btn-decline{flex:1;padding:12px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-approve{background:#b7cfa5;color:#fff}.btn-approve:hover{background:#a5bd93}.btn-decline{background:#f5f5f5;color:#666}.btn-decline:hover{background:#e8e2d5}.awake-hours-screen{min-height:100vh;background:#f7f4e8;padding:24px 24px 100px;font-family:Plus Jakarta Sans,sans-serif}.awake-hours-screen .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}.awake-hours-screen .back-btn{display:flex;align-items:center;background:none;border:none;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:500;color:#3a3f45;cursor:pointer;padding:8px;margin-left:-8px}.awake-hours-screen .back-btn:hover{opacity:.7}.awake-hours-screen .logo-image{width:80px;height:auto;filter:brightness(0) saturate(100%) invert(23%) sepia(7%) saturate(1084%) hue-rotate(169deg) brightness(96%) contrast(88%);opacity:1}.awake-hours-screen .page-title{font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:400;color:#3a3f45;margin:0 0 40px;text-align:center}.awake-hours-screen .dnd-card{background:#dcd5ec;border-radius:20px;padding:24px;margin-bottom:24px}.awake-hours-screen .dnd-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.awake-hours-screen .dnd-left{display:flex;align-items:center;gap:12px;flex:1}.awake-hours-screen .dnd-left svg{color:#3a3f45;flex-shrink:0}.awake-hours-screen .dnd-title{font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:600;color:#3a3f45}.awake-hours-screen .dnd-description{font-family:Inter,sans-serif;font-size:15px;color:#3a3f45;margin:0}.awake-hours-screen .toggle{position:relative;display:inline-block;width:56px;height:32px}.awake-hours-screen .toggle input{opacity:0;width:0;height:0}.awake-hours-screen .toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#d4d3cf;transition:.3s;border-radius:32px}.awake-hours-screen .toggle-slider:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.awake-hours-screen .toggle input:checked+.toggle-slider{background-color:#b7cfa5}.awake-hours-screen .toggle input:checked+.toggle-slider:before{transform:translate(24px)}.awake-hours-screen .add-time-btn{width:100%;background:#fff;border:2px dashed #d4d3cf;border-radius:20px;padding:20px;display:flex;align-items:center;justify-content:center;gap:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;color:#3a3f45;cursor:pointer;margin-bottom:24px;transition:all .2s ease}.awake-hours-screen .add-time-btn:hover{background:#fafaf8;border-color:#b7cfa5}.awake-hours-screen .add-time-btn svg{color:#b7cfa5}.awake-hours-screen .add-form{background:#fff;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f}.awake-hours-screen .form-title{font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:600;color:#3a3f45;margin:0 0 20px}.awake-hours-screen .time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.awake-hours-screen .time-input-group{display:flex;flex-direction:column;gap:8px}.awake-hours-screen .time-input-group label{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#6b6762}.awake-hours-screen .time-input-group input[type=time]{padding:14px 16px;border:1px solid #3A3F45;border-radius:50px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;color:#3a3f45;background:#fff;transition:all .2s ease}.awake-hours-screen .time-input-group input[type=time]:focus{outline:none;border:3px solid #3A3F45;padding:12px 14px}.awake-hours-screen .day-selector{margin-bottom:20px}.awake-hours-screen .day-selector-label{display:block;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#6b6762;margin-bottom:12px}.awake-hours-screen .day-buttons{display:flex;gap:8px;justify-content:center}.awake-hours-screen .day-btn{width:48px;height:48px;padding:0;background:#fff;border:2px solid #d4d3cf;border-radius:50%;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;color:#3a3f45;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.awake-hours-screen .day-btn:hover{border-color:#b7cfa5;background:#fafaf8}.awake-hours-screen .day-btn.selected{background:#b7cfa5;border-color:#b7cfa5;color:#3a3f45}.awake-hours-screen .form-actions{display:flex;gap:12px}.awake-hours-screen .btn-secondary{flex:1;background:#f7f4e8;color:#3a3f45;border:1px solid #d4d3cf;border-radius:50px;padding:16px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.awake-hours-screen .btn-secondary:hover{background:#e8e7e3}.awake-hours-screen .btn-primary{flex:1;background:#b7cfa5;color:#3a3f45;border:none;border-radius:50px;padding:16px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.awake-hours-screen .btn-primary:hover{background:#a8c096;transform:translateY(-1px)}.awake-hours-screen .btn-primary:active{transform:translateY(0)}.awake-hours-screen .schedules-list{display:flex;flex-direction:column;gap:16px}.awake-hours-screen .schedule-card{background:#b7cfa5;border-radius:20px;padding:24px;display:flex;justify-content:space-between;align-items:center}.awake-hours-screen .schedule-info{flex:1}.awake-hours-screen .schedule-day{font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:600;color:#3a3f45;margin:0 0 6px}.awake-hours-screen .schedule-time{font-family:Inter,sans-serif;font-size:14px;color:#3a3f45;margin:0}.awake-hours-screen .delete-schedule-btn{background:#fff;border:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.awake-hours-screen .delete-schedule-btn:hover{background:#ffe5e5}.awake-hours-screen .delete-schedule-btn svg{color:#e3909a}.awake-hours-screen .empty-state{text-align:center;padding:40px 20px}.awake-hours-screen .empty-text{font-family:Inter,sans-serif;font-size:15px;color:#6b6762;margin:0;line-height:1.6}.awake-hours-screen .spinner{width:40px;height:40px;border:4px solid #E8E2D5;border-top-color:#b7cfa5;border-radius:50%;animation:spin .8s linear infinite;margin:100px auto}.schedule-day-group{background:#fff;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #0000000d}.schedule-day-header{font-size:18px;font-weight:600;color:#2c3e50;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid #E8EBE8}.schedule-times-list{display:flex;flex-direction:column;gap:8px}.schedule-time-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.schedule-time-text{margin:0;font-size:15px;color:#5a6c57;font-weight:500}.delete-time-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.delete-time-btn:hover{transform:scale(1.1)}.delete-time-btn:active{transform:scale(.95)}.dnd-card.active{background:linear-gradient(135deg,#ffe8e8,#ffd4d4);border:2px solid #FF6B6B}.dnd-card.active .dnd-title,.dnd-card.active .dnd-description{color:#d63031;font-weight:600}.dnd-active-message{background:#fff;border-radius:20px;padding:48px 24px;text-align:center;margin-top:24px;box-shadow:0 4px 12px #00000014}.dnd-icon-large{font-size:80px;margin-bottom:16px;opacity:.8}.dnd-active-title{font-size:22px;font-weight:700;color:#2c3e50;margin:0 0 12px}.dnd-active-text{font-size:16px;color:#5a6c57;line-height:1.5;margin:0 0 8px}.dnd-active-subtext{font-size:14px;color:#7d8a76;margin:0}.recent-calls-screen{min-height:100vh;background:#f7f4e8;padding:24px 24px 100px;font-family:Plus Jakarta Sans,sans-serif}.recent-calls-screen .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}.recent-calls-screen .back-btn{display:flex;align-items:center;background:none;border:none;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:500;color:#3a3f45;cursor:pointer;padding:8px;margin-left:-8px}.recent-calls-screen .back-btn:hover{opacity:.7}.recent-calls-screen .logo-image{width:80px;height:auto;filter:brightness(0) saturate(100%) invert(23%) sepia(7%) saturate(1084%) hue-rotate(169deg) brightness(96%) contrast(88%);opacity:1}.recent-calls-screen .page-title{font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:400;color:#3a3f45;margin:0 0 24px;text-align:center}.recent-calls-screen .filter-tabs{display:flex;gap:8px;margin-bottom:32px;background:#fff;padding:6px;border-radius:50px;box-shadow:0 2px 8px #0000000a}.recent-calls-screen .filter-tab{flex:1;background:transparent;border:none;padding:12px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;color:#6b6762;cursor:pointer;border-radius:50px;transition:all .2s ease}.recent-calls-screen .filter-tab:hover{background:#fafaf8}.recent-calls-screen .filter-tab.active{background:#b7cfa5;color:#3a3f45}.recent-calls-screen .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.recent-calls-screen .empty-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:40px}.recent-calls-screen .empty-icon svg{width:100px;height:100px;color:#b7cfa5}.recent-calls-screen .empty-title{font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:400;color:#3a3f45;margin:0 0 16px}.recent-calls-screen .empty-text{font-family:Inter,sans-serif;font-size:16px;line-height:1.6;color:#3a3f45;margin:0;max-width:320px}.recent-calls-screen .calls-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.recent-calls-screen .call-card{background:#fff;border-radius:20px;padding:20px;display:flex;gap:16px;box-shadow:0 2px 8px #0000000f;transition:all .2s ease}.recent-calls-screen .call-card:hover{box-shadow:0 4px 12px #00000014}.recent-calls-screen .call-icon-wrapper{flex-shrink:0}.recent-calls-screen .call-icon{width:48px;height:48px;border-radius:24px;display:flex;align-items:center;justify-content:center}.recent-calls-screen .call-icon.incoming{background:#c9dde1}.recent-calls-screen .call-icon.incoming svg{color:#3a3f45}.recent-calls-screen .call-icon.outgoing{background:#b7cfa5}.recent-calls-screen .call-icon.outgoing svg{color:#3a3f45}.recent-calls-screen .call-info{flex:1;min-width:0}.recent-calls-screen .call-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:12px}.recent-calls-screen .call-contact{font-family:Plus Jakarta Sans,sans-serif;font-size:17px;font-weight:600;color:#3a3f45;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-calls-screen .call-status{font-family:Inter,sans-serif;font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px;flex-shrink:0}.recent-calls-screen .call-status.answered{background:#b7cfa5;color:#3a3f45}.recent-calls-screen .call-status.missed{background:#f0d8d4;color:#3a3f45}.recent-calls-screen .call-status.declined{background:#e8e2d5;color:#3a3f45}.recent-calls-screen .call-details{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-family:Inter,sans-serif;font-size:14px;color:#6b6762}.recent-calls-screen .call-direction{font-weight:500}.recent-calls-screen .call-separator{color:#d4d3cf}.recent-calls-screen .call-duration{color:#b7cfa5;font-weight:500}.recent-calls-screen .call-time{font-family:Inter,sans-serif;font-size:13px;color:#9b9691}.recent-calls-screen .privacy-note{background:#fff;border-radius:20px;padding:20px;box-shadow:0 2px 8px #0000000a}.recent-calls-screen .privacy-note p{font-family:Inter,sans-serif;font-size:13px;color:#6b6762;margin:0;line-height:1.6;text-align:center}.recent-calls-screen .spinner{width:40px;height:40px;border:4px solid #E8E2D5;border-top-color:#b7cfa5;border-radius:50%;animation:spin .8s linear infinite;margin:100px auto}.share-details-screen .code-section{margin-bottom:24px}.share-details-screen .code-label{display:block;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;color:#3a3f45;margin-bottom:12px;text-align:center}.share-details-screen .code-display{background:#fff;border-radius:20px;padding:24px;margin-bottom:16px;box-shadow:0 2px 8px #0000000f;text-align:center}.share-details-screen .code-text{font-family:Plus Jakarta Sans,sans-serif;font-size:32px;font-weight:700;color:#b7cfa5;letter-spacing:4px}.my-code-section{background:#fff;border:2px solid #B7CFA5;border-radius:16px;padding:20px;margin-bottom:32px;text-align:center}.my-code-label{font-size:14px;color:#666;margin-bottom:12px}.friend-code-text{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-size:32px;font-weight:700;color:#2c3e50;letter-spacing:4px}.copy-btn{background:#b7cfa5;border:none;border-radius:8px;width:40px;height:40px;font-size:18px;cursor:pointer;transition:all .2s}.copy-btn:hover{background:#a5bd93;transform:scale(1.05)}.copy-btn:active{transform:scale(.95)}.my-code-hint{font-size:13px;color:#888;margin:0}.code-actions{display:flex;gap:12px;margin-top:16px}.code-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:2px solid #B7CFA5;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:500;color:#2c3e50;cursor:pointer;transition:all .2s}.code-action-btn:hover{background:#f7f4e8;border-color:#a5bd93}.code-action-btn:active{transform:scale(.98)}.action-icon{font-size:18px}.qr-code-container{margin-top:20px;padding:20px;background:#fff;border-radius:12px;text-align:center;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.qr-code-wrapper{display:inline-block;padding:20px;background:#fff;border:3px solid #B7CFA5;border-radius:12px;box-shadow:0 4px 12px #0000001a}.qr-code-hint{font-size:13px;color:#666;margin-top:12px;margin-bottom:0}.pending-requests-screen{min-height:100vh;background:#f5f4f1;padding:24px 24px 80px;font-family:Plus Jakarta Sans,sans-serif}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:500;color:#4a4845;cursor:pointer;padding:8px;margin-left:-8px}.back-btn:hover{opacity:.7}.logo-image{opacity:.3}.page-title{font-family:Plus Jakarta Sans,sans-serif;font-size:32px;font-weight:700;color:#4a4845;margin:0 0 24px;text-align:center}.tabs{display:flex;background:#fff;border-radius:50px;padding:4px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f}.tab{flex:1;background:transparent;border:none;padding:12px 24px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;color:#6b6762;cursor:pointer;border-radius:50px;transition:all .2s ease}.tab:hover{color:#4a4845}.tab.active{background:#8b9e8a;color:#fff}.requests-container{min-height:400px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.empty-icon{width:120px;height:120px;background:#fff;border-radius:60px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 4px 16px #0000000f}.empty-icon svg{color:#8b9e8a}.empty-title{font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700;color:#4a4845;margin:0 0 12px}.empty-text{font-family:Inter,sans-serif;font-size:15px;color:#6b6762;margin:0;max-width:300px;line-height:1.5}.requests-list{display:flex;flex-direction:column;gap:16px}.request-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 2px 8px #0000000f}.request-info{text-align:center;margin-bottom:20px}.request-name{font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700;color:#4a4845;margin:0 0 12px}.request-extension{display:inline-block;background:#8b9e8a;color:#fff;padding:8px 24px;border-radius:20px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:600;margin-bottom:16px}.request-meta{display:flex;flex-direction:column;gap:4px;font-family:Inter,sans-serif;font-size:14px;color:#6b6762}.request-parent{font-weight:500}.request-time{color:#9b9691}.request-actions{display:flex;flex-direction:column;gap:12px}.btn-accept{width:100%;background:#8b9e8a;color:#fff;border:none;border-radius:50px;padding:16px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-accept:hover{background:#7a8c79;transform:translateY(-1px)}.btn-accept:active{transform:translateY(0)}.btn-dismiss{width:100%;background:#f5f4f1;color:#4a4845;border:none;border-radius:50px;padding:16px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-dismiss:hover{background:#e8e7e3}.request-card.sent{background:linear-gradient(135deg,#fafaf8,#f5f4f1)}.btn-cancel{width:100%;background:#fff;color:#d4756f;border:2px solid #d4756f;border-radius:50px;padding:14px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#ffe5e5}.spinner{width:40px;height:40px;border:4px solid #e8e7e3;border-top-color:#8b9e8a;border-radius:50%;animation:spin .8s linear infinite;margin:100px auto}.connect-menu-screen{min-height:100vh;background-color:#f5f3ef;padding:20px 20px 100px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.back-btn{background:none;border:none;color:#7a9b8e;font-size:16px;cursor:pointer;padding:8px 0;font-family:Inter,sans-serif}.back-btn:hover{color:#5f7d72}.logo-image{margin-right:auto;margin-left:20px}.page-title{font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:700;color:#2c3e50;margin:0 0 8px;text-align:center}.page-subtitle{font-family:Inter,sans-serif;font-size:14px;color:#6b7280;margin:0 0 24px;text-align:center}.tab-navigation{display:flex;gap:8px;margin-bottom:24px;background-color:#fff;padding:4px;border-radius:40px}.tab-button{flex:1;padding:12px 16px;background:none;border:none;border-radius:40px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease}.tab-button.active{background-color:#b7cfa5;color:#3a3f45;font-weight:600;box-shadow:0 1px 3px #0000001a}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-heading{font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:600;color:#2c3e50;margin:0 0 8px}.tab-description{font-family:Inter,sans-serif;font-size:14px;color:#6b7280;margin:0 0 24px}.form-container{background-color:#fff;border-radius:16px;padding:24px;margin-bottom:24px}.input-group{margin-bottom:20px}.input-group label{display:block;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#2c3e50;margin-bottom:8px}.input-group input{width:100%;padding:14px 16px;border:2px solid #E8E5DF;border-radius:12px;font-family:Inter,sans-serif;font-size:16px;color:#2c3e50;background-color:#f5f3ef;transition:border-color .2s ease;box-sizing:border-box;text-transform:uppercase;letter-spacing:2px;text-align:center}.input-group input:focus{outline:none;border-color:#7a9b8e;background-color:#fff}.input-group input:disabled{opacity:.6;cursor:not-allowed}.error-message{display:block;font-family:Inter,sans-serif;font-size:13px;color:#ef4444;margin-top:6px}.btn-primary{width:100%;padding:16px;background-color:#7a9b8e;color:#fff;border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.btn-primary:hover:not(:disabled){background-color:#5f7d72;transform:translateY(-1px);box-shadow:0 4px 8px #7a9b8e4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:#9ca3af;font-family:Inter,sans-serif;font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background-color:#e8e5df}.btn-secondary{width:100%;padding:14px;background-color:#f5f3ef;color:#7a9b8e;border:2px solid #E8E5DF;border-radius:12px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover:not(:disabled){background-color:#fff;border-color:#7a9b8e}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.info-section{background-color:#fff;border-radius:16px;padding:20px}.info-title{font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;color:#2c3e50;margin:0 0 16px}.info-steps{display:flex;flex-direction:column;gap:16px}.info-step{display:flex;gap:12px}.step-number{flex-shrink:0;width:28px;height:28px;background-color:#7a9b8e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.step-content h4{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#2c3e50;margin:0 0 4px}.step-content p{font-family:Inter,sans-serif;font-size:13px;color:#6b7280;margin:0;line-height:1.5}.qr-section{background-color:#fff;border-radius:16px;padding:32px 24px;margin-bottom:16px;text-align:center}.qr-code-container{display:flex;justify-content:center;align-items:center;margin-bottom:12px}.qr-code-container svg{border-radius:12px;box-shadow:0 2px 8px #0000001a}.qr-placeholder{width:200px;height:200px;background-color:#f5f3ef;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-size:14px;color:#9ca3af}.qr-hint{font-family:Inter,sans-serif;font-size:13px;color:#6b7280;margin:0}.divider-section{display:flex;align-items:center;gap:12px;margin:16px 0}.divider-line{flex:1;height:1px;background-color:#e8e5df}.divider-text{font-family:Inter,sans-serif;font-size:13px;color:#9ca3af}.code-section{background-color:#fff;border-radius:16px;padding:24px;margin-bottom:16px;text-align:center}.code-label{display:block;font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#6b7280;margin-bottom:12px}.friend-code-display{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.code-text{font-family:Inter,sans-serif;font-size:24px;font-weight:700;color:#2c3e50;letter-spacing:3px}.copy-btn{padding:8px 16px;background-color:#f5f3ef;color:#7a9b8e;border:2px solid #E8E5DF;border-radius:8px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.copy-btn:hover{background-color:#e8e5df}.code-loading{font-family:Inter,sans-serif;font-size:14px;color:#9ca3af;padding:20px}.btn-share{width:100%;padding:16px;background-color:#7a9b8e;color:#fff;border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.btn-share:hover{background-color:#5f7d72;transform:translateY(-1px);box-shadow:0 4px 8px #7a9b8e4d}.info-box{background-color:#f0f9f6;border:1px solid #C4E4D8;border-radius:12px;padding:16px}.info-box .info-title{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#2c3e50;margin:0 0 8px}.info-text{font-family:Inter,sans-serif;font-size:13px;color:#6b7280;line-height:1.6;margin:0}.spinner{margin:40px auto;width:40px;height:40px;border:4px solid #E8E5DF;border-top-color:#7a9b8e;border-radius:50%;animation:spin .8s linear infinite}.connect-menu-screen{min-height:100vh;background:#f7f4e8;padding:24px 24px 100px;font-family:Plus Jakarta Sans,sans-serif}.connect-menu-screen .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}.connect-menu-screen .back-btn{display:flex;align-items:center;background:none;border:none;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:500;color:#3a3f45;cursor:pointer;padding:8px;margin-left:-8px}.connect-menu-screen .back-btn:hover{opacity:.7}.connect-menu-screen .logo-image{width:80px;height:auto;filter:brightness(0) saturate(100%) invert(23%) sepia(7%) saturate(1084%) hue-rotate(169deg) brightness(96%) contrast(88%);opacity:1}.connect-menu-screen .page-title{font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:400;color:#3a3f45;margin:0 0 12px;text-align:center}.connect-menu-screen .page-subtitle{font-family:Inter,sans-serif;font-size:16px;line-height:1.6;color:#3a3f45;margin:0 0 40px;text-align:center}.connect-menu-screen .menu-options{display:flex;flex-direction:column;gap:16px}.connect-menu-screen .menu-option{background:#fff;border:none;border-radius:20px;padding:24px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000f;text-align:left}.connect-menu-screen .menu-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.connect-menu-screen .menu-option:active{transform:translateY(0)}.connect-menu-screen .option-icon{flex-shrink:0;width:56px;height:56px;background:#b7cfa5;border-radius:16px;display:flex;align-items:center;justify-content:center}.connect-menu-screen .option-icon svg{color:#3a3f45}.connect-menu-screen .option-content{flex:1;min-width:0}.connect-menu-screen .option-title{font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:600;color:#3a3f45;margin:0 0 4px}.connect-menu-screen .option-description{font-family:Inter,sans-serif;font-size:14px;color:#6b6762;margin:0;line-height:1.4}.connect-menu-screen .option-arrow{flex-shrink:0;font-size:28px;color:#d4d3cf;font-weight:300}.add-friend-screen{min-height:100vh;background:#f7f4e8;padding:24px 24px 100px;font-family:Plus Jakarta Sans,sans-serif}.add-friend-screen .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}.add-friend-screen .back-btn{display:flex;align-items:center;background:none;border:none;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:500;color:#3a3f45;cursor:pointer;padding:8px;margin-left:-8px}.add-friend-screen .back-btn:hover{opacity:.7}.add-friend-screen .logo-image{width:80px;height:auto;filter:brightness(0) saturate(100%) invert(23%) sepia(7%) saturate(1084%) hue-rotate(169deg) brightness(96%) contrast(88%);opacity:1}.add-friend-screen .page-title{font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:400;color:#3a3f45;margin:0 0 12px;text-align:center}.add-friend-screen .page-subtitle{font-family:Inter,sans-serif;font-size:16px;line-height:1.6;color:#3a3f45;margin:0 0 32px;text-align:center}.add-friend-screen .form-container{background:#fff;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f}.add-friend-screen .input-group{margin-bottom:20px}.add-friend-screen .input-group label{display:block;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;color:#3a3f45;margin-bottom:8px}.add-friend-screen .input-group input{width:100%;padding:18px 24px;border:1px solid #3A3F45;border-radius:50px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:600;letter-spacing:2px;color:#3a3f45;text-align:center;background:#fff;transition:all .2s ease;box-sizing:border-box}.add-friend-screen .input-group input:focus{outline:none;border:3px solid #3A3F45;padding:16px 22px}.add-friend-screen .input-group input::placeholder{color:#9b9691;letter-spacing:2px}.add-friend-screen .input-group input:disabled{background:#fafaf8;cursor:not-allowed}.add-friend-screen .error-message{display:block;margin-top:8px;font-family:Inter,sans-serif;font-size:13px;color:#e3909a;text-align:center}.add-friend-screen .btn-primary{width:100%;background:#b7cfa5;color:#3a3f45;border:none;border-radius:50px;padding:18px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-friend-screen .btn-primary:hover:not(:disabled){background:#a8c096;transform:translateY(-1px)}.add-friend-screen .btn-primary:active:not(:disabled){transform:translateY(0)}.add-friend-screen .btn-primary:disabled{background:#d4d3cf;cursor:not-allowed}.add-friend-screen .divider{display:flex;align-items:center;gap:16px;margin:24px 0}.add-friend-screen .divider:before,.add-friend-screen .divider:after{content:"";flex:1;height:1px;background:#e8e2d5}.add-friend-screen .divider span{font-family:Inter,sans-serif;font-size:14px;color:#9b9691}.add-friend-screen .btn-secondary{width:100%;background:#f7f4e8;color:#3a3f45;border:1px solid #d4d3cf;border-radius:50px;padding:18px;display:flex;align-items:center;justify-content:center;gap:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-friend-screen .btn-secondary:hover:not(:disabled){background:#e8e7e3}.add-friend-screen .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.add-friend-screen .btn-secondary svg{color:#b7cfa5}.add-friend-screen .info-section{background:#fff;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f}.add-friend-screen .info-title{font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:600;color:#3a3f45;margin:0 0 20px}.add-friend-screen .info-steps{display:flex;flex-direction:column;gap:20px}.add-friend-screen .info-step{display:flex;gap:16px}.add-friend-screen .step-number{flex-shrink:0;width:32px;height:32px;background:#b7cfa5;color:#3a3f45;border-radius:16px;display:flex;align-items:center;justify-content:center;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700}.add-friend-screen .step-content h4{font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:600;color:#3a3f45;margin:0 0 4px}.add-friend-screen .step-content p{font-family:Inter,sans-serif;font-size:14px;color:#6b6762;margin:0;line-height:1.5}.add-friend-screen .share-cta{background:#dcd5ec;border-radius:20px;padding:24px;text-align:center}.add-friend-screen .share-cta-text{font-family:Inter,sans-serif;font-size:15px;color:#3a3f45;margin:0 0 12px}.add-friend-screen .btn-link{background:none;border:none;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;color:#3a3f45;cursor:pointer;transition:opacity .2s ease}.add-friend-screen .btn-link:hover{opacity:.7}.share-details-screen{min-height:100vh;background:#f7f4e8;padding:24px 24px 100px;font-family:Plus Jakarta Sans,sans-serif}.share-details-screen .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}.share-details-screen .back-btn{display:flex;align-items:center;background:none;border:none;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:500;color:#3a3f45;cursor:pointer;padding:8px;margin-left:-8px}.share-details-screen .back-btn:hover{opacity:.7}.share-details-screen .logo-image{width:80px;height:auto;filter:brightness(0) saturate(100%) invert(23%) sepia(7%) saturate(1084%) hue-rotate(169deg) brightness(96%) contrast(88%);opacity:1}.share-details-screen .page-title{font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:400;color:#3a3f45;margin:0 0 12px;text-align:center}.share-details-screen .page-subtitle{font-family:Inter,sans-serif;font-size:16px;line-height:1.6;color:#3a3f45;margin:0 0 32px;text-align:center}.share-details-screen .qr-section{display:flex;justify-content:center;margin-bottom:32px}.share-details-screen .qr-code-container{background:#fff;padding:24px;border-radius:24px;box-shadow:0 4px 16px #00000014}.share-details-screen .qr-code{width:200px;height:200px;display:block}.share-details-screen .qr-placeholder{width:200px;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7f4e8;border-radius:16px}.share-details-screen .qr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.share-details-screen .qr-square{width:20px;height:20px;background:#d4d3cf;border-radius:4px}.share-details-screen .qr-placeholder-text{font-family:Inter,sans-serif;font-size:14px;color:#9b9691;margin:0}.share-details-screen .divider-section{display:flex;align-items:center;gap:16px;margin-bottom:32px}.share-details-screen .divider-line{flex:1;height:1px;background:#d4d3cf}.share-details-screen .divider-text{font-family:Inter,sans-serif;font-size:14px;color:#9b9691;font-weight:500}.share-details-screen .code-section{margin-bottom:24px;text-align:center}.share-details-screen .code-label{display:block;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;color:#3a3f45;margin-bottom:20px;text-align:center}.share-details-screen .code-text{font-family:Plus Jakarta Sans,sans-serif;font-size:48px;font-weight:700;color:#b7cfa5;letter-spacing:6px;margin-bottom:20px;display:block}.share-details-screen .code-placeholder{font-family:Plus Jakarta Sans,sans-serif;font-size:48px;font-weight:700;color:#d4d3cf;letter-spacing:6px;margin-bottom:20px;display:block}.share-details-screen .copy-btn{width:100%;background:#f7f4e8;color:#3a3f45;border:1px solid #d4d3cf;border-radius:50px;padding:16px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.share-details-screen .copy-btn:hover{background:#fff;border-color:#b7cfa5}.share-details-screen .copy-btn:active{transform:scale(.98)}.share-details-screen .btn-share{width:100%;background:#b7cfa5;color:#3a3f45;border:none;border-radius:50px;padding:18px;display:flex;align-items:center;justify-content:center;gap:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:600;cursor:pointer;margin-bottom:24px;transition:all .2s ease}.share-details-screen .btn-share:hover{background:#a8c096;transform:translateY(-1px)}.share-details-screen .btn-share:active{transform:translateY(0)}.share-details-screen .info-box{background:#dcd5ec;border-radius:20px;padding:20px}.share-details-screen .info-title{font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;color:#3a3f45;margin:0 0 8px}.share-details-screen .info-text{font-family:Inter,sans-serif;font-size:14px;color:#3a3f45;margin:0;line-height:1.6}.spinner{width:40px;height:40px;border:4px solid #E8E2D5;border-top-color:#b7cfa5;border-radius:50%;animation:spin .8s linear infinite;margin:100px auto}@keyframes spin{to{transform:rotate(360deg)}}.settings-screen{min-height:100vh;background:#f7f4e8;padding:24px 24px 100px;display:flex;flex-direction:column;font-family:Plus Jakarta Sans,sans-serif}.settings-screen .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}.settings-screen .back-btn{display:flex;align-items:center;background:none;border:none;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:500;color:#3a3f45;cursor:pointer;padding:8px;margin-left:-8px}.settings-screen .back-btn:hover{opacity:.7}.settings-screen .logo-image{width:80px;height:auto;filter:brightness(0) saturate(100%) invert(23%) sepia(7%) saturate(1084%) hue-rotate(169deg) brightness(96%) contrast(88%);opacity:1}.settings-screen .page-title{font-family:Plus Jakarta Sans,sans-serif;font-size:40px;font-weight:500;color:#3a3f45;margin:0 0 60px;text-align:center}.settings-screen .settings-section{background:#fff;border-radius:20px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.settings-screen .setting-item{width:100%;background:transparent;border:none;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s ease;border-bottom:1px solid #F7F4E8;text-align:left}.settings-screen .setting-item:last-child{border-bottom:none}.settings-screen .setting-item:hover{background:#fafaf8}.settings-screen .setting-item:active{background:#f7f4e8}.settings-screen .setting-content{display:flex;flex-direction:column;gap:4px;flex:1}.settings-screen .setting-label{font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:500;color:#3a3f45}.settings-screen .setting-value{font-family:Inter,sans-serif;font-size:14px;color:#6b6762}.settings-screen .setting-arrow{font-size:24px;color:#d4d3cf;font-weight:300}.settings-screen .section-title{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;color:#6b6762;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;padding:0 4px}.settings-screen .btn-logout{width:auto;align-self:center;background:#b7cfa5;color:#3a3f45;border:none;border-radius:50px;padding:18px 48px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;margin:40px 0}.settings-screen .btn-logout:hover{background:#a8c096;transform:translateY(-1px)}.settings-screen .btn-logout:active{transform:translateY(0)}.settings-screen .settings-footer{text-align:center;margin-top:auto;padding-top:20px}.settings-screen .footer-text{font-family:Inter,sans-serif;font-size:13px;color:#9b9691;margin:0 0 12px}.settings-screen .delete-account-btn{background:none;border:none;font-family:Inter,sans-serif;font-size:13px;color:#e3909a;cursor:pointer;text-decoration:underline;padding:8px}.settings-screen .delete-account-btn:hover{opacity:.7}.settings-screen .nav-tabs{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;padding:12px 24px;padding-bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 -2px 8px #00000014;z-index:100}.settings-screen .tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:none;border:none;cursor:pointer;transition:all .2s ease;border-radius:8px}.settings-screen .tab:hover{opacity:.7}.settings-screen .tab span{font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:500;color:#9b9691}.settings-screen .tab.active{background:#b7cfa540}.settings-screen .tab.active span{color:#3a3f45}.settings-screen .tab.active svg{color:#3a3f45}.settings-screen .tab svg{color:#9b9691}.admin-item{background:linear-gradient(135deg,#f9fbf7,#e8f3e0);border:2px solid #B7CFA5}.admin-item:hover{background:linear-gradient(135deg,#f0f4ed,#dde9d3);transform:translateY(-1px)}.child-profile-screen{min-height:100vh;background:#f7f4e8;padding:24px 24px 100px;font-family:Plus Jakarta Sans,sans-serif}.child-profile-screen .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.child-profile-screen .back-btn{display:flex;align-items:center;background:none;border:none;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:500;color:#3a3f45;cursor:pointer;padding:8px;margin-left:-8px}.child-profile-screen .back-btn:hover{opacity:.7}.child-profile-screen .logo-image{width:80px;height:auto;filter:brightness(0) saturate(100%) invert(23%) sepia(7%) saturate(1084%) hue-rotate(169deg) brightness(96%) contrast(88%);opacity:1}.child-profile-screen .profile-header{text-align:center;margin-bottom:40px}.child-profile-screen .child-name{font-family:Plus Jakarta Sans,sans-serif;font-size:36px;font-weight:500;color:#3a3f45;margin:0 0 16px}.child-profile-screen .child-extension-badge{display:inline-block;background:#b7cfa5;border:1px solid #3A3F45;color:#3a3f45;padding:12px 32px;border-radius:50px;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:400;margin-bottom:16px}.child-profile-screen .child-status-row{display:flex;align-items:center;justify-content:center;gap:8px}.child-profile-screen .status-dot{width:12px;height:12px;border-radius:50%}.child-profile-screen .status-dot.green{background:#4caf50}.child-profile-screen .status-dot.red{background:#f0b9af}.child-profile-screen .status-text{font-family:Inter,sans-serif;font-size:15px;color:#3a3f45}.child-profile-screen .profile-menu{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.child-profile-screen .profile-menu-item{background:#fff;border:none;border-radius:20px;padding:24px;display:flex;align-items:center;gap:20px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000f;text-align:left}.child-profile-screen .profile-menu-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.child-profile-screen .profile-menu-item:active{transform:translateY(0)}.child-profile-screen .profile-menu-item.friend-requests-item{background:#dcd5ec}.child-profile-screen .menu-item-icon{flex-shrink:0;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent}.child-profile-screen .menu-item-icon svg{color:#3a3f45}.child-profile-screen .menu-item-content{flex:1;display:flex;flex-direction:column;gap:2px}.child-profile-screen .menu-item-label{font-family:Plus Jakarta Sans,sans-serif;font-size:17px;font-weight:600;color:#3a3f45}.child-profile-screen .menu-item-subtitle{font-family:Inter,sans-serif;font-size:14px;color:#9b9691}.child-profile-screen .menu-item-badge{background:#dcd5ec;color:#3a3f45;padding:4px 12px;border-radius:12px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.child-profile-screen .menu-item-arrow{font-size:28px;color:#d4d3cf;font-weight:300;margin-left:auto}.child-profile-screen .btn-manage{width:100%;background:transparent;color:#3a3f45;border:none;padding:18px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:400;cursor:pointer;transition:all .2s ease;margin-bottom:24px;text-align:center}.child-profile-screen .btn-manage:hover{opacity:.7}.child-profile-screen .btn-manage:active{transform:scale(.98)}.child-profile-screen .nav-tabs{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;padding:12px 24px;padding-bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 -2px 8px #00000014;z-index:100}.child-profile-screen .tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:none;border:none;cursor:pointer;transition:all .2s ease;border-radius:8px}.child-profile-screen .tab:hover{opacity:.7}.child-profile-screen .tab span{font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:500;color:#9b9691}.child-profile-screen .tab.active{background:#b7cfa540}.child-profile-screen .tab.active span{color:#3a3f45}.child-profile-screen .tab.active svg{color:#3a3f45}.child-profile-screen .tab svg{color:#9b9691}.manage-phone-screen{min-height:100vh;background:#f7f4e8;padding:24px 24px 100px;font-family:Plus Jakarta Sans,sans-serif}.manage-phone-screen .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}.manage-phone-screen .back-btn{display:flex;align-items:center;background:none;border:none;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:500;color:#3a3f45;cursor:pointer;padding:8px;margin-left:-8px}.manage-phone-screen .back-btn:hover{opacity:.7}.manage-phone-screen .logo-image{width:80px;height:auto;filter:brightness(0) saturate(100%) invert(23%) sepia(7%) saturate(1084%) hue-rotate(169deg) brightness(96%) contrast(88%);opacity:1}.manage-phone-screen .page-title{font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:400;color:#3a3f45;margin:0 0 40px;text-align:center;line-height:1.3}.manage-phone-screen .phone-details{background:#fff;border-radius:20px;padding:28px;margin-bottom:40px;box-shadow:0 2px 8px #0000000f}.manage-phone-screen .detail-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #F7F4E8}.manage-phone-screen .detail-row:last-child{border-bottom:none;padding-bottom:0}.manage-phone-screen .detail-row:first-child{padding-top:0}.manage-phone-screen .detail-label{font-family:Inter,sans-serif;font-size:15px;color:#6b6762}.manage-phone-screen .detail-value{font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;color:#3a3f45;text-align:right}.manage-phone-screen .detail-value.highlight{color:#3a3f45;font-size:16px}.manage-phone-screen .btn-remove{width:100%;background:transparent;color:#3a3f45;border:none;padding:18px;font-family:Plus Jakarta Sans,sans-serif;font-size:17px;font-weight:400;cursor:pointer;transition:all .2s ease;margin-bottom:16px;text-align:center}.manage-phone-screen .btn-remove:hover:not(:disabled){opacity:.7}.manage-phone-screen .btn-remove:active:not(:disabled){transform:scale(.98)}.manage-phone-screen .btn-remove:disabled{opacity:.5;cursor:not-allowed}.manage-phone-screen .warning-text{font-family:Inter,sans-serif;font-size:13px;color:#9b9691;text-align:center;line-height:1.6;margin:0;padding:0 16px}.manage-phone-screen .nav-tabs{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;padding:12px 24px;padding-bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 -2px 8px #00000014;z-index:100}.manage-phone-screen .tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:none;border:none;cursor:pointer;transition:all .2s ease;border-radius:8px}.manage-phone-screen .tab:hover{opacity:.7}.manage-phone-screen .tab span{font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:500;color:#9b9691}.manage-phone-screen .tab.active{background:#b7cfa540}.manage-phone-screen .tab.active span{color:#3a3f45}.manage-phone-screen .tab.active svg{color:#3a3f45}.manage-phone-screen .tab svg{color:#9b9691}.admin-screen{min-height:100vh;background:#f7f4e8;padding:20px 20px 100px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.stat-card{background:#fff;border-radius:16px;padding:20px;text-align:center;box-shadow:0 2px 8px #0000000d}.stat-number{font-size:32px;font-weight:700;color:#5a6c57;margin-bottom:4px}.stat-label{font-size:13px;color:#7d8a76;font-weight:500}.generate-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:16px;box-shadow:0 2px 8px #0000000d}.section-title{font-size:18px;font-weight:600;color:#2c3e50;margin:0 0 16px}.generate-form{display:flex;gap:12px;align-items:flex-end}.generate-form .input-group{flex:1}.generate-form label{display:block;font-size:14px;font-weight:500;color:#5a6c57;margin-bottom:8px}.generate-form input{width:100%;padding:12px 16px;border:2px solid #E8EBE8;border-radius:12px;font-size:16px;font-family:Plus Jakarta Sans,sans-serif;transition:border-color .2s}.generate-form input:focus{outline:none;border-color:#b7cfa5}.btn-export{width:100%;padding:14px;background:#fff;border:2px solid #B7CFA5;border-radius:12px;font-size:15px;font-weight:600;color:#5a6c57;cursor:pointer;margin-bottom:24px;transition:all .2s}.btn-export:hover{background:#f0f4ed;transform:translateY(-1px)}.codes-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000d}.codes-list{display:flex;flex-direction:column;gap:8px}.code-card{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:12px;border:2px solid #E8EBE8;transition:all .2s}.code-card.unused{background:#f9fbf7;border-color:#b7cfa5}.code-card.used{background:#f5f5f5;opacity:.7}.code-info{flex:1}.code-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.code-text{font-size:18px;font-weight:700;font-family:Courier New,monospace;color:#2c3e50;letter-spacing:2px}.code-status{font-size:13px;font-weight:600;padding:4px 12px;border-radius:12px}.code-status.available{background:#e8f3e0;color:#5a6c57}.code-status.used{background:#e8ebe8;color:#7d8a76}.code-details{font-size:13px;color:#7d8a76;display:flex;gap:8px}.copy-code-btn{background:#b7cfa5;border:none;border-radius:8px;padding:8px 16px;font-size:18px;cursor:pointer;transition:all .2s}.copy-code-btn:hover{background:#a5bd93;transform:scale(1.05)}.copy-code-btn:active{transform:scale(.95)}.empty-state{text-align:center;padding:40px 20px;color:#7d8a76}