.atom-otp{display:inline-flex;gap:var(--atom-spacing-sm);align-items:center}.atom-otp-input{width:var(--atom-control-height-md);height:var(--atom-control-height-md);padding:0;font-size:var(--atom-font-size-md,14px);font-weight:500;text-align:center;color:var(--atom-input-color-text,var(--atom-primary-color));background-color:var(--atom-input-color-bg,var(--atom-color-bg-container));border:1px solid var(--atom-input-color-border,var(--atom-color-border));border-radius:var(--atom-input-border-radius,var(--atom-border-radius));transition:all var(--atom-transition-base);outline:none;box-sizing:border-box}.atom-otp-input::selection{background:var(--atom-primary-color-opacity-10,rgba(22,119,255,.1))}.atom-otp-input:hover:not(:disabled){border-color:var(--atom-input-hover-border-color,var(--atom-primary-color-hover))}.atom-otp-input:focus{border-color:var(--atom-input-active-border-color,var(--atom-primary-color));box-shadow:var(--atom-input-active-shadow,0 0 0 4px var(--atom-primary-color-outline))}.atom-otp-input:disabled{background-color:var(--atom-color-bg-layout,var(--atom-color-bg-layout));color:var(--atom-color-text-quaternary,var(--atom-color-text-quaternary));border-color:var(--atom-input-color-border,var(--atom-color-border));cursor:not-allowed}.atom-otp-large{gap:var(--atom-spacing-sm)}.atom-otp-large .atom-otp-input{width:var(--atom-control-height-lg);height:var(--atom-control-height-lg);font-size:var(--atom-font-size-lg,16px)}.atom-otp-small{gap:var(--atom-spacing-xs)}.atom-otp-small .atom-otp-input{width:var(--atom-control-height-sm);height:var(--atom-control-height-sm);font-size:var(--atom-font-size-sm,14px)}.atom-otp-status-error .atom-otp-input{border-color:var(--atom-error-color);color:var(--atom-error-color)}.atom-otp-status-error .atom-otp-input:focus{border-color:var(--atom-error-color);box-shadow:0 0 0 4px var(--atom-error-color-outline)}.atom-otp-status-warning .atom-otp-input{border-color:var(--atom-warning-color);color:var(--atom-warning-color)}.atom-otp-status-warning .atom-otp-input:focus{border-color:var(--atom-warning-color);box-shadow:0 0 0 2px var(--atom-warning-color-outline)}:root{--atom-layout-header-height:56px;--atom-layout-header-bg:var(--atom-color-bg-container);--atom-layout-sider-width:240px;--atom-layout-sider-collapsed-width:72px;--atom-layout-sider-bg:var(--atom-color-bg-container);--atom-layout-sider-active-bg:color-mix(in srgb,var(--atom-primary-color) 8%,transparent);--atom-layout-sider-active-color:var(--atom-primary-color);--atom-z-index-header:100;--atom-z-index-sider:90}.atom-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--atom-color-bg-layout,var(--atom-color-bg-layout));font-family:var(--atom-font-family,var(--atom-font-family));font-size:var(--atom-font-size,var(--atom-font-size));color:var(--atom-color-text,var(--atom-color-text))}.atom-layout-container,.atom-layout-main{display:flex;flex:1 1;overflow:hidden}.atom-layout-main{flex-direction:column}.atom-layout-content{flex:1 1;overflow-y:auto;padding:var(--atom-spacing-lg)}.atom-layout-footer{padding:var(--atom-spacing-md) var(--atom-spacing-lg);text-align:center;color:var(--atom-color-text-secondary,var(--atom-color-text-secondary));font-size:var(--atom-font-size-sm);flex-shrink:0;border-top:1px solid var(--atom-color-border-secondary,var(--atom-color-border-secondary))}.atom-layout-header{height:var(--atom-layout-header-height);line-height:var(--atom-layout-header-height);background:var(--atom-layout-header-bg,var(--atom-color-bg-container,var(--atom-color-bg-container)));padding:0 var(--atom-spacing-md);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--atom-color-border-secondary,var(--atom-color-border-secondary));flex-shrink:0;z-index:var(--atom-z-index-header)}.atom-layout-header-fixed{position:sticky;top:0}.atom-layout-header-left{display:flex;align-items:center;gap:var(--atom-spacing-sm)}.atom-layout-header-right{display:flex;align-items:center;gap:var(--atom-spacing-md)}.atom-layout-logo{display:flex;align-items:center;gap:var(--atom-spacing-sm)}.atom-layout-collapse-trigger{display:flex;align-items:center;padding:var(--atom-spacing-xs) var(--atom-spacing-sm);border-radius:var(--atom-border-radius,var(--atom-border-radius));cursor:pointer;color:var(--atom-color-text-secondary,var(--atom-color-text-secondary));transition:background-color var(--atom-transition-fast),color var(--atom-transition-fast)}.atom-layout-collapse-trigger:hover{background-color:var(--atom-color-fill-quaternary);color:var(--atom-color-text,var(--atom-color-text))}.atom-layout-sider{width:var(--atom-layout-sider-width);background:var(--atom-layout-sider-bg,var(--atom-color-bg-container,var(--atom-color-bg-container)));border-right:1px solid var(--atom-color-border-secondary,var(--atom-color-border-secondary));overflow-y:auto;overflow-x:hidden;flex-shrink:0;z-index:var(--atom-z-index-sider);transition:width var(--atom-transition-base)}.atom-layout-sider-collapsed{width:var(--atom-layout-sider-collapsed-width)}@media(max-width:768px){.atom-layout-sider{display:none}}.atom-layout-menu{border:none!important;background:rgba(0,0,0,0)!important}.atom-layout-search{display:none;align-items:center;background-color:var(--atom-color-fill-tertiary);border-color:rgba(0,0,0,0)!important;border-radius:var(--atom-spacing-lg)!important;width:auto!important;transition:border-color var(--atom-transition-fast),box-shadow var(--atom-transition-fast)}@media(min-width:768px){.atom-layout-search{display:inline-flex}}.atom-layout-search:focus-within{border-color:var(--atom-primary-color,var(--atom-primary-color))!important}.atom-layout-search-input{background:rgba(0,0,0,0)!important;border:none!important;outline:none!important;width:128px;transition:width var(--atom-transition-base);font-size:var(--atom-font-size-sm)}.atom-layout-search-input:focus{width:192px;box-shadow:none!important}.atom-layout-action-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:rgba(0,0,0,0);border-radius:50%;cursor:pointer;color:var(--atom-color-text-secondary,var(--atom-color-text-secondary));transition:background-color var(--atom-transition-fast),color var(--atom-transition-fast)}.atom-layout-action-btn:hover{background-color:var(--atom-color-fill-quaternary);color:var(--atom-color-text,var(--atom-color-text))}.atom-layout-badge{position:absolute;top:2px;right:2px;min-width:8px;height:8px;padding:0;background:var(--atom-error-color);border-radius:50%;border:2px solid var(--atom-color-bg-container);font-size:var(--atom-font-size-sm,14px);line-height:1;color:var(--atom-color-text-light-solid);display:flex;align-items:center;justify-content:center}.atom-layout-header-divider{width:1px;height:24px;background:var(--atom-color-border-secondary,var(--atom-color-border-secondary));flex-shrink:0}.atom-layout-user{display:flex;align-items:center;gap:var(--atom-spacing-sm);cursor:pointer}.atom-layout-user-avatar{width:32px;height:32px;border-radius:50%;background-color:color-mix(in srgb,var(--atom-primary-color) 15%,transparent);color:var(--atom-primary-color);font-weight:700;font-size:var(--atom-font-size-sm,14px);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(0,0,0,0);transition:border-color var(--atom-transition-fast)}.atom-layout-user:hover .atom-layout-user-avatar{border-color:var(--atom-primary-color)}.atom-layout-user-name{font-size:var(--atom-font-size-sm);font-weight:500;color:var(--atom-color-text,var(--atom-color-text))}@media(max-width:480px){.atom-layout-user-name{display:none}}.atom-page-container{display:flex;flex-direction:column}.atom-page-container-header{padding:var(--atom-spacing-md) var(--atom-spacing-lg);background:var(--atom-color-bg-container,var(--atom-color-bg-container));border-bottom:1px solid var(--atom-color-border-secondary,var(--atom-color-border-secondary));margin-bottom:var(--atom-spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--atom-spacing-md);flex-wrap:wrap}.atom-page-container-header-left{display:flex;flex-direction:column;gap:var(--atom-spacing-xs);min-width:0}.atom-page-container-title{font-size:var(--atom-font-size-xl);font-weight:600;color:var(--atom-color-text,var(--atom-color-text));margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atom-page-container-description{font-size:var(--atom-font-size-sm);color:var(--atom-color-text-secondary,var(--atom-color-text-secondary));margin:0}.atom-page-container-extra{display:flex;align-items:center;gap:var(--atom-spacing-sm);flex-shrink:0}.atom-page-container-content{padding:0 var(--atom-spacing-lg) var(--atom-spacing-lg) var(--atom-spacing-lg)}.atom-message{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:1010;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:var(--atom-spacing-xs)}.atom-message-notice{pointer-events:all;display:inline-flex;align-items:center;gap:var(--atom-spacing-sm);padding:var(--atom-spacing-sm) var(--atom-spacing-md);background:var(--atom-color-bg-container);border-radius:var(--atom-border-radius-lg);box-shadow:0 6px 20px #0000001a,0 2px 6px #0000000f;font-size:var(--atom-font-size-md,14px);color:var(--atom-color-text);line-height:var(--atom-line-height-sm);white-space:nowrap;max-width:calc(100vw - 48px);animation:atom-message-enter .25s cubic-bezier(.215,.61,.355,1) both}.atom-message-notice-icon{display:flex;align-items:center;flex-shrink:0;font-size:var(--atom-font-size-lg,16px);line-height:1}.atom-message-notice-content{flex:1 1;min-width:0;white-space:normal}.atom-message-notice-success .atom-message-notice-icon{color:var(--atom-success-color)}.atom-message-notice-error .atom-message-notice-icon{color:var(--atom-error-color)}.atom-message-notice-warning .atom-message-notice-icon{color:var(--atom-warning-color)}.atom-message-notice-info .atom-message-notice-icon,.atom-message-notice-loading .atom-message-notice-icon{color:var(--atom-primary-color)}.atom-message-notice-leaving{animation:atom-message-leave .2s cubic-bezier(.55,0,1,.45) forwards;pointer-events:none}.atom-message-spin{animation:atom-message-spin 1s linear infinite}@keyframes atom-message-enter{0%{opacity:0;transform:translateY(-12px) scale(.9);max-height:0;margin-bottom:0}to{opacity:1;transform:translateY(0) scale(1);max-height:200px}}@keyframes atom-message-leave{0%{opacity:1;transform:scale(1);max-height:200px;margin-bottom:0}to{opacity:0;transform:scale(.9) translateY(-8px);max-height:0;margin-bottom:calc(-1 * var(--atom-spacing-xs));padding-top:0;padding-bottom:0}}@keyframes atom-message-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.atom-notification{position:fixed;z-index:1010;pointer-events:none;display:flex;flex-direction:column;gap:var(--atom-spacing-sm);width:384px;max-width:calc(100vw - 48px)}.atom-notification-topRight{top:24px;right:24px;align-items:flex-end}.atom-notification-topLeft{top:24px;left:24px;align-items:flex-start}.atom-notification-bottomRight{bottom:24px;right:24px;align-items:flex-end;flex-direction:column-reverse}.atom-notification-bottomLeft{bottom:24px;left:24px;align-items:flex-start;flex-direction:column-reverse}.atom-notification-top{top:24px}.atom-notification-bottom,.atom-notification-top{left:50%;transform:translate(-50%);align-items:center}.atom-notification-bottom{bottom:24px;flex-direction:column-reverse}.atom-notification-notice{pointer-events:all;position:relative;background:var(--atom-color-bg-container);border:1px solid var(--atom-color-border-secondary,rgba(0,0,0,.06));border-radius:var(--atom-border-radius-lg);box-shadow:0 6px 24px #0000001a,0 2px 8px #0000000f;padding:var(--atom-spacing-md) calc(var(--atom-spacing-xl) + var(--atom-spacing-xs)) var(--atom-spacing-md) var(--atom-spacing-md);min-width:280px;max-width:100%;animation:atom-notification-in .25s cubic-bezier(.215,.61,.355,1) both;cursor:default}.atom-notification-notice-content{display:flex;align-items:flex-start;gap:var(--atom-spacing-sm)}.atom-notification-notice-message-wrapper{flex:1 1;min-width:0}.atom-notification-notice-message{font-weight:600;font-size:var(--atom-font-size-md,14px);color:var(--atom-color-text);line-height:var(--atom-line-height-sm)}.atom-notification-notice-description{margin-top:var(--atom-spacing-xs);font-size:var(--atom-font-size-sm,14px);color:var(--atom-color-text-secondary);line-height:var(--atom-line-height)}.atom-notification-notice-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;font-size:var(--atom-font-size-xl);line-height:1;margin-top:var(--atom-spacing-xxs)}.atom-notification-notice-close{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;color:var(--atom-color-text-tertiary);font-size:var(--atom-font-size-sm,14px);line-height:1;padding:var(--atom-spacing-xxs) var(--atom-spacing-xs);border-radius:var(--atom-border-radius-sm);transition:color var(--atom-transition-fast),background var(--atom-transition-fast)}.atom-notification-notice-close:hover{color:var(--atom-color-text);background:var(--atom-color-border-secondary,rgba(0,0,0,.06))}.atom-notification-notice-success .atom-notification-icon{color:var(--atom-success-color)}.atom-notification-notice-error .atom-notification-icon{color:var(--atom-error-color)}.atom-notification-notice-warning .atom-notification-icon{color:var(--atom-warning-color)}.atom-notification-notice-info .atom-notification-icon{color:var(--atom-primary-color)}@keyframes atom-notification-in{0%{opacity:0;transform:translate(30px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes atom-notification-out{0%{opacity:1;transform:scale(1);max-height:200px;margin-bottom:0}to{opacity:0;transform:scale(.95);max-height:0;margin-bottom:-var(--atom-spacing-sm)}}.atom-notification-notice-leaving{animation:atom-notification-out .2s ease-in forwards;overflow:hidden}