:root{--bg:var(--bg-surface-container-lowest);--bg-card:var(--bg-surface-container-low);--bg-card-mid:var(--bg-surface-container);--bg-card-high:var(--bg-surface-container-high);--bg-card-top:var(--bg-surface-container-highest);--outline-faint:var(--outline-dark);--outline-soft:var(--outline-variant);--outline:var(--outline);--text:var(--on-surface);--text-dim:var(--on-surface-variant);--blue:#ff5312;--blue-hover:#e64200;--red:#ff6b6b;--font:var(--font-chrome);--mono:var(--font-chrome);--radius:4px;--shadow-modal:var(--shadow-modal);--backdrop-bg:rgba(7,14,29,.82)}body.light-theme{--bg:#fff;--bg-dim:#f8fafc;--bg-card:#fff;--bg-card-mid:#fff;--bg-card-high:#f1f5f9;--bg-card-top:#e8edf2;--divider:#e2e8f0;--outline-faint:#e2e8f0;--outline-soft:#d4dce6;--outline:#94a3b8;--text:#0f172a;--text-dim:#475569;--backdrop-bg:rgba(15,23,42,.25)}body.light-theme .modal-box{background-color:#fff;border-color:#e2e8f0;box-shadow:0 8px 32px rgba(15,23,42,.12),0 2px 8px rgba(15,23,42,.06)}body.light-theme .modal-box-header{background-color:#f8fafc;border-bottom-color:#e2e8f0}body.light-theme .modal-box-title{color:#0f172a}body.light-theme .modal-box-footer{background-color:#f8fafc;border-top-color:#e2e8f0}body.light-theme .modal-field-input{background-color:#fff;border-color:#d4dce6;color:#0f172a}body.light-theme .modal-field-input:focus{border-color:#ff5312;box-shadow:0 0 0 3px rgba(255,83,18,.08)}body.light-theme .modal-meta-value{background-color:#f8fafc;border-color:#e2e8f0;color:#0f172a}body.light-theme .modal-close-btn,body.light-theme .modal-field-label{color:#94a3b8}body.light-theme .modal-close-btn:hover{background-color:#f1f5f9;color:#0f172a}body.light-theme .modal-btn-secondary{border-color:#d4dce6;color:#475569;background-color:#f8fafc}body.light-theme .modal-btn-secondary:hover{border-color:#94a3b8;color:#0f172a;background-color:#f1f5f9}body.light-theme .modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dash-nav{height:var(--header-height);background-color:var(--bg-surface-container);border-bottom:1px solid var(--outline-dark);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:200;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dash-nav-logo{height:38px;width:auto;object-fit:contain;display:block}.back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--outline-variant);color:var(--on-surface-variant);padding:5px 12px 5px 8px;border-radius:var(--base-unit);font-size:13px;font-weight:500;transition:all .2s;cursor:pointer}.back-btn:hover{background:var(--bg-surface-bright);color:var(--on-surface);border-color:var(--outline)}.settings-main{padding:40px 20px;max-width:800px;margin:0 auto;width:100%}.settings-title{font-size:24px;font-weight:700;margin-bottom:24px;color:var(--text)}.settings-card{background-color:var(--bg-card);border:1px solid var(--outline-soft);border-radius:8px;padding:32px}.settings-section{padding:24px 0}.settings-section.divider{border-top:1px solid var(--outline-soft)}.settings-section:first-child{padding-top:0}.settings-section:last-child{padding-bottom:0}.settings-section h2{font-size:16px;font-weight:700;color:var(--text);margin-bottom:16px}.settings-section h3{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.settings-section p{font-size:13px;color:var(--text-dim)}.settings-field{display:flex;align-items:center;margin-bottom:16px}.settings-field:last-child{margin-bottom:0}.settings-field label{width:200px;font-size:13px;color:var(--on-surface-variant);font-weight:500}.field-value{flex:1 1;font-size:14px;color:var(--on-surface);font-weight:500}.input-styled{background-color:var(--bg-surface);border:1px solid var(--outline-variant);color:var(--on-surface);padding:8px 12px;border-radius:var(--base-unit);font-family:var(--font-chrome);font-size:13px;width:250px;transition:border-color .2s,box-shadow .2s}.input-styled:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(255,83,18,.12)}.phone-input-container{display:flex;gap:8px;align-items:stretch;width:260px}.phone-country-select{background-color:var(--bg-surface);border:1px solid var(--outline-variant);color:var(--on-surface);height:38px;padding:0 24px 0 10px;border-radius:var(--base-unit);font-family:var(--font-chrome);font-size:13px;font-weight:600;width:85px;min-width:85px;cursor:pointer;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.phone-country-select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(255,83,18,.12)}.phone-number-input{background-color:var(--bg-surface);border:1px solid var(--outline-variant);color:var(--on-surface);height:38px;padding:0 12px;border-radius:var(--base-unit);font-family:var(--font-chrome);font-size:13px;flex:1 1;min-width:0;letter-spacing:.04em;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.phone-number-input::placeholder{color:var(--on-surface-variant);opacity:.6}.phone-number-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(255,83,18,.12)}body.light-theme .phone-country-select,body.light-theme .phone-number-input{background-color:#fff;border-color:#d4dce6;color:#0f172a}body.light-theme .phone-country-select:focus,body.light-theme .phone-number-input:focus{border-color:#ff5312;box-shadow:0 0 0 3px rgba(255,83,18,.08)}body.light-theme .input-styled{background-color:#fff;border-color:#d4dce6;color:#0f172a}body.light-theme{background-color:#f3f4f6}body.light-theme .dash-nav{background-color:#fff;border-bottom-color:#e2e8f0}body.light-theme .back-btn{border-color:#d4dce6;color:#475569}body.light-theme .back-btn:hover{background-color:#f1f5f9;color:#0f172a;border-color:#94a3b8}body.light-theme .settings-title{color:#0f172a}body.light-theme .settings-card{background-color:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px rgba(15,23,42,.06)}body.light-theme .settings-section h2{color:#0f172a}body.light-theme .settings-section h3{color:#1e293b}body.light-theme .settings-section p{color:#475569}body.light-theme .settings-section.divider{border-top-color:#e2e8f0}body.light-theme .settings-field label{color:#475569}body.light-theme .field-value{color:#0f172a}body.light-theme .btn-text{color:#ff5312}body.light-theme .btn-outline{border-color:#d4dce6;color:#1e293b}body.light-theme .btn-outline:hover{background-color:#f1f5f9;border-color:#94a3b8}body.light-theme .legal-link{color:#ff5312}body.light-theme .toast{background-color:#fff;border-color:#e2e8f0;color:#0f172a;box-shadow:0 4px 16px rgba(15,23,42,.1)}.settings-action-row{display:flex;align-items:center;justify-content:space-between}.btn-text{background:none;border:none;color:var(--primary-blue);font-family:var(--font-chrome);font-size:13px;font-weight:600;cursor:pointer;transition:color .2s}.btn-text:hover{color:var(--primary-blue-hover)}.btn-primary{background-color:var(--primary-blue);color:var(--bg-surface-container-lowest);border:none;border-radius:var(--base-unit);font-family:var(--font-chrome);font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:var(--primary-blue-hover)}.btn-outline{background:transparent;color:var(--on-surface);border:1px solid var(--outline-variant);padding:8px 16px;border-radius:var(--base-unit);font-family:var(--font-chrome);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-outline:hover{border-color:var(--outline);background-color:var(--bg-surface-bright)}.btn-danger{background-color:var(--red);color:#fff;border:1px solid var(--red);padding:8px 24px;border-radius:3px;font-family:var(--font-chrome);font-size:13px;font-weight:700;cursor:pointer;transition:background-color .15s,transform .1s,opacity .2s}.btn-danger:hover{background-color:#e53e3e;border-color:#e53e3e;opacity:.9}.btn-danger:active{transform:scale(.97)}.btn-text.danger{color:var(--red)}.theme-toggle{position:relative;display:inline-block;width:44px;height:24px}.theme-toggle input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--outline-variant);border-radius:24px}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%}input:checked+.slider{background-color:var(--primary-blue)}input:checked+.slider:before{transform:translateX(20px)}.legal-links{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.legal-link{font-size:13px;color:var(--primary-blue);font-weight:500;transition:color .2s}.legal-link:hover{color:var(--primary-blue-hover);text-decoration:underline}#btn-save-contact{display:none;margin-left:12px;padding:4px 12px}.settings-page-wrapper{overflow-y:auto!important;height:auto!important;min-height:100vh;background-color:var(--bg);color:var(--text)}.modal-backdrop{position:fixed;inset:0;background-color:var(--backdrop-bg);display:flex;align-items:center;justify-content:center;z-index:5000;opacity:0;pointer-events:none;transition:opacity .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-backdrop.active{opacity:1;pointer-events:auto}.modal-box{background-color:var(--bg-card-mid);border:1px solid var(--outline-soft);width:440px;border-radius:var(--radius);transform:translateY(16px);transition:transform .22s cubic-bezier(.22,1,.36,1);overflow:hidden;box-shadow:var(--shadow-modal)}.modal-backdrop.active .modal-box{transform:translateY(0)}.modal-box-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--outline-soft);background-color:var(--bg-card)}.modal-box-title{font-family:var(--font-dm-sans),"DM Sans",sans-serif,monospace;font-size:14px;font-weight:700;color:var(--text);margin:0;text-transform:uppercase}.modal-close-btn{background:none;border:none;color:var(--outline);cursor:pointer;font-size:14px;padding:2px 8px;border-radius:3px;transition:color .12s,background-color .12s}.modal-close-btn:hover{color:var(--text);background-color:var(--bg-card-high)}.modal-box-body{padding:22px 20px 18px;display:flex;flex-direction:column;gap:18px}.modal-field-group{display:flex;flex-direction:column;gap:7px}.modal-field-label{font-family:var(--mono);font-size:9.5px;font-weight:700;color:var(--outline);letter-spacing:.08em}.modal-meta-value{font-family:var(--mono);padding:10px 12px;border:1px solid var(--outline-faint);border-radius:3px}.modal-field-input,.modal-meta-value{font-size:14px;color:var(--text);background-color:var(--bg);width:100%}.modal-field-input{border:1px solid var(--outline-soft);font-family:var(--font);height:42px;padding:0 12px;border-radius:3px;outline:none;transition:border-color .15s}.modal-field-input:focus{border-color:#ff5722}.modal-field-input.input-error{border-color:var(--red)}.modal-box-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--outline-soft);background-color:var(--bg-card)}.modal-btn-secondary{background:none;border:1px solid var(--outline-soft);color:var(--text-dim);padding:8px 16px;border-radius:3px;cursor:pointer;font-size:12px;font-weight:500;transition:border-color .12s,color .12s}.modal-btn-secondary:hover{border-color:var(--outline);color:var(--text)}.modal-btn-primary{display:inline-flex;align-items:center;gap:7px;background-color:#ff5722;border:1px solid #ff5722;color:#fff;padding:8px 20px;border-radius:3px;cursor:pointer;font-size:12px;font-weight:600;transition:background-color .15s,transform .1s}.modal-btn-primary:hover{background-color:#e64a19;border-color:#e64a19}.modal-btn-primary:active{transform:scale(.97)}.toast-stack{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:9999;pointer-events:none}.toast{background-color:var(--bg-card-high);border:1px solid var(--outline-soft);border-left:3px solid var(--blue);color:var(--text);padding:10px 16px;font-size:12px;border-radius:3px;box-shadow:var(--shadow-menu);max-width:300px;animation:toastSlide .25s ease,toastFade .3s ease 2.5s forwards;pointer-events:auto}.toast.error{border-left-color:var(--red)}@keyframes toastSlide{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes toastFade{to{opacity:0;transform:translateX(10px)}}.text-subtitle-compliance{color:var(--on-surface-variant);font-size:13px}.section-subtitle-spacing{margin-top:24px;margin-bottom:8px}.list-styled-spacing{margin-top:8px;margin-left:20px;line-height:1.6}