:root{--layout-gap-xs: .5rem;--layout-gap-sm: .75rem;--layout-gap-md: 1rem;--layout-gap-lg: 1.5rem;--layout-gap-xl: 2rem;--layout-gap-2xl: 3rem;--container-padding-sm: 1rem;--container-padding-md: 1.5rem;--container-padding-lg: 2rem;--radius-xs: .25rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .15);--shadow-card: 0 4px 12px rgba(0, 0, 0, .1);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .15);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--grid-gap: var(--layout-gap-lg);--grid-gap-mobile: var(--layout-gap-md);--grid-columns-sm: repeat(1, 1fr);--grid-columns-md: repeat(auto-fit, minmax(280px, 1fr));--grid-columns-lg: repeat(auto-fit, minmax(300px, 1fr));--grid-columns-xl: repeat(auto-fit, minmax(320px, 1fr));--container-max-width: 1400px;--container-width-sm: 100%;--container-width-md: 90%;--container-width-lg: 85%;--card-border: 1px solid var(--border-color);--card-background: var(--container-bg);--card-background-hover: var(--hover-bg);--card-backdrop-filter: blur(10px);--metric-value-size: var(--font-size-lg);--metric-label-size: var(--font-size-sm);--metric-gap: var(--layout-gap-sm);--interactive-hover-transform: translateY(-2px);--interactive-active-transform: translateY(0);--interactive-focus-ring: 0 0 0 2px var(--secondary-color);--success-bg: #31d07920;--success-border: #31d079;--warning-bg: #fbbf2420;--warning-border: #fbbf24;--error-bg: #ff4d4f20;--error-border: #ff4d4f;--gradient-primary: linear-gradient(135deg, var(--secondary-color) 0%, var(--fourth-color) 100%);--gradient-card: linear-gradient(135deg, var(--container-bg) 0%, rgba(19, 33, 64, .8) 100%);--gradient-overlay: linear-gradient(180deg, transparent 0%, rgba(7, 22, 45, .3) 100%)}[data-theme=Dusa]{--shadow-card: 0 4px 12px rgba(0, 0, 0, .4);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .5)}.CreateLock{display:flex;flex-direction:column;gap:var(--layout-gap-2xl);padding:var(--container-padding-lg);width:100%;min-height:100vh}@media (max-width: 1024px){.CreateLock{padding:var(--container-padding-md);gap:var(--layout-gap-xl)}}@media (max-width: 768px){.CreateLock{padding:var(--container-padding-sm);gap:var(--layout-gap-lg)}}.CreateLock .create-lock-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--layout-gap-2xl)}@media (max-width: 1024px){.CreateLock .create-lock-content{grid-template-columns:1fr;gap:var(--layout-gap-xl)}}.CreateLock .main-content{display:flex;flex-direction:column}.CreateLock .lock-form-card{background:var(--card-background);border:var(--card-border);border-radius:var(--radius-lg);padding:var(--container-padding-md);-webkit-backdrop-filter:var(--card-backdrop-filter);backdrop-filter:var(--card-backdrop-filter);box-shadow:var(--shadow-card);transition:all var(--transition-normal);cursor:pointer;position:relative;padding:var(--container-padding-lg)}.CreateLock .lock-form-card:hover{transform:var(--interactive-hover-transform)}.CreateLock .lock-form-card:active{transform:var(--interactive-active-transform)}.CreateLock .lock-form-card:focus-visible{outline:none;box-shadow:var(--interactive-focus-ring)}.CreateLock .lock-form-card:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.CreateLock .lock-form-card:disabled:hover{transform:none}.CreateLock .lock-form-card .form-title{display:flex;align-items:center;gap:var(--layout-gap-md);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--main-color);margin-bottom:var(--layout-gap-xl);line-height:var(--line-height-tight)}.CreateLock .lock-form-card .form-title svg{color:var(--secondary-color);font-size:var(--font-size-xl)}.CreateLock .lock-form-card .form-section{margin-bottom:var(--layout-gap-xl)}.CreateLock .lock-form-card .form-section .form-label{display:flex;align-items:center;gap:var(--layout-gap-xs);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--main-color);margin-bottom:var(--layout-gap-md)}.CreateLock .lock-form-card .form-section .form-label svg{color:var(--secondary-color);font-size:var(--font-size-sm)}.CreateLock .lock-form-card .form-section .token-input-wrapper{background:rgba(var(--secondary-bg),.3);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--layout-gap-xs);transition:border-color var(--transition-normal)}.CreateLock .lock-form-card .form-section .token-input-wrapper:hover{border-color:var(--secondary-color)}.CreateLock .lock-form-card .form-section .error-text{color:var(--red);font-size:var(--font-size-sm);margin-top:var(--layout-gap-xs)}.CreateLock .lock-form-card .duration-info{margin-bottom:var(--layout-gap-lg)}.CreateLock .lock-form-card .duration-info .duration-display{background:var(--card-background);border:var(--card-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--card-backdrop-filter);backdrop-filter:var(--card-backdrop-filter);box-shadow:var(--shadow-card);transition:all var(--transition-normal);background:rgba(var(--secondary-color),.1);border-color:var(--secondary-color);padding:var(--container-padding-md);display:flex;flex-direction:column;gap:var(--layout-gap-sm)}.CreateLock .lock-form-card .duration-info .duration-display .duration-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--main-color)}.CreateLock .lock-form-card .duration-info .duration-display .voting-power{font-size:var(--font-size-md);color:var(--secondary-color);font-weight:var(--font-weight-semibold)}.CreateLock .lock-form-card .duration-controls{display:flex;flex-direction:column;gap:var(--layout-gap-lg)}.CreateLock .lock-form-card .duration-controls .duration-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;background:var(--secondary-bg);border-radius:var(--radius-sm);outline:none;transition:background var(--transition-normal)}.CreateLock .lock-form-card .duration-controls .duration-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:var(--gradient-primary);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md);-webkit-transition:all var(--transition-normal);transition:all var(--transition-normal)}.CreateLock .lock-form-card .duration-controls .duration-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.CreateLock .lock-form-card .duration-controls .duration-slider::-moz-range-thumb{width:24px;height:24px;background:var(--gradient-primary);border-radius:50%;cursor:pointer;border:none;box-shadow:var(--shadow-md);-moz-transition:all var(--transition-normal);transition:all var(--transition-normal)}.CreateLock .lock-form-card .duration-controls .duration-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.CreateLock .lock-form-card .duration-controls .duration-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--layout-gap-sm)}.CreateLock .lock-form-card .duration-controls .duration-presets .preset-button{font-size:var(--font-size-xs);padding:var(--layout-gap-xs) var(--layout-gap-sm)}.CreateLock .lock-form-card .action-buttons{display:flex;flex-direction:column;gap:var(--layout-gap-xs);margin-top:var(--layout-gap-xl)}.CreateLock .lock-form-card .action-buttons .create-lock-button{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.CreateLock .sidebar-content{display:flex;flex-direction:column}.CreateLock .sidebar-content .info-card{background:var(--card-background);border:var(--card-border);border-radius:var(--radius-lg);padding:var(--container-padding-md);-webkit-backdrop-filter:var(--card-backdrop-filter);backdrop-filter:var(--card-backdrop-filter);box-shadow:var(--shadow-card);transition:all var(--transition-normal);padding:var(--container-padding-lg);position:sticky;top:var(--layout-gap-lg)}.CreateLock .sidebar-content .info-card .info-title{display:flex;align-items:center;gap:var(--layout-gap-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--main-color);margin-bottom:var(--layout-gap-lg)}.CreateLock .sidebar-content .info-card .info-title svg{color:var(--green);font-size:var(--font-size-lg)}.CreateLock .sidebar-content .info-card .steps-list{display:flex;flex-direction:column;gap:var(--layout-gap-lg)}.CreateLock .sidebar-content .info-card .steps-list .step-item{display:flex;gap:var(--layout-gap-md);align-items:flex-start}.CreateLock .sidebar-content .info-card .steps-list .step-item .step-number{width:2rem;height:2rem;background:var(--gradient-primary);color:var(--main-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);flex-shrink:0}.CreateLock .sidebar-content .info-card .steps-list .step-item .step-content h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--main-color);margin-bottom:var(--layout-gap-xs)}.CreateLock .sidebar-content .info-card .steps-list .step-item .step-content p{font-size:var(--font-size-sm);color:var(--second-color);line-height:var(--line-height-normal);opacity:.9}.CreateLock .sidebar-content .info-card .lock-summary{display:flex;flex-direction:column;gap:var(--layout-gap-md)}.CreateLock .sidebar-content .info-card .lock-summary .summary-item{display:flex;justify-content:space-between;align-items:center;padding:var(--layout-gap-sm) 0;border-bottom:1px solid var(--border-color)}.CreateLock .sidebar-content .info-card .lock-summary .summary-item.highlight{background:rgba(var(--secondary-color),.1);border-color:var(--secondary-color);border-radius:var(--radius-md);padding:var(--layout-gap-md);border-bottom:1px solid var(--secondary-color)}.CreateLock .sidebar-content .info-card .lock-summary .summary-item.highlight .summary-value{color:var(--secondary-color);font-weight:var(--font-weight-bold)}.CreateLock .sidebar-content .info-card .lock-summary .summary-item .summary-label{font-size:var(--font-size-sm);color:var(--second-color);font-weight:var(--font-weight-medium)}.CreateLock .sidebar-content .info-card .lock-summary .summary-item .summary-value{font-size:var(--font-size-md);color:var(--main-color);font-weight:var(--font-weight-semibold)}@media (max-width: 640px){.CreateLock .lock-form-card{padding:var(--container-padding-sm)}.CreateLock .lock-form-card .form-title{font-size:var(--font-size-xl)}.CreateLock .lock-form-card .duration-controls .duration-presets{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.CreateLock .sidebar-content .info-card{padding:var(--container-padding-sm)}.CreateLock .sidebar-content .info-card .info-title{font-size:var(--font-size-lg)}.CreateLock .sidebar-content .info-card .steps-list{gap:var(--layout-gap-md)}.CreateLock .sidebar-content .info-card .steps-list .step-item .step-number{width:1.5rem;height:1.5rem;font-size:var(--font-size-xs)}.CreateLock .sidebar-content .info-card .steps-list .step-item .step-content h4{font-size:var(--font-size-sm)}.CreateLock .sidebar-content .info-card .steps-list .step-item .step-content p{font-size:var(--font-size-xs)}}