:root{--pingtone-primary:#36d300;--pingtone-primary-light:#6fa840;--pingtone-primary-dark:#2c4600;--pingtone-secondary:#FD8309;--pingtone-bg-primary:rgba(12,17,23,1.0);--pingtone-bg-secondary:rgba(26,29,41,1.0);--pingtone-bg-tertiary:rgba(45,49,66,1.0);--pingtone-widget-bg:rgba(0,0,0,0.5);--pingtone-widget-bg-hover:rgba(0,0,0,0.7);--pingtone-widget-bg-active:rgba(54,211,0,0.1);--pingtone-border-primary:rgba(54,211,0,0.3);--pingtone-border-secondary:rgba(250,250,250,0.2);--pingtone-border-hover:rgba(54,211,0,0.6);--pingtone-border-focus:#36d300;--pingtone-text-primary:#ffffff;--pingtone-text-secondary:rgba(250,250,250,0.7);--pingtone-text-accent:#36d300;--pingtone-text-muted:rgba(250,250,250,0.5);--pingtone-radius:10px;--pingtone-radius-small:6px;--pingtone-radius-large:15px;--pingtone-radius-button:50px;--pingtone-shadow-widget:0 4px 15px rgba(0,0,0,0.3);--pingtone-shadow-hover:0 8px 25px rgba(54,211,0,0.2);--pingtone-shadow-focus:0 0 20px rgba(54,211,0,0.4);--pingtone-transition:all 0.3s ease;--pingtone-transition-fast:all 0.15s ease-out}.pingtone-widget{background:var(--pingtone-widget-bg);border:1px solid var(--pingtone-border-primary);border-radius:var(--pingtone-radius);padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--pingtone-shadow-widget);transition:var(--pingtone-transition);color:var(--pingtone-text-primary)}.pingtone-widget:hover{background:var(--pingtone-widget-bg-hover);border-color:var(--pingtone-border-hover);box-shadow:var(--pingtone-shadow-hover);transform:translateY(-2px)}.pingtone-widget.active{background:var(--pingtone-widget-bg-active);border-color:var(--pingtone-border-focus);box-shadow:var(--pingtone-shadow-focus)}.pingtone-btn{background:var(--pingtone-widget-bg);border:1px solid var(--pingtone-border-primary);border-radius:var(--pingtone-radius-button);padding:.75rem 1.5rem;color:var(--pingtone-text-primary);font-weight:600;cursor:pointer;transition:var(--pingtone-transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.pingtone-btn:hover{background:var(--pingtone-widget-bg-hover);border-color:var(--pingtone-border-hover);transform:translateY(-1px);box-shadow:var(--pingtone-shadow-hover)}.pingtone-btn:active{transform:translateY(0)}.pingtone-btn-primary{background:linear-gradient(135deg,#36d300,#28a745);border-color:#36d300;color:white}.pingtone-btn-secondary{background:linear-gradient(135deg,#FD8309,#e67300);border-color:#FD8309;color:white}.pingtone-btn-outline{background:transparent;border-color:var(--pingtone-border-primary);color:var(--pingtone-text-accent)}.pingtone-btn-ghost{background:transparent;border:none;color:var(--pingtone-text-secondary)}.pingtone-btn-sm{padding:.5rem 1rem;font-size:.875rem}.pingtone-btn-lg{padding:1rem 2rem;font-size:1.125rem}.pingtone-card{background:var(--pingtone-widget-bg);border:1px solid var(--pingtone-border-primary);border-radius:var(--pingtone-radius);padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--pingtone-shadow-widget);transition:var(--pingtone-transition)}.pingtone-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--pingtone-border-secondary)}.pingtone-card-title{color:var(--pingtone-text-accent);font-size:1.125rem;font-weight:700;margin:0}.pingtone-card-subtitle{color:var(--pingtone-text-secondary);font-size:.875rem;margin:0}.pingtone-card-body{color:var(--pingtone-text-primary)}.pingtone-card-footer{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--pingtone-border-secondary);display:flex;gap:.5rem;justify-content:flex-end}.pingtone-input{background:var(--pingtone-widget-bg);border:1px solid var(--pingtone-border-primary);border-radius:var(--pingtone-radius);padding:.75rem 1rem;color:var(--pingtone-text-primary);font-size:1rem;width:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--pingtone-transition);box-sizing:border-box}.pingtone-input:focus{outline:none;border-color:var(--pingtone-border-focus);box-shadow:var(--pingtone-shadow-focus);background:var(--pingtone-widget-bg-hover)}.pingtone-input::placeholder{color:var(--pingtone-text-muted)}.pingtone-input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.pingtone-input-label{color:var(--pingtone-text-secondary);font-weight:500;font-size:.875rem}.pingtone-input-error{color:#ff6b6b;font-size:.8rem;margin-top:.25rem}.pingtone-icon{display:inline-flex;align-items:center;justify-content:center;color:white;fill:currentColor}.pingtone-icon-sm{font-size:16px}.pingtone-icon-md{font-size:20px}.pingtone-icon-lg{font-size:24px}.pingtone-icon-xl{font-size:32px}.pingtone-icon-circle{background:var(--pingtone-widget-bg);border:1px solid var(--pingtone-border-primary);padding:.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pingtone-icon-circle.primary{background:linear-gradient(135deg,#36d300,#28a745);border-color:#36d300}.pingtone-icon-circle.secondary{background:linear-gradient(135deg,#FD8309,#e67300);border-color:#FD8309}.pingtone-nav{background:var(--pingtone-widget-bg);border:1px solid var(--pingtone-border-primary);border-radius:var(--pingtone-radius);padding:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--pingtone-shadow-widget)}.pingtone-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--pingtone-text-secondary);text-decoration:none;border-radius:var(--pingtone-radius-small);transition:var(--pingtone-transition);cursor:pointer}.pingtone-nav-item:hover{background:var(--pingtone-widget-bg-hover);color:var(--pingtone-text-primary)}.pingtone-nav-item.active{background:var(--pingtone-widget-bg-active);color:var(--pingtone-text-accent);border:1px solid var(--pingtone-border-primary)}.pingtone-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.pingtone-modal{background:var(--pingtone-bg-secondary);border:1px solid var(--pingtone-border-primary);border-radius:var(--pingtone-radius-large);padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.5);position:relative}.pingtone-modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--pingtone-text-secondary);font-size:1.5rem;cursor:pointer;transition:var(--pingtone-transition)}.pingtone-modal-close:hover{color:var(--pingtone-text-primary)}.pingtone-alert{background:var(--pingtone-widget-bg);border:1px solid var(--pingtone-border-primary);border-radius:var(--pingtone-radius);padding:1rem;margin:1rem 0;display:flex;align-items:flex-start;gap:.75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pingtone-alert.success{background:rgba(54,211,0,.1);border-color:rgba(54,211,0,.3);color:#36d300}.pingtone-alert.error{background:rgba(220,53,69,.1);border-color:rgba(220,53,69,.3);color:#ff6b6b}.pingtone-alert.warning{background:rgba(255,193,7,.1);border-color:rgba(255,193,7,.3);color:#ffc107}.pingtone-alert.info{background:rgba(0,123,255,.1);border-color:rgba(0,123,255,.3);color:#007bff}.pingtone-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:var(--pingtone-widget-bg);border:1px solid var(--pingtone-border-primary);border-radius:50px;font-size:.75rem;font-weight:600;color:var(--pingtone-text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pingtone-badge.primary{background:rgba(54,211,0,.2);border-color:#36d300;color:#36d300}.pingtone-badge.secondary{background:rgba(253,131,9,.2);border-color:#FD8309;color:#FD8309}.pingtone-spinner{width:24px;height:24px;border:3px solid rgba(54,211,0,.3);border-top-color:#36d300;border-radius:50%;animation:pingtone-spin 1s linear infinite}@keyframes pingtone-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pingtone-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--pingtone-text-secondary)}.pingtone-grid{display:grid;grid-gap:1rem;gap:1rem}.pingtone-grid-cols-1{grid-template-columns:repeat(1,1fr)}.pingtone-grid-cols-2{grid-template-columns:repeat(2,1fr)}.pingtone-grid-cols-3{grid-template-columns:repeat(3,1fr)}.pingtone-grid-cols-4{grid-template-columns:repeat(4,1fr)}.pingtone-flex{display:flex;gap:1rem}.pingtone-flex-center{display:flex;align-items:center;justify-content:center}.pingtone-flex-between{display:flex;align-items:center;justify-content:space-between}@media (max-width:768px){.pingtone-widget{padding:1rem}.pingtone-modal{padding:1.5rem;width:95%}.pingtone-grid-cols-2,.pingtone-grid-cols-3,.pingtone-grid-cols-4{grid-template-columns:1fr}.pingtone-flex{flex-direction:column}}.pingtone-text-primary{color:var(--pingtone-text-primary)}.pingtone-text-secondary{color:var(--pingtone-text-secondary)}.pingtone-text-accent{color:var(--pingtone-text-accent)}.pingtone-text-muted{color:var(--pingtone-text-muted)}.pingtone-bg-primary{background:var(--pingtone-bg-primary)}.pingtone-bg-secondary{background:var(--pingtone-bg-secondary)}.pingtone-bg-widget{background:var(--pingtone-widget-bg)}.pingtone-border{border:1px solid var(--pingtone-border-primary)}.pingtone-border-radius{border-radius:var(--pingtone-radius)}.pingtone-shadow{box-shadow:var(--pingtone-shadow-widget)}.pingtone-transition{transition:var(--pingtone-transition)}.pingtone-icon{display:inline-block;vertical-align:middle;transition:all .2s ease}.pingtone-icon:hover{opacity:.8;transform:scale(1.05)}.pingtone-icon-circle{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:8px;transition:all .2s ease}.pingtone-icon-circle.default{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}.pingtone-icon-circle.primary{background:var(--pingtone-primary);border:1px solid var(--pingtone-primary-light)}.pingtone-icon-circle.secondary{background:var(--pingtone-secondary);border:1px solid var(--pingtone-secondary-light)}.pingtone-icon-circle.success{background:var(--pingtone-success);border:1px solid var(--pingtone-success-light)}.pingtone-icon-circle.warning{background:var(--pingtone-warning);border:1px solid var(--pingtone-warning-light)}.pingtone-icon-circle.danger{background:var(--pingtone-danger);border:1px solid var(--pingtone-danger-light)}.pingtone-icon-circle:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(54,211,0,.3)}.pingtone-icon-xs{width:14px;height:14px}.pingtone-icon-sm{width:16px;height:16px}.pingtone-icon-md{width:20px;height:20px}.pingtone-icon-lg{width:24px;height:24px}.pingtone-icon-xl{width:32px;height:32px}.pingtone-icon-2xl{width:40px;height:40px}.login-logo-large,.signup-logo-large{width:240px!important;height:auto!important;margin-bottom:2rem!important;object-fit:contain!important}.login-welcome-text,.signup-welcome-text{font-size:2rem!important;font-weight:600!important;margin-bottom:.5rem!important;color:var(--pingtone-text-primary)!important}.login-company-text,.signup-company-text{font-size:1.1rem!important;font-weight:400!important;color:var(--pingtone-text-secondary)!important;margin:0!important}