.back-to-swap-button{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-background-primary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:16px;opacity:1;transform:translateY(0);max-height:60px;overflow:hidden}.back-to-swap-button--hidden{opacity:0;transform:translateY(-10px);max-height:0;margin-bottom:0;pointer-events:none}.back-to-swap-button:hover{background:var(--color-background-secondary);border-color:var(--color-border-dark)}.back-to-swap-button:active{transform:translateY(1px)}.back-to-swap-button svg{flex-shrink:0}.deposit-alert{background-color:#fff7ed;border:1px solid #f97316;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem}.deposit-alert__header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.deposit-alert__indicator{width:12px;height:12px;background-color:#f97316;border-radius:50%}.deposit-alert__title{font-size:1rem;font-weight:600;color:#065f46}.deposit-alert__transaction{background-color:#fff;border:1px solid #dcfce7;border-radius:.5rem;padding:1rem;margin-bottom:.75rem;transition:border-color .2s ease,box-shadow .2s ease}.deposit-alert__transaction:last-child{margin-bottom:0}.deposit-alert__transaction:hover{border-color:#bbf7d0;box-shadow:0 2px 4px #0000000d}.deposit-alert__transaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.deposit-alert__transaction-amount,.deposit-alert__transaction-confirmations{font-size:.875rem;color:#065f46;font-weight:600}.deposit-alert__transaction-hash{font-family:monospace;font-size:.75rem;color:#f97316;word-break:break-all;text-decoration:none;display:block;transition:color .2s ease}.deposit-alert__transaction-hash:hover{color:#ea580c;text-decoration:underline}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;width:100%;min-height:10vh}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #f97316;border-radius:50%;animation:spin 1s linear infinite}.loading-container h2{color:#374151;font-size:1.125rem;font-weight:600;margin:0}.account-contract{background-color:var(--color-background-secondary);display:flex;flex-direction:column;box-sizing:border-box;text-align:center}.account-contract .contract-id{font-weight:600;width:100%;font-size:.85rem;color:#444;word-break:break-word;display:flex;text-align:left}.account-contract .section{width:100%;margin-bottom:1rem}.account-contract .contract-row{display:flex;flex-direction:row;padding-top:.5rem;margin-bottom:.5rem;width:100%;align-items:center}.account-contract .contract-title{text-align:left}.account-contract .contract-value{width:100%;text-align:left}.account-contract .confirmations-container{display:flex;flex-direction:row;align-items:center;gap:1.5rem}.account-contract .spinner{width:1rem;height:1rem;border:2px solid #444;border-top:2px solid #fff;border-radius:50%;margin:1rem;animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.account-contract .confirmations-text{font-size:.75rem;color:#444}.account-contract .value-text{font-family:monospace;font-size:.75rem;color:#222;background-color:#f1f3f5;padding:.5rem;border-radius:4px;word-break:break-word;line-height:1.5;width:100%;display:block}.account-contract .copy-button{padding:.125rem .25rem;background-color:var(--color-border);border:none;border-radius:.25rem;cursor:pointer;font-size:.75rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px}.account-contract .copy-button:hover{background-color:#d1d5db}.button-primary{width:100%;background-color:#f97316;color:#fff;border:none;border-radius:1rem;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.button-primary:disabled{background-color:#9ca3af;cursor:not-allowed}.selectable-account-list{width:100%;list-style:none;padding:0;margin:0;max-height:350px;overflow-y:auto}.selectable-account-list--scrollable .selectable-account-list__item{padding-right:2.5rem}.selectable-account-list__item{width:100%;background:#f9fafb;border:1px solid #e5e7eb;border-radius:1rem;padding:1.25rem 1.5rem;margin-bottom:1rem;cursor:pointer;transition:border-color .2s,box-shadow .2s;display:flex;align-items:center}.selectable-account-list__item--selected{border-color:#f97316;box-shadow:0 2px 8px #f9731614}.selectable-account-list__item:hover{border-color:#f97316}.selectable-account-list__empty{color:#6b7280;text-align:center;margin:2rem 0 1rem;font-size:1rem}.selectable-account-list__change-account{background:none;border:none;color:#f97316;font-size:.95rem;font-weight:500;cursor:pointer;margin:.5rem 0 0;text-decoration:underline;padding:0;transition:color .2s}.selectable-account-list__change-account:hover{color:#c2410c}.selectable-account-list__button-container{display:flex;justify-content:center;margin-top:1.5rem}.create-account-button-container{display:flex;flex-direction:column;gap:1rem;width:100%}.create-account-button__input{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;transition:border-color .2s}.create-account-button__input:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.instructions{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;margin:0 auto}.instructions__header{text-align:center}.instructions__title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .5rem}.instructions__subtitle{font-size:1rem;color:#6b7280;margin:0}.instructions__content{display:flex;flex-direction:column;gap:1rem}.footer{position:fixed;bottom:0;left:0;right:0;width:100%;border-top:1px solid #e5e7eb;padding:1.5rem 0;background-color:#f8f9fa;z-index:1000}.footer--mobile{padding:1rem 0}.footer__content{max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0}.footer__content--mobile{flex-direction:column;gap:1rem}.footer__left{display:flex;align-items:center;gap:1.5rem;order:1}.footer__left--mobile{gap:1rem;order:2}.footer__copyright{color:#6b7280;font-size:.875rem;order:2;text-align:left}.footer__copyright--mobile{order:1;text-align:center}.footer__right{display:flex;align-items:center;gap:1rem;order:3}.footer__link{color:#6b7280;text-decoration:none;font-size:.875rem;transition:color .2s ease}.footer__link:hover{color:#374151}.footer__social-icon{cursor:pointer;transition:opacity .2s ease}.footer__social-icon:hover{opacity:.7}.header-container{position:fixed;top:0;left:0;right:0;width:100%;height:72px;background:#fff;border-bottom:1px solid var(--color-border);z-index:1000}.header-content{max-width:1280px;height:100%;margin:0 auto;padding:0 var(--spacing-4);display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:var(--spacing-8)}.header-right{display:flex;align-items:center;gap:var(--spacing-6)}.header-logo{display:flex;align-items:center}.header-accent{width:100%;background-color:var(--color-accent);padding:var(--spacing-2) 0}.wallet-info{display:flex;align-items:center;gap:var(--spacing-3);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:2rem;padding:var(--spacing-2) var(--spacing-4);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.wallet-info:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.wallet-token-icon{width:var(--w-20);height:var(--w-20);border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.wallet-balance{font-size:var(--text-sm);font-weight:600;color:#374151}.wallet-status{width:var(--w-6);height:var(--w-6);background-color:var(--color-success);border-radius:50%}.wallet-address{font-size:var(--text-xs);color:#6b7280;font-family:monospace}.balance-display{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:60%;gap:var(--spacing-4)}.balance-text{color:#2a2e30;font-size:var(--text-base);font-weight:700;margin:0}.connect-button{background-color:var(--color-accent);color:#fff;padding:var(--spacing-3) var(--spacing-6);border-radius:9999px;font-weight:500;border:none;cursor:pointer;transition:background-color .2s ease}.connect-button:hover{background-color:var(--color-accent-hover)}.account-container{position:relative}.account-dropdown{position:absolute;top:calc(100% + var(--spacing-2));right:0;width:320px;background:#fff;border:1px solid var(--color-border);border-radius:var(--spacing-2);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:50}.account-dropdown-section{padding:var(--spacing-4);border-bottom:1px solid var(--color-border)}.dropdown-label{font-size:var(--text-sm);color:var(--color-text-light);margin-bottom:var(--spacing-1)}.dropdown-value{font-size:var(--text-xs);color:var(--color-text);font-weight:500;word-break:break-all}.wallet-dropdown-actions{padding:var(--spacing-2)}.dropdown-button{width:100%;display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);border:none;background:none;border-radius:var(--spacing-1);cursor:pointer;transition:background-color .2s ease;color:var(--color-text);font-size:var(--text-sm);text-align:left}.dropdown-button:hover{background-color:var(--color-secondary)}.button-icon{width:1.5rem;height:1.5rem}.app-layout{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;background-color:var(--color-background-secondary)}.app-layout-content{flex:1 0 auto;display:flex;flex-direction:column;min-height:0}.login-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.login-prompt-modal{background-color:#fff;border-radius:1rem;padding:2rem;max-width:400px;width:90%;text-align:center}.login-prompt-icon{font-size:3rem;margin-bottom:1rem;display:flex;justify-content:center}.login-prompt-title{font-size:1.5rem;font-weight:700;color:#374151;margin:0 0 1rem}.login-prompt-message{color:#6b7280;margin:0 0 2rem;line-height:1.5}.login-prompt-buttons{display:flex;gap:1rem}.login-prompt-button{flex:1;border:none;border-radius:.5rem;padding:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.login-prompt-button--cancel{background-color:#6b7280;color:#fff}.login-prompt-button--cancel:hover{background-color:#4b5563}.login-prompt-button--login{background-color:#f97316;color:#fff}.login-prompt-button--login:hover{background-color:#ea580c}.transaction-history-column{flex:1;margin-top:50px;min-width:400px;max-width:650px;width:auto;transition:opacity .3s,max-height .3s;opacity:1;max-height:1000px;overflow:hidden}.transaction-history-column.hide{opacity:0;max-height:0;pointer-events:none}@media (max-width: 1024px){.transaction-history-column{width:100%;max-width:600px;margin-top:24px}}.pending-deposits__login-prompt{text-align:center;color:#6b7280;padding:2rem}.pending-deposits__login-icon{font-size:2rem;margin-bottom:1rem;display:flex;justify-content:center;color:#6b7280}.pending-deposits__login-text{font-size:.875rem;margin:0 0 1rem}.pending-deposits__login-button{background-color:#f97316;color:#fff;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer}.pending-deposits__login-button:hover{background-color:#ea580c}.pending-deposits__empty{text-align:center;color:#6b7280;padding:2rem}.pending-deposits__empty-icon{font-size:2rem;margin-bottom:1rem;display:flex;justify-content:center;color:#6b7280}.pending-deposits__empty-text{font-size:.875rem;margin:0}.pending-deposits__container{background-color:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;padding:1.5rem;min-height:500px;max-height:600px;overflow-y:auto}.pending-deposits__list{max-height:400px;overflow-y:auto}.pending-deposits__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;margin-bottom:1.5rem}.pending-deposits__item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.pending-deposits__title{font-size:1.25rem;font-weight:700;color:#374151;margin:0}.pending-deposits__item{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;margin-bottom:.75rem}.pending-deposits__item:last-child{margin-bottom:0}.pending-deposits__item--pending{background-color:#f3f4f6;border-color:#d1d5db}.pending-deposits__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.pending-deposits__type{display:flex;align-items:center;gap:.5rem}.pending-deposits__type-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:#6b7280}.pending-deposits__type-text{font-size:.875rem;font-weight:600;color:#374151}.pending-deposits__status{display:flex;align-items:center;gap:.25rem}.pending-deposits__status-dot{width:8px;height:8px;background-color:#9ca3af;border-radius:50%}.pending-deposits__status-dot--completed{background-color:#6b7280}.pending-deposits__status-text{font-size:.75rem;color:#6b7280;text-transform:capitalize}.pending-deposits__details{font-size:.75rem;color:#6b7280}.pending-deposits__detail-row{margin-bottom:.25rem}.pending-deposits__detail-row:last-child{margin-bottom:0}.pending-deposits__detail-row--monospace{font-family:monospace}.withdrawal-alert{background-color:#eff6ff;border:1px solid #3b82f6;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem}.withdrawal-alert__header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.withdrawal-alert__indicator{width:12px;height:12px;background-color:#3b82f6;border-radius:50%}.withdrawal-alert__title{font-size:1rem;font-weight:600;color:#1e3a8a}.withdrawal-alert__transaction{background-color:#fff;border:1px solid #dbeafe;border-radius:.5rem;padding:1rem;margin-bottom:.75rem;transition:border-color .2s ease,box-shadow .2s ease}.withdrawal-alert__transaction:last-child{margin-bottom:0}.withdrawal-alert__transaction:hover{border-color:#bfdbfe;box-shadow:0 2px 4px #0000000d}.withdrawal-alert__transaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.withdrawal-alert__transaction-amount,.withdrawal-alert__transaction-confirmations{font-size:.875rem;color:#1e3a8a;font-weight:600}.withdrawal-alert__transaction-hash{font-family:monospace;font-size:.75rem;color:#3b82f6;word-break:break-all;text-decoration:none;display:block;transition:color .2s ease}.withdrawal-alert__transaction-hash:hover{color:#2563eb;text-decoration:underline}.pending-withdrawals__processing{text-align:center;color:#6b7280;padding:2rem}.pending-withdrawals__processing-spinner{display:flex;justify-content:center;margin-bottom:1rem}.pending-withdrawals__processing-spinner .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spinner-rotation .8s linear infinite}.pending-withdrawals__processing-text{font-size:.875rem;font-weight:600;margin:0 0 .5rem;color:#374151}.pending-withdrawals__processing-subtext{font-size:.75rem;margin:0;color:#9ca3af}.pending-withdrawals__login-prompt{text-align:center;color:#6b7280;padding:2rem}.pending-withdrawals__login-icon{font-size:2rem;margin-bottom:1rem;display:flex;justify-content:center;color:#6b7280}.pending-withdrawals__login-text{font-size:.875rem;margin:0 0 1rem}.pending-withdrawals__login-button{background-color:#3b82f6;color:#fff;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer}.pending-withdrawals__login-button:hover{background-color:#2563eb}.pending-withdrawals__empty{text-align:center;color:#6b7280;padding:2rem}.pending-withdrawals__empty-icon{font-size:2rem;margin-bottom:1rem;display:flex;justify-content:center;color:#6b7280}.pending-withdrawals__empty-text{font-size:.875rem;margin:0}.pending-withdrawals__container{background-color:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;padding:1.5rem;min-height:500px;max-height:600px;overflow-y:auto}.pending-withdrawals__list{max-height:400px;overflow-y:auto}.pending-withdrawals__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;margin-bottom:1.5rem}.pending-withdrawals__title{font-size:1.25rem;font-weight:700;color:#374151;margin:0}.pending-withdrawals__pending-account{background-color:#eff6ff;border:1px solid #3b82f6;border-radius:1rem;padding:1.5rem;margin-bottom:1rem}.pending-withdrawals__pending-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.pending-withdrawals__pending-indicator{width:12px;height:12px;background-color:#3b82f6;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pending-withdrawals__pending-title{font-size:1rem;font-weight:600;color:#1e3a8a}.pending-withdrawals__pending-details{display:flex;flex-direction:column;gap:.75rem}.pending-withdrawals__pending-detail-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.pending-withdrawals__pending-label{font-size:.875rem;color:#6b7280;font-weight:500}.pending-withdrawals__pending-value{font-size:.875rem;color:#1e3a8a;font-weight:600}.pending-withdrawals__pending-address{font-family:monospace;font-size:.75rem;word-break:break-all;text-align:right}.pending-withdrawals__pending-status{margin-top:.5rem;padding-top:.75rem;border-top:1px solid #dbeafe;font-size:.75rem;color:#6b7280;font-style:italic;text-align:center}.success-page{background-color:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;padding:2rem;box-shadow:0 10px 25px #0000001a;margin:0 auto}.success-page__content{text-align:center;margin-bottom:2rem}.success-page__icon-container{width:64px;height:64px;background-color:#f97316;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.success-page__icon{width:32px;height:32px}.success-page__title{font-size:1.5rem;font-weight:700;color:#065f46;margin:0 0 .5rem}.success-page__message{color:#059669;font-size:1.125rem;margin:0 0 2rem}.success-page__processing{background-color:#eff6ff;border:1px solid #3b82f6;border-radius:.75rem;padding:1.5rem;margin:0 0 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.success-page__processing-spinner{display:flex;justify-content:center}.success-page__processing-spinner .spinner{width:32px;height:32px;border:3px solid #dbeafe;border-top-color:#3b82f6;border-radius:50%;animation:spinner-rotation .8s linear infinite}@keyframes spinner-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-page__processing-text{font-size:.875rem;color:#1e3a8a;margin:0;font-weight:500}.success-page__button{width:100%;background-color:#f97316;color:#fff;border:none;border-radius:1rem;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.success-page__button:hover{background-color:#ea580c;transform:translateY(-1px);box-shadow:0 4px 12px #f973164d}.main-container{max-width:480px;width:100%;margin:2rem auto;padding:0 1rem}.main-container--mobile{max-width:100%;margin:1rem auto;padding:0 .5rem}.swap-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;padding:1.5rem;box-shadow:0 10px 25px #0000001a}.swap-card--mobile{padding:1rem}.header__container{text-align:center;margin-bottom:1.5rem}.header__title{font-size:1.5rem;font-weight:700;color:#374151;margin:0}.header__title--mobile{font-size:1.25rem}.token-field{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:1rem;padding:1rem;margin-bottom:.5rem}.token-field__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.token-field__label{font-size:.875rem;color:#6b7280;font-weight:600}.token-field__balance{font-size:.875rem;color:#6b7280;transition:all .3s ease;opacity:1;transform:translateY(0)}.token-field__balance--hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.token-field__input-row{display:flex;align-items:center;gap:.75rem}.token-field__input{flex:1;border:none;background:transparent;font-size:1.5rem;font-weight:600;color:#374151;outline:none;font-family:inherit}.token-field__display{flex:1;font-size:1.5rem;font-weight:600;color:#9ca3af;font-family:inherit}.token-selector{display:flex;align-items:center;gap:.5rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:2rem;padding:.5rem .75rem}.token-selector__icon{width:24px;height:24px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.token-selector__text{font-size:1rem;font-weight:600;color:#374151}.token-icon{width:24px;height:24px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.token-icon--btc{background-color:#f7931a;color:#fff;font-weight:700;font-size:14px}.token-icon--cbtc{border-radius:50%}.token-field__max-button{background-color:transparent;border:none;color:#f97316;font-size:.75rem;font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:background-color .2s ease}.token-field__max-button:hover{background-color:#fff7ed}.token-field__max-container{display:flex;justify-content:flex-end;margin-top:.5rem;transition:all .3s ease;opacity:1;transform:translateY(0);max-height:40px;overflow:hidden}.token-field__max-container--hidden{opacity:0;transform:translateY(-10px);max-height:0;margin-top:0}.swap-direction-button__container{display:flex;justify-content:center;margin:.5rem 0}.swap-direction-button{width:40px;height:40px;background-color:#fff;border:2px solid #e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.swap-direction-button:hover{border-color:#f97316;transform:rotate(180deg)}.action-button{width:100%;background-color:#f97316;color:#fff;border:none;border-radius:1rem;padding:1rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.action-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 25px #00000026}.action-button--disabled{background-color:#d1d5db;cursor:not-allowed}.rate-display{text-align:center;margin-top:1rem;font-size:.875rem;color:#6b7280}.protocol-fee{margin-top:.5rem;font-size:.75rem;color:#9ca3af}@tailwind base;@tailwind components;@tailwind utilities;*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden;overflow-y:scroll}#root{height:100%;display:flex;flex-direction:column}:root{--font-space-grotesk: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--color-primary: #000000;--color-secondary: #f5f5f5;--color-text: #000000;--color-text-light: #000000;--color-background: #ffffff;--color-background-secondary: #f8f9fa;--color-border: #e5e7eb;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-accent: #f85a3e;--color-accent-hover: #e64a2e;--color-risk-low: #10b981;--color-risk-medium-low: #3b82f6;--color-risk-medium: #f59e0b;--color-risk-medium-high: #f97316;--color-risk-high: #ef4444;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-12: 3rem;--spacing-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem}body{font-family:var(--font-space-grotesk);color:var(--color-text);background:var(--color-background);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-4)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}.app-layout{min-height:100vh;width:100vw;display:flex;flex-direction:column}.app-layout-content{flex:1}input,select,textarea{width:100%;padding:var(--spacing-4);border:2px solid var(--color-border);border-radius:.75rem;background-color:#fff;font-size:var(--text-base);transition:border-color .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent)}label{display:block;font-weight:500;margin-bottom:var(--spacing-2)}.page-container{min-height:100vh;height:auto;background-color:var(--color-background-secondary);padding:0}.main-content{display:flex;gap:24px;max-width:1200px;margin:0 auto;padding:72px 24px 120px;width:100%}.main-container{flex:1;max-width:650px}@media (max-width: 1024px){.main-content{flex-direction:column;align-items:center}.side-panel{width:100%;max-width:600px}}.section{width:100%}