@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.cdnfonts.com/css/cal-sans";@font-face{font-family:Cal Sans;font-weight:var(--font-weight-regular) 900;font-display:swap;src:local("Cal Sans"),local("CalSans-SemiBold")}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-duration) var(--transition-easing),color var(--transition-duration) var(--transition-easing)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);letter-spacing:-.02em}#root{min-height:100vh}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;font-family:inherit}img{max-width:100%;display:block}input,select,textarea{font-family:inherit;font-size:var(--font-size-body);transition:background-color var(--transition-duration) var(--transition-easing),border-color var(--transition-duration) var(--transition-easing),color var(--transition-duration) var(--transition-easing)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);height:var(--size-44);padding:0 var(--spacing-lg);border-radius:var(--radius-pill);font-size:var(--font-size-button);font-weight:var(--font-weight-medium);border:none;cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);white-space:nowrap}.btn-primary:hover{filter:brightness(1.05);transform:translateY(var(--offset-1));box-shadow:0 var(--size-8) var(--size-24) var(--color-rgba-93-169-255-0-4)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-white);color:var(--text-primary);border:var(--size-1) solid var(--border-default)}.btn-secondary:hover{background:var(--bg-muted);border-color:var(--primary-base)}.btn-outline{background:transparent;color:var(--primary-base);border:var(--size-1) solid var(--primary-base)}.btn-outline:hover{background:var(--bg-soft)}.form-input,.form-select,.form-textarea{width:100%;height:var(--size-44);padding:0 var(--size-14);border:var(--size-1) solid var(--border-default);border-radius:var(--radius-small);background:var(--bg-white);font-size:var(--font-size-body);color:var(--text-primary);outline:none;transition:all var(--transition-duration) var(--transition-easing)}.form-textarea{height:auto;min-height:var(--size-100);padding:var(--size-12) var(--size-14);resize:vertical}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-base);box-shadow:0 0 0 var(--size-3) var(--color-rgba-93-169-255-0-2)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary)}.card{background:var(--bg-white);border-radius:var(--radius-large);padding:var(--spacing-xl);box-shadow:var(--shadow-card)}.icon-sm{width:var(--size-14);height:var(--size-14)}.icon{width:var(--size-18);height:var(--size-18)}.icon-md{width:var(--size-20);height:var(--size-20)}.icon-lg{width:var(--size-24);height:var(--size-24)}@media(max-width:1024px){:root{--topbar-height: var(--size-60)}}@media(max-width:768px){:root{--font-size-page-title: var(--size-18);--font-size-section-title: var(--size-16);--font-size-body: var(--size-14);--spacing-sm: var(--size-8);--spacing-md: var(--size-12);--spacing-lg: var(--size-16);--spacing-xl: var(--size-20);--radius-large: var(--size-16);--topbar-height: var(--size-60)}body{font-size:var(--size-14)}.btn{height:var(--size-46);font-size:var(--size-14);padding:0 var(--size-20)}.form-input,.form-select{height:var(--size-46);font-size:var(--size-16)}.form-textarea{min-height:var(--size-90);font-size:var(--size-16)}.card{padding:var(--size-16);border-radius:var(--radius-medium)}}@media(max-width:480px){:root{--font-size-page-title: var(--size-17);--font-size-section-title: var(--size-15);--font-size-body: var(--size-13);--spacing-xs: var(--size-4);--spacing-sm: var(--size-6);--spacing-md: var(--size-10);--spacing-lg: var(--size-14);--spacing-xl: var(--size-18);--topbar-height: var(--size-56)}.btn{height:var(--size-44);padding:0 var(--size-18);font-size:var(--size-14)}.form-input,.form-select{height:var(--size-44)}.card{padding:var(--size-14)}}@media(hover:none)and (pointer:coarse){.btn,.nav-item,.topbar-icon-btn,.category-btn{min-height:var(--size-44)}.btn:hover,.nav-item:hover,.topbar-icon-btn:hover{transform:none}}.glass-dark{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.glass-card{background:var(--color-rgba-26-26-26-0-8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-rgba-255-255-255-0-08)}@keyframes reveal-y{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reveal-on-scroll{animation:reveal-y .6s var(--transition-easing) forwards}.sidebar{width:var(--sidebar-width);height:100vh;background:var(--bg-white);border-right:var(--size-1) solid var(--border-default);display:flex;flex-direction:column;position:fixed;left:0;top:0;transition:background-color var(--transition-duration) var(--transition-easing),border-color var(--transition-duration) var(--transition-easing)}.sidebar-header{height:var(--size-64);padding:0 var(--spacing-lg);display:flex;align-items:center;border-bottom:var(--size-1) solid var(--border-default);transition:border-color var(--transition-duration) var(--transition-easing)}.logo{display:flex;align-items:center;gap:var(--size-12)}.logo-image{height:var(--size-32);width:auto;object-fit:contain}.logo-text{font-family:var(--font-family-heading);font-size:var(--size-28);font-weight:var(--font-weight-black);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;transition:opacity var(--transition-duration) var(--transition-easing);-webkit-user-select:none;user-select:none}.logo-text:hover{opacity:.9}.sidebar-nav{flex:1;display:flex;flex-direction:column;padding:var(--spacing-lg) var(--spacing-md)}.nav-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.nav-divider{height:var(--size-1);background:var(--border-default);margin:var(--spacing-md) 0;transition:background-color var(--transition-duration) var(--transition-easing)}.nav-bottom{margin-top:auto;padding-top:var(--spacing-lg);border-top:var(--size-1) solid var(--border-default);transition:border-color var(--transition-duration) var(--transition-easing)}.nav-item{display:flex;align-items:center;gap:var(--size-18);padding:0 var(--spacing-lg);border-radius:0;color:var(--text-secondary);font-size:var(--size-15);font-weight:var(--font-weight-medium);transition:all var(--transition-duration) var(--transition-easing);height:var(--size-48);position:relative}.nav-item svg,.nav-item .icon{width:var(--size-22);height:var(--size-22);color:var(--text-secondary);transition:all var(--transition-duration) var(--transition-easing);flex-shrink:0}.nav-item:hover{background:transparent;color:var(--text-primary)}.nav-item:hover svg{color:var(--text-primary)}.nav-item.active{background:transparent;color:var(--primary-base);position:relative}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(var(--offset-50p));width:var(--size-4);height:var(--size-32);background:var(--primary-base);border-radius:0 var(--size-4) var(--size-4) 0}.nav-item.active svg,.nav-item.active .icon{color:var(--primary-base)}.logout-btn{width:100%;border:none;background:transparent;cursor:pointer;text-align:left;color:var(--text-secondary)}.logout-btn svg,.logout-btn .icon{color:var(--text-secondary)}.logout-btn:hover{background:transparent;color:var(--color-hex-ef4444)}.logout-btn:hover svg,.logout-btn:hover .icon{color:var(--color-hex-ef4444)}.theme-toggle-wrapper{display:flex;justify-content:center;padding:var(--spacing-md);margin-bottom:var(--spacing-sm)}.language-selector-wrapper{position:relative;margin:0 var(--spacing-md) var(--spacing-md) var(--spacing-md)}.language-selector{width:100%;height:var(--size-44);display:flex;align-items:center;gap:var(--size-12);padding:0 var(--size-14);background:var(--bg-soft);border:var(--size-1) solid var(--border-default);border-radius:var(--size-10);cursor:pointer;outline:none;transition:all var(--transition-duration) var(--transition-easing)}.language-selector:hover{border-color:var(--primary-base);background-color:var(--bg-muted)}.selector-icon{width:var(--size-20);height:var(--size-20);color:var(--text-secondary);flex-shrink:0;transition:color var(--transition-duration) var(--transition-easing)}.selected-lang{flex:1;font-size:var(--size-14);font-weight:var(--font-weight-medium);color:var(--text-primary);text-align:left;transition:color var(--transition-duration) var(--transition-easing)}.chevron-icon{width:var(--size-16);height:var(--size-16);color:var(--text-secondary);transition:transform var(--transition-duration) var(--transition-easing),color var(--transition-duration) var(--transition-easing);flex-shrink:0}.language-dropdown{position:absolute;bottom:calc(100% + var(--size-8));left:0;right:0;background:var(--bg-white);border:var(--size-1) solid var(--border-default);border-radius:var(--size-10);box-shadow:var(--shadow-dropdown);overflow:hidden;z-index:100;animation:slideUp .2s var(--transition-easing)}@keyframes slideUp{0%{opacity:0;transform:translateY(var(--size-8))}to{opacity:1;transform:translateY(0)}}.language-option{width:100%;padding:var(--size-12) var(--size-16);background:transparent;border:none;cursor:pointer;transition:background var(--transition-duration) var(--transition-easing),color var(--transition-duration) var(--transition-easing);font-size:var(--size-14);font-weight:var(--font-weight-medium);color:var(--text-primary);text-align:left}.language-option:hover{background:var(--bg-soft)}.language-option.active{background:var(--bg-soft);color:var(--primary-base)}@media(max-width:1024px){.sidebar{transform:translate(var(--offset-100p));z-index:999;transition:transform var(--transition-duration) var(--transition-easing)}.sidebar.open{transform:translate(0)}}@media(max-width:768px){.sidebar{width:var(--size-280);box-shadow:var(--size-2) 0 var(--size-12) var(--color-rgba-0-0-0-0-1)}.sidebar-header{height:var(--size-60);padding:0 var(--size-16)}.logo-image{height:var(--size-28)}.sidebar-nav{padding:var(--size-16) var(--size-12)}.nav-item{height:var(--size-52);gap:var(--size-14);padding:0 var(--size-16);font-size:var(--size-15);border-radius:var(--size-10)}.nav-item:hover,.nav-item.active{background:var(--bg-soft)}.nav-item.active:before{display:none}.nav-item svg,.nav-item .icon{width:var(--size-22);height:var(--size-22)}.language-selector-wrapper{margin:0 var(--size-12) var(--size-12) var(--size-12)}.language-selector{height:var(--size-44);padding:0 var(--size-14)}.logout-btn:hover{background:var(--color-rgba-239-68-68-0-1)}}@media(max-width:480px){.sidebar{width:var(--size-280)}.sidebar-header{height:var(--size-56);padding:0 var(--size-16)}.logo-image{height:var(--size-26)}.sidebar-nav{padding:var(--size-14) var(--size-12)}.nav-item{height:var(--size-50);padding:0 var(--size-16);font-size:var(--size-14);gap:var(--size-12)}.nav-item svg,.nav-item .icon{width:var(--size-21);height:var(--size-21)}.language-selector{height:var(--size-42)}}.theme-toggle{position:relative;width:var(--size-56);height:var(--size-28);background:transparent;border:none;cursor:pointer;padding:0;outline:none}.theme-toggle-track{width:100%;height:100%;background:var(--bg-soft);border:var(--size-2) solid var(--border-default);border-radius:var(--size-999);position:relative;transition:all var(--transition-duration) var(--transition-easing)}.theme-toggle:hover .theme-toggle-track{border-color:var(--primary-base);background:var(--bg-muted)}.theme-toggle-thumb{position:absolute;top:var(--size-2);left:var(--size-2);width:var(--size-20);height:var(--size-20);background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-duration) var(--transition-easing);box-shadow:0 var(--size-2) var(--size-8) var(--color-rgba-93-169-255-0-4)}.theme-toggle.dark .theme-toggle-thumb{left:calc(100% - var(--size-22))}.theme-icon{width:var(--size-12);height:var(--size-12);color:var(--text-white);transition:all var(--transition-duration) var(--transition-easing)}.theme-icon.sun{animation:rotate 20s linear infinite}.theme-icon.moon{animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.theme-toggle:active .theme-toggle-thumb{width:var(--size-24)}.theme-toggle.light:active .theme-toggle-thumb,.theme-toggle.dark:active .theme-toggle-thumb{margin-left:var(--offset-2)}.topbar{height:var(--topbar-height);background:var(--bg-white);border-bottom:var(--size-1) solid var(--border-default);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);position:sticky;top:0;z-index:10}.topbar-left{flex:1;display:flex;align-items:center;gap:var(--spacing-md)}.menu-btn{display:none;width:var(--size-40);height:var(--size-40);align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-small);color:var(--icon-default);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.menu-btn .icon{width:var(--size-24);height:var(--size-24)}.menu-btn:hover{background:var(--bg-muted);color:var(--icon-active)}.page-title{font-size:var(--font-size-page-title);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:var(--line-height-compact)}.topbar-right{display:flex;align-items:center;gap:var(--spacing-sm)}.topbar-icon-btn{position:relative;width:var(--size-36);height:var(--size-36);display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-small);color:var(--icon-default);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.topbar-icon-btn .icon{width:var(--size-20);height:var(--size-20)}.topbar-icon-btn:hover{background:var(--bg-muted);color:var(--icon-active)}.notification-badge{position:absolute;top:var(--size-6);right:var(--size-6);width:var(--size-16);height:var(--size-16);background:var(--status-negative);color:var(--text-white);font-size:var(--size-10);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:center;border-radius:50%;border:var(--size-2) solid var(--bg-white)}.profile-dropdown{position:relative}.profile-trigger{background:transparent;border:none;cursor:pointer;padding:0}.avatar{width:var(--size-36);height:var(--size-36);border-radius:50%;background:var(--bg-soft);border:var(--size-2) solid var(--bg-soft);display:flex;align-items:center;justify-content:center;color:var(--icon-active);transition:all var(--transition-duration) var(--transition-easing)}.avatar .icon{width:var(--size-18);height:var(--size-18)}.profile-trigger:hover .avatar{border-color:var(--primary-base);transform:scale(1.05)}.profile-menu{position:absolute;top:calc(100% + var(--size-8));right:0;width:var(--size-280);background:var(--bg-white);border-radius:var(--radius-medium);box-shadow:var(--shadow-dropdown);padding:var(--spacing-md);animation:slideDown .2s var(--transition-easing)}@keyframes slideDown{0%{opacity:0;transform:translateY(var(--offset-8))}to{opacity:1;transform:translateY(0)}}.profile-menu-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.avatar-large{width:var(--size-48);height:var(--size-48);border-radius:50%;background:var(--bg-soft);display:flex;align-items:center;justify-content:center;color:var(--icon-active);flex-shrink:0}.avatar-large .icon-large{width:var(--size-24);height:var(--size-24)}.profile-info{flex:1;min-width:0}.profile-name{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--size-2)}.profile-email{font-size:var(--font-size-caption);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu-divider{height:var(--size-1);background:var(--border-default);margin:var(--spacing-sm) 0}.profile-menu-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-small);color:var(--text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.profile-menu-item .icon{width:var(--size-18);height:var(--size-18)}.profile-menu-item:hover{background:var(--bg-muted);color:var(--text-primary)}.profile-menu-item.logout{color:var(--status-negative)}.profile-menu-item.logout:hover{background:var(--color-rgba-248-113-113-0-1)}.notifications-dropdown{position:relative}.notifications-panel{position:absolute;top:calc(100% + var(--size-8));right:0;width:var(--size-380);max-height:var(--size-500);background:var(--bg-white);border-radius:var(--radius-medium);box-shadow:var(--shadow-dropdown);overflow:hidden;animation:slideDown .2s var(--transition-easing);display:flex;flex-direction:column}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:var(--size-1) solid var(--border-default)}.notifications-header h3{font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.mark-read-btn{background:transparent;border:none;color:var(--primary-base);font-size:var(--size-13);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--size-4) var(--size-8);border-radius:var(--size-6);transition:background var(--transition-duration) var(--transition-easing)}.mark-read-btn:hover{background:var(--bg-soft)}.notifications-list{overflow-y:auto;max-height:var(--size-360)}.notification-item{position:relative;display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:var(--size-1) solid var(--border-default);cursor:pointer;transition:background var(--transition-duration) var(--transition-easing)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-muted)}.notification-item.unread{background:var(--color-hex-f0f4ff)}[data-theme=dark] .notification-item.unread{background:var(--color-rgba-59-130-246-0-15)}.notification-item.unread:hover{background:var(--color-hex-e8eeff)}[data-theme=dark] .notification-item.unread:hover{background:var(--color-rgba-59-130-246-0-25)}.notification-content{flex:1;display:flex;flex-direction:column;gap:var(--size-4)}.notification-title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.notification-message{font-size:var(--size-13);color:var(--text-secondary);line-height:1.4}.notification-time{font-size:var(--size-12);color:var(--text-muted);margin-top:var(--size-2)}.unread-dot{width:var(--size-8);height:var(--size-8);background:var(--primary-base);border-radius:50%;flex-shrink:0;margin-top:var(--size-6)}.notifications-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:var(--size-1) solid var(--border-default)}.view-all-btn{display:block;width:100%;text-align:center;padding:var(--spacing-sm);color:var(--primary-base);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);text-decoration:none;border-radius:var(--size-6);transition:background var(--transition-duration) var(--transition-easing)}.view-all-btn:hover{background:var(--bg-soft)}@media(max-width:1024px){.menu-btn{display:flex}}@media(max-width:768px){.topbar{padding:0 var(--size-16);height:var(--size-60)}.page-title{font-size:var(--size-18);font-weight:var(--font-weight-semibold)}.topbar-right{gap:var(--size-6)}.topbar-icon-btn{width:var(--size-38);height:var(--size-38)}.topbar-icon-btn .icon{width:var(--size-19);height:var(--size-19)}.avatar{width:var(--size-38);height:var(--size-38)}.avatar .icon{width:var(--size-19);height:var(--size-19)}.notifications-panel{width:calc(100vw - var(--size-32));max-width:var(--size-380);right:0}.notifications-header{padding:var(--size-14) var(--size-16)}.notifications-header h3{font-size:var(--size-16)}.notification-item{padding:var(--size-12) var(--size-16)}.notification-title{font-size:var(--size-14)}.notification-message{font-size:var(--size-12)}.profile-menu{width:var(--size-260)}}@media(max-width:480px){.topbar{padding:0 var(--size-12);height:var(--size-56)}.menu-btn{width:var(--size-36);height:var(--size-36);margin-right:var(--size-4)}.menu-btn .icon{width:var(--size-22);height:var(--size-22)}.page-title{font-size:var(--size-17);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100vw - var(--size-200))}.topbar-right{gap:var(--size-4)}.topbar-icon-btn{width:var(--size-36);height:var(--size-36)}.topbar-icon-btn .icon{width:var(--size-18);height:var(--size-18)}.avatar{width:var(--size-36);height:var(--size-36)}.avatar .icon{width:var(--size-18);height:var(--size-18)}.topbar-icon-btn[aria-label=Search]{display:none}.notifications-panel{position:fixed;top:var(--size-56);right:0;left:0;width:100%;max-width:none;max-height:calc(100vh - var(--size-56));border-radius:0}.profile-menu{width:var(--size-240)}}.topbar-notification-modal-overlay{position:fixed;inset:0;background:var(--color-rgba-0-0-0-0-5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn var(--transition-duration) var(--transition-easing)}.topbar-notification-modal{background:var(--bg-card);border-radius:var(--radius-medium);max-width:480px;width:100%;box-shadow:var(--shadow-modal);animation:slideUp var(--transition-duration) var(--transition-easing);overflow:hidden}.topbar-notification-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:var(--size-1) solid var(--border-default)}.topbar-notification-modal-header h3{font-size:var(--size-18);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.topbar-notification-modal-close{width:var(--size-36);height:var(--size-36);display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-small);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-duration) var(--transition-easing)}.topbar-notification-modal-close:hover{background:var(--bg-soft);color:var(--text-primary)}.topbar-notification-modal-close .icon{width:var(--size-20);height:var(--size-20)}.topbar-notification-modal-body{padding:var(--spacing-lg)}.topbar-notification-modal-body p{font-size:var(--font-size-body);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0;line-height:1.6}.topbar-notification-modal-date{font-size:var(--size-13);color:var(--text-muted)}.topbar-notification-modal-footer{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-soft);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.topbar-notification-modal-link{padding:var(--size-10) var(--size-20);background:transparent;color:var(--primary-base);border:var(--size-1) solid var(--primary-base);border-radius:var(--radius-small);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-duration) var(--transition-easing)}.topbar-notification-modal-link:hover{background:var(--primary-base);color:var(--text-white)}.topbar-notification-modal-btn{padding:var(--size-10) var(--size-20);background:var(--primary-base);color:var(--text-white);border:none;border-radius:var(--radius-small);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.topbar-notification-modal-btn:hover{background:var(--primary-dark)}@media(max-width:480px){.topbar-notification-modal-overlay{padding:var(--spacing-md);align-items:flex-end}.topbar-notification-modal{border-radius:var(--radius-medium) var(--radius-medium) 0 0;max-height:80vh;overflow-y:auto}}.verification-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-medium);border:1px solid var(--ds-border);background:var(--ds-surface-card);margin-bottom:var(--spacing-lg);transition:all var(--transition-duration) var(--transition-easing)}.verification-banner:hover{box-shadow:var(--ds-shadow-card-hover)}.verification-banner-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.verification-banner-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-small);flex-shrink:0}.verification-banner-text{flex:1}.verification-banner-title{margin:0;font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold);color:var(--ds-text-strong);margin-bottom:var(--spacing-xs)}.verification-banner-message{margin:0;font-size:var(--font-size-body);color:var(--ds-text-muted);line-height:var(--line-height-normal)}.verification-banner-button{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-small);font-size:var(--font-size-button);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);white-space:nowrap}.verification-banner-required{background:var(--ds-status-draft-bg);border-color:var(--ds-status-draft-border)}.verification-banner-required .verification-banner-icon{background:var(--ds-status-draft-bg);color:var(--ds-status-draft-text)}.verification-banner-required .verification-banner-button{background:var(--primary-gradient);color:var(--text-white);box-shadow:var(--shadow-button)}.verification-banner-required .verification-banner-button:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-primary-hover)}.verification-banner-required .verification-banner-button:active{transform:translateY(0)}.verification-banner-pending{background:var(--ds-status-archived-bg);border-color:var(--ds-status-archived-border)}.verification-banner-pending .verification-banner-icon{background:var(--ds-status-archived-bg);color:var(--ds-status-archived-text)}.verification-banner-pending .verification-banner-button{background:var(--ds-surface-muted);color:var(--ds-text);border:1px solid var(--ds-border)}.verification-banner-pending .verification-banner-button:hover{background:var(--ds-surface-raised);border-color:var(--ds-border-strong)}.verification-banner-rejected{background:var(--color-rgba-239-68-68-0-1);border-color:var(--color-rgba-239-68-68-0-3)}.verification-banner-rejected .verification-banner-icon{background:var(--color-rgba-239-68-68-0-15);color:var(--color-hex-ef4444)}.verification-banner-rejected .verification-banner-button{background:var(--color-hex-ef4444);color:var(--text-white);box-shadow:var(--shadow-danger)}.verification-banner-rejected .verification-banner-button:hover{background:var(--color-hex-dc2626);transform:translateY(-2px);box-shadow:var(--shadow-danger-hover)}.verification-banner-rejected .verification-banner-button:active{transform:translateY(0)}@media(max-width:768px){.verification-banner{flex-direction:column;align-items:stretch;gap:var(--spacing-md);padding:var(--spacing-md)}.verification-banner-content{flex-direction:column;gap:var(--spacing-sm)}.verification-banner-icon{width:var(--size-36);height:var(--size-36)}.verification-banner-title{font-size:var(--size-16)}.verification-banner-message{font-size:var(--size-13)}.verification-banner-button{width:100%;padding:var(--spacing-md) var(--spacing-lg)}}@media(max-width:480px){.verification-banner{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md)}.verification-banner-icon{width:var(--size-32);height:var(--size-32)}.verification-banner-title{font-size:var(--size-15)}.verification-banner-message{font-size:var(--font-size-caption);line-height:1.4}}.layout{display:flex;min-height:100vh;background:var(--bg-page)}.layout-main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:var(--spacing-lg);max-width:var(--size-1440);width:100%;margin:0 auto}.sidebar-overlay{display:none}@media(max-width:1024px){.layout-main{margin-left:0}.sidebar-overlay{display:block;position:fixed;inset:0;background:var(--color-rgba-0-0-0-0-5);z-index:998;animation:fadeIn var(--transition-duration) var(--transition-easing)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@media(max-width:768px){.main-content{padding:var(--size-16)}}@media(max-width:480px){.main-content{padding:var(--size-12)}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-page);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.spinner{width:48px;height:48px;border:3px solid var(--color-rgba-255-255-255-0-1);border-top-color:var(--primary-base);border-radius:50%;animation:spin .8s linear infinite}.loading-brand{font-family:var(--font-family-heading);font-size:var(--size-32);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:-.02em;margin:0}.fade-out{animation:fadeOut .6s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media(max-width:768px){.spinner{width:40px;height:40px}.loading-brand{font-size:var(--size-28)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none;border-top-color:var(--primary-base)}}.login-page{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--gradient-surface-wash);padding:var(--spacing-lg)}.login-container{position:relative;width:100%;max-width:var(--size-480);background:var(--bg-white);border-radius:var(--radius-large);box-shadow:var(--shadow-card);padding:var(--spacing-xl)}.login-header{text-align:center;margin-bottom:var(--spacing-xl);padding-top:var(--spacing-lg)}.login-logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.login-logo .logo-icon{color:var(--primary-base)}.login-logo h1{font-size:var(--size-24);font-weight:var(--font-weight-bold);color:var(--text-primary)}.login-subtitle{color:var(--text-secondary);font-size:var(--font-size-body)}.step-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-xl);gap:var(--spacing-xs)}.step{width:var(--size-32);height:var(--size-32);border-radius:50%;background:var(--color-hex-d1d5db);color:var(--text-white);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-body)}.step.active,.step.completed{background:var(--primary-base);color:var(--text-white)}.step-line{width:var(--size-60);height:var(--size-2);background:var(--border-default)}.step-line.active,.step-line.completed{background:var(--primary-base)}.login-form{display:flex;flex-direction:column}.form-title{font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-xs)}.form-description{text-align:center;color:var(--text-secondary);font-size:var(--font-size-body);margin-bottom:var(--spacing-lg);line-height:1.6}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.phone-input,.code-input{position:relative}.input-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(var(--offset-50p));color:var(--text-muted)}.phone-input input,.code-input input{width:100%;height:var(--size-44);padding:0 var(--size-14);padding-left:60px!important;border:var(--size-1) solid var(--border-default);border-radius:var(--radius-small);font-size:var(--font-size-body);background:var(--bg-card);color:var(--text-primary);outline:none;transition:all var(--transition-duration) var(--transition-easing)}.phone-input input:focus,.code-input input:focus{border-color:var(--primary-base);box-shadow:0 0 0 var(--size-3) var(--color-rgba-93-169-255-0-2)}.code-input input{text-align:center;letter-spacing:var(--size-8);font-size:var(--size-20);font-weight:var(--font-weight-semibold)}.login-button{width:100%;height:var(--size-44);padding:0 var(--spacing-lg);background:var(--primary-gradient);color:var(--text-white);border-radius:var(--radius-pill);font-weight:var(--font-weight-medium);font-size:var(--font-size-button);box-shadow:var(--shadow-button);transition:all var(--transition-duration) var(--transition-easing);margin-bottom:var(--spacing-sm);border:none}.login-button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(var(--offset-1));box-shadow:0 var(--size-8) var(--size-24) var(--color-rgba-93-169-255-0-4)}.login-button:disabled{opacity:.5;cursor:not-allowed}.back-button,.skip-button{width:100%;padding:var(--spacing-sm);background:transparent;color:var(--text-secondary);border-radius:var(--radius-medium);font-weight:var(--font-weight-medium);font-size:var(--font-size-body);transition:background var(--transition-duration) var(--transition-easing),color var(--transition-duration) var(--transition-easing)}.back-button:hover,.skip-button:hover:not(:disabled){background:var(--bg-page);color:var(--text-primary)}.skip-button:disabled{opacity:.5;cursor:not-allowed}.certificates-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.certificate-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border:var(--size-1) solid var(--border-default);border-radius:var(--radius-small);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.certificate-card:hover,.certificate-card.selected{border-color:var(--primary-base);background:var(--bg-soft)}.certificate-card.authenticating{cursor:default;opacity:.8}.cert-icon{width:var(--size-48);height:var(--size-48);background:var(--bg-highlight);border-radius:var(--radius-small);display:flex;align-items:center;justify-content:center;color:var(--primary-base);flex-shrink:0}.cert-info{flex:1}.cert-name{font-size:var(--font-size-card-title);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.cert-details{display:flex;flex-direction:column;gap:var(--size-2);font-size:var(--font-size-caption);color:var(--text-muted)}.cert-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:0 var(--spacing-sm)}.spinner{width:var(--size-24);height:var(--size-24);border:var(--size-3) solid var(--border-light);border-top-color:var(--primary-base);border-radius:50%;animation:spin .8s linear infinite}.cert-status span{font-size:var(--font-size-caption);color:var(--text-secondary);white-space:nowrap}.login-footer{margin-top:var(--spacing-xl);text-align:center;color:var(--text-muted);font-size:var(--font-size-caption)}.login-footer p{margin-bottom:var(--spacing-xs)}.footer-links{display:flex;justify-content:center;gap:var(--spacing-sm);align-items:center}.footer-links a{color:var(--text-secondary);transition:color var(--transition-duration) var(--transition-easing)}.footer-links a:hover{color:var(--primary-base)}.error-message{background:var(--color-hex-fef3f2);color:var(--color-hex-ef4444);padding:var(--spacing-md);border-radius:var(--radius-small);margin-bottom:var(--spacing-md);font-size:var(--font-size-body);text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.input-wrapper{position:relative}.input-wrapper .input-icon{position:absolute;left:var(--size-12);top:50%;transform:translateY(var(--offset-50p));color:var(--text-muted)}.input-wrapper input{width:100%;padding:var(--size-10) var(--size-12) var(--size-10) 40px!important;border:var(--size-1) solid var(--border-default);border-radius:var(--radius-small);font-size:var(--font-size-body);background:var(--bg-card);color:var(--text-primary);transition:border-color var(--transition-duration) var(--transition-easing)}.input-wrapper input:focus{outline:none;border-color:var(--primary-base);box-shadow:0 0 0 var(--size-3) var(--color-rgba-93-169-255-0-2)}.role-select{width:100%;padding:var(--size-10) var(--size-12);border:var(--size-1) solid var(--border-default);border-radius:var(--radius-small);font-size:var(--font-size-body);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-duration) var(--transition-easing)}.role-select:focus{outline:none;border-color:var(--primary-base);box-shadow:0 0 0 var(--size-3) var(--color-rgba-93-169-255-0-2)}.form-footer{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-body)}.link-button{background:none;border:none;color:var(--primary-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-duration) var(--transition-easing);padding:0;font-size:var(--font-size-body)}.link-button:hover{color:var(--primary-dark);text-decoration:underline}.auth-method-selector{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--size-4);background:var(--bg-soft);border-radius:var(--radius-medium)}.method-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--size-12) var(--size-16);background:transparent;border:none;border-radius:var(--radius-small);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.method-btn:hover{color:var(--text-primary)}.method-btn.active{background:var(--bg-card);color:var(--primary-base);box-shadow:var(--shadow-button)}.ecp-info{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-highlight);border-radius:var(--radius-medium);margin-bottom:var(--spacing-lg);text-align:center}.ecp-icon{color:var(--primary-base)}.ecp-info p{color:var(--text-secondary);font-size:var(--font-size-body);line-height:1.5}.otp-info{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-soft);border-radius:var(--radius-medium);margin-bottom:var(--spacing-lg);text-align:center}.otp-icon{color:var(--primary-base)}.otp-info p{color:var(--text-secondary);font-size:var(--font-size-body);line-height:1.5}.otp-info p strong{color:var(--text-primary)}.otp-hint{font-size:var(--font-size-caption);color:var(--text-muted);background:var(--bg-card);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-small);border:1px dashed var(--border-default)}.otp-input-wrapper{max-width:var(--size-200);margin:0 auto}.otp-input{text-align:center!important;letter-spacing:var(--size-8)!important;font-size:var(--size-24)!important;font-weight:var(--font-weight-semibold)!important;padding-left:var(--size-16)!important}.form-hint{margin-top:var(--spacing-xs);font-size:var(--font-size-caption);color:var(--text-muted)}.role-selector-dropdown{position:relative;width:100%}.role-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--size-8) var(--size-12) var(--size-8) 60px!important;background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--radius-small);cursor:pointer;font-size:var(--font-size-body);color:var(--text-primary);transition:all var(--transition-duration) var(--transition-easing);position:relative}.role-toggle:focus{outline:none;border-color:var(--primary-base);box-shadow:0 0 0 var(--size-3) var(--color-rgba-93-169-255-0-2)}.role-value{display:flex;align-items:center;gap:var(--spacing-sm)}.role-value svg{position:absolute;left:var(--size-12);top:50%;transform:translateY(-50%);color:var(--text-muted)}.role-dropdown-menu{position:absolute;top:calc(100% + var(--spacing-xs));left:0;width:100%;background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--radius-small);box-shadow:var(--shadow-dropdown);z-index:10;overflow:hidden}.role-dropdown-option{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--size-12);background:transparent;border:none;text-align:left;cursor:pointer;color:var(--text-secondary);font-size:var(--font-size-body);transition:all var(--transition-duration) var(--transition-easing)}.role-dropdown-option:hover{background:var(--bg-soft);color:var(--text-primary)}.role-dropdown-option.active{background:var(--bg-highlight);color:var(--primary-base)}.login-top-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.login-lang-selector{position:relative}.lang-toggle{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px var(--size-12);background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--radius-small);cursor:pointer;font-size:var(--size-13);color:var(--text-secondary);transition:all var(--transition-duration) var(--transition-easing)}.lang-toggle:hover{border-color:var(--primary-base);color:var(--text-primary)}.lang-icon{width:var(--size-18);height:var(--size-18);color:var(--text-muted)}.chevron-icon{width:var(--size-14);height:var(--size-14);transition:transform var(--transition-duration) var(--transition-easing)}.chevron-icon.open{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:100%;right:0;margin-top:var(--size-4);background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--radius-small);box-shadow:var(--shadow-card);min-width:var(--size-120);z-index:100;overflow:hidden}.lang-option{display:block;width:100%;padding:var(--size-10) var(--size-14);text-align:left;font-size:var(--size-13);color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:background var(--transition-duration) var(--transition-easing),color var(--transition-duration) var(--transition-easing)}.lang-option:hover{background:var(--bg-soft);color:var(--text-primary)}.lang-option.active{background:var(--bg-highlight);color:var(--primary-base);font-weight:var(--font-weight-medium)}.role-label{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-body)}.role-desc{font-size:var(--font-size-caption);color:var(--text-muted);text-align:center}.nca-layer-overlay{position:fixed;inset:0;background:var(--color-rgba-0-0-0-0-6);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nca-layer-modal{background:var(--bg-card);padding:var(--spacing-xl);border-radius:var(--radius-large);box-shadow:var(--shadow-dropdown);max-width:var(--size-480);width:90%;text-align:center;border:1px solid var(--border-default)}.nca-layer-icon-wrap{width:80px;height:80px;margin:0 auto var(--spacing-lg);border-radius:50%;display:flex;align-items:center;justify-content:center}.nca-layer-icon-wrap.nca-connecting,.nca-layer-icon-wrap.nca-signing{background:var(--ds-icon-bg, var(--bg-highlight));color:var(--primary-base)}.nca-layer-icon-wrap.nca-success{background:var(--color-rgba-16-185-129-0-15);color:var(--status-positive, var(--color-hex-10b981))}.nca-layer-title{margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-section-title)}.nca-layer-desc{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-body)}.nca-spinner{width:24px;height:24px;border:3px solid var(--border-default);border-top-color:var(--primary-base);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@media(max-width:768px){.login-page{padding:var(--spacing-md)}.login-container{padding:var(--spacing-lg)}.step-line{width:var(--size-40)}.phone-input input,.code-input input,.login-button{height:var(--size-48);font-size:var(--size-16)}.code-input input{font-size:var(--size-18);letter-spacing:var(--size-6)}}@media(max-width:480px){.login-page{padding:var(--spacing-sm)}.login-container{padding:var(--spacing-md)}.login-logo h1{font-size:var(--size-20)}.step-line{width:var(--size-30)}.step{width:var(--size-28);height:var(--size-28);font-size:var(--size-13)}.certificate-card{flex-direction:column;text-align:center}.cert-icon{margin:0 auto}.cert-status{flex-direction:row}}.home{width:100%}.view-tabs{display:flex;align-items:center;gap:var(--size-8);margin-bottom:var(--spacing-lg);background:var(--bg-white);border-radius:var(--size-16);padding:var(--size-6);border:var(--size-1) solid var(--border-default);box-shadow:0 var(--size-1) var(--size-3) var(--color-rgba-0-0-0-0-1)}.view-tab{flex:1;height:var(--size-44);padding:0 var(--spacing-lg);border:var(--size-1) solid transparent;background:transparent;color:var(--text-secondary);font-size:var(--size-14);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide-02);border-radius:var(--size-12);cursor:pointer}.view-tab.active{background:var(--primary-base);color:var(--text-white);border-color:var(--primary-base);box-shadow:0 var(--size-4) var(--size-12) var(--color-rgba-59-130-246-0-3)}.view-tab:focus-visible{outline:var(--size-3) solid var(--color-rgba-93-169-255-0-35);outline-offset:var(--size-2)}.stats-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);align-items:stretch}.stat-card{background:var(--ds-surface-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-20) var(--size-24);display:flex;align-items:flex-start;gap:var(--size-16);box-shadow:var(--shadow-subtle);position:relative;overflow:hidden;transition:all var(--transition-duration) var(--transition-easing)}.stat-data{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--size-2);text-align:left;flex:1;padding-top:4px}.stat-icon-wrap{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--size-48);height:var(--size-48);border-radius:var(--radius-small);background:var(--color-rgba-239-68-68-0-1);color:var(--color-hex-ef4444);transition:all var(--transition-duration) var(--transition-easing)}.stat-data{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--size-2);text-align:left;flex:1}.stat-label{font-size:var(--size-13);color:var(--text-secondary);font-weight:var(--font-weight-medium);line-height:1.3;order:2;width:100%}.stat-value{font-size:var(--size-28);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2;font-family:var(--font-family-heading);letter-spacing:-.02em;order:1;font-variant-numeric:tabular-nums;display:block;width:100%}@media(max-width:1200px){.stats-dashboard{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-dashboard{grid-template-columns:1fr}}.filters{margin-bottom:var(--size-24);display:flex;align-items:center;gap:var(--size-20)}[data-theme=dark] .filters{background:transparent!important;border-color:transparent;box-shadow:none}.search-box{position:relative;flex:1;max-width:var(--size-500);background:var(--bg-card);border-radius:var(--size-12);border:var(--size-1) solid var(--border-default);box-shadow:0 var(--size-1) var(--size-3) var(--color-rgba-0-0-0-0-1)}[data-theme=dark] .search-box{background:var(--bg-card)!important;border-color:var(--border-default)}.search-box input{width:100%;height:var(--size-44);padding:0 var(--size-12) 0 56px!important;border:none;border-radius:0;background:transparent!important;font-size:var(--size-15);font-family:inherit;color:var(--text-primary);outline:none;transition:all var(--transition-duration) var(--transition-easing)}.search-box input:focus{color:var(--text-primary)}.search-box input::placeholder{color:var(--text-muted);font-weight:var(--font-weight-regular)}.category-filters{display:flex;flex-wrap:wrap;gap:var(--size-8)}.category-btn{height:var(--size-40);padding:0 var(--size-20);border-radius:var(--size-20);background:var(--bg-card);color:var(--text-secondary);font-size:var(--size-14);font-weight:var(--font-weight-medium);border:var(--size-1) solid var(--border-default);cursor:pointer;white-space:nowrap}.category-btn.active{background:var(--primary-base);border-color:var(--primary-base);color:var(--text-white);box-shadow:0 var(--size-2) var(--size-8) var(--color-rgba-59-130-246-0-3)}.table-container{background:var(--bg-white);border-radius:var(--radius-large);box-shadow:var(--shadow-card);overflow:hidden;width:100%;max-width:100%;border:var(--size-1) solid var(--border-default)}.auctions-table{width:100%;border-collapse:collapse;table-layout:auto}.auctions-table thead{background:var(--bg-soft);border-bottom:var(--size-1) solid var(--border-default);transition:background-color var(--transition-duration) var(--transition-easing)}.auctions-table th{padding:var(--size-14) var(--size-16);text-align:left;font-size:var(--size-12);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide-05)}.auctions-table tbody tr{border-bottom:var(--size-1) solid var(--border-default);cursor:pointer}.auctions-table tbody tr:last-child{border-bottom:none}.auctions-table td{padding:var(--size-16);font-size:var(--size-14);color:var(--text-primary)}.table-id{font-weight:var(--font-weight-medium);color:var(--text-muted);font-size:var(--size-13)}.table-title{max-width:var(--size-350)}.title-seller{font-size:var(--size-12);color:var(--text-muted)}.category-badge{display:inline-block;padding:var(--size-4) var(--size-10);background:var(--color-rgba-93-169-255-0-1);color:var(--primary-base);font-size:var(--size-12);font-weight:var(--font-weight-medium);border-radius:var(--size-6);transition:background-color var(--transition-duration) var(--transition-easing),color var(--transition-duration) var(--transition-easing)}[data-theme=dark] .category-badge{background:var(--color-rgba-93-169-255-0-15);color:var(--primary-base)}.table-price{font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap}.table-location{color:var(--text-secondary);font-size:var(--size-13)}.table-seller{color:var(--text-secondary);font-size:var(--size-13);max-width:var(--size-200);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.type-badge{display:inline-block;padding:var(--size-4) var(--size-10);font-size:var(--size-12);font-weight:var(--font-weight-medium);border-radius:var(--size-6);white-space:nowrap}.type-badge.type-up{background:var(--color-rgba-16-185-129-0-1);color:var(--color-hex-10b981)}.type-badge.type-down{background:var(--color-rgba-239-68-68-0-1);color:var(--color-hex-ef4444)}[data-theme=dark] .type-badge.type-up{background:var(--color-rgba-16-185-129-0-15);color:var(--color-hex-34d399)}[data-theme=dark] .type-badge.type-down{background:var(--color-rgba-239-68-68-0-15);color:var(--color-hex-f87171)}.table-bids{font-weight:var(--font-weight-medium);color:var(--text-secondary);text-align:center}.table-time{text-align:right}.time-counter{display:inline-flex;align-items:center;font-family:"Cal Sans",var(--font-family);font-size:var(--size-15);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide-02);padding:var(--size-6) var(--size-12);border-radius:var(--size-6);transition:all var(--transition-duration) var(--transition-easing)}.time-counter.time-normal{color:var(--ds-status-published-text);background:var(--ds-status-published-bg)}.time-counter.time-urgent{color:var(--color-hex-ea580c);background:var(--color-rgba-234-88-12-0-1)}.time-counter.time-critical{color:var(--color-hex-dc2626);background:var(--color-rgba-220-38-38-0-1)}.time-completed-badge{display:inline-block;padding:var(--size-6) var(--size-12);border-radius:var(--size-6);background:var(--bg-muted);font-size:var(--size-13);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.row-live{background:var(--color-rgba-16-185-129-0-04)!important;border-left:3px solid var(--color-hex-10b981)!important}.row-live:hover{background:var(--color-rgba-16-185-129-0-08)!important}.row-waiting{background:var(--color-rgba-59-130-246-0-03)}.title-cell{display:flex;align-items:center;gap:var(--size-8)}.live-dot{width:var(--size-8);height:var(--size-8);border-radius:50%;background:var(--color-hex-10b981);flex-shrink:0;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 0 0 var(--color-rgba-16-185-129-0-4)}50%{opacity:.7;box-shadow:0 0 0 4px transparent}}.live-badge-cell{display:inline-flex;align-items:center;padding:var(--size-4) var(--size-12);border-radius:var(--size-6);background:var(--color-rgba-16-185-129-0-1);color:var(--color-hex-10b981);font-size:var(--size-13);font-weight:var(--font-weight-semibold);letter-spacing:.02em}.icon-live{background:var(--color-rgba-16-185-129-0-1)!important;color:var(--color-hex-10b981)!important}.auction-status-badge{display:inline-flex;align-items:center;padding:var(--size-4) var(--size-10);border-radius:var(--size-6);font-size:var(--size-12);font-weight:var(--font-weight-semibold);white-space:nowrap}.auction-status-badge.live{background:var(--color-rgba-16-185-129-0-1);color:var(--color-hex-10b981);animation:pulse-bg 2s ease-in-out infinite}@keyframes pulse-bg{0%,to{background:var(--color-rgba-16-185-129-0-1)}50%{background:var(--color-rgba-16-185-129-0-18)}}.auction-status-badge.paused{background:var(--color-rgba-234-179-8-0-1);color:var(--color-hex-ca8a04)}.auction-status-badge.waiting{background:var(--color-rgba-59-130-246-0-1);color:var(--primary-base)}.auction-status-badge.completed{background:var(--bg-muted);color:var(--text-secondary)}.auction-status-badge.cancelled{background:var(--color-rgba-220-38-38-0-08);color:var(--color-hex-dc2626)}.auction-status-badge.registration{background:var(--color-rgba-139-92-246-0-1);color:var(--color-hex-7c3aed)}.auction-status-badge.scheduled{background:var(--color-rgba-107-114-128-0-1);color:var(--color-hex-6b7280)}.no-results{text-align:center;padding:var(--spacing-xl);color:var(--text-muted)}.loading{text-align:center;padding:var(--spacing-xl);font-size:var(--font-size-section-title);color:var(--text-secondary)}@media(max-width:1024px){.stats-dashboard{gap:var(--spacing-md)}}@media(max-width:768px){.home{padding:0}.view-tabs{border-radius:var(--size-14)}.view-tab{height:var(--size-40);font-size:var(--size-13)}.stats-dashboard{gap:var(--size-12);margin-bottom:var(--spacing-md)}.stat-card{padding:var(--size-16)}.stat-icon{width:var(--size-24);height:var(--size-24)}.stat-value{font-size:var(--size-28)}.stat-label{font-size:var(--size-12)}.filters{flex-direction:column;align-items:stretch;gap:var(--spacing-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.search-box{max-width:100%}.category-filters{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.category-filters::-webkit-scrollbar{display:none}.category-btn{height:var(--size-36);font-size:var(--size-13);white-space:nowrap;flex-shrink:0}.table-container{border-radius:var(--size-12);background:transparent;box-shadow:none;overflow:visible;border:none}.auctions-table{display:block;width:100%;overflow:hidden}.auctions-table thead{display:none}.auctions-table tbody{display:block}.auctions-table tbody tr{display:block;margin-bottom:var(--size-12);border:none;border-radius:var(--size-12);padding:var(--size-16);background:var(--bg-white);border:var(--size-1) solid var(--border-default);box-shadow:0 var(--size-1) var(--size-3) var(--color-rgba-0-0-0-0-1)}.auctions-table tbody tr:last-child{margin-bottom:0}.auctions-table tbody tr:hover{background:var(--bg-soft);transform:translateY(var(--offset-2));box-shadow:0 var(--size-4) var(--size-12) var(--color-rgba-0-0-0-0-1)}.auctions-table td{display:flex;flex-direction:column;align-items:flex-start;padding:var(--size-12) 0;border-bottom:var(--size-1) solid var(--border-default);gap:var(--size-4)}.auctions-table td:first-child{padding-top:0;border-top:none}.auctions-table td:last-child{border-bottom:none;padding-bottom:0}.auctions-table td:before{content:attr(data-label);font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--size-12);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide-05);min-width:var(--size-100);padding-top:var(--size-2)}.table-id{font-size:var(--size-13);font-weight:var(--font-weight-medium);color:var(--text-primary)}.table-title{max-width:100%}.title-content{text-align:left;max-width:100%;display:flex;flex-direction:column;gap:var(--size-4);align-items:flex-start}.title-text{font-size:var(--size-14);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:1.4;text-align:left}.title-seller{font-size:var(--size-12);color:var(--text-muted);line-height:1.3}.table-price{font-size:var(--size-16);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.table-location{font-size:var(--size-13);color:var(--text-secondary)}.table-seller{font-size:var(--size-13);color:var(--text-secondary);max-width:100%;white-space:normal}.table-bids{color:var(--text-secondary)}.table-time{text-align:right}.time-counter{font-size:var(--size-13);padding:var(--size-5) var(--size-10)}.time-completed-badge{font-size:var(--size-12);padding:var(--size-5) var(--size-10)}.category-badge,.type-badge{font-size:var(--size-12);padding:var(--size-4) var(--size-10);font-weight:var(--font-weight-medium)}}@media(max-width:640px){.stats-dashboard{grid-template-columns:1fr;gap:var(--size-10)}.stat-card{padding:var(--size-14)}.stat-icon{width:var(--size-22);height:var(--size-22)}.stat-value{font-size:var(--size-26)}}@media(max-width:480px){.stat-card{padding:var(--size-12);gap:var(--size-10)}.stat-icon{width:var(--size-20);height:var(--size-20)}.stat-value{font-size:var(--size-24)}.filters{padding:var(--size-12)}.search-box{max-width:100%}.search-box input{height:var(--size-40);font-size:var(--size-14)}.search-icon{width:var(--size-16);height:var(--size-16);left:0}.category-btn{font-size:var(--size-12);height:var(--size-32);padding:0 var(--size-10)}.auctions-table tbody tr{padding:var(--size-14) var(--size-16)}.auctions-table td{padding:var(--size-10) 0}.auctions-table td:before{min-width:var(--size-90);font-size:var(--size-11)}.title-content{max-width:55%}.title-text{font-size:var(--size-13)}.title-seller{font-size:var(--size-11)}.table-price{font-size:var(--size-14)}}.lots-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--size-48);color:var(--text-secondary);gap:var(--size-12)}.lots-list-empty svg{color:var(--text-muted)}.lot-compact-single,.lot-compact-multiple{display:inline-flex;align-items:center;gap:var(--size-8);padding:var(--size-6) var(--size-12);background:var(--ds-surface-muted);border-radius:var(--size-10);font-size:var(--size-14);color:var(--text-primary)}.lot-compact-single svg,.lot-compact-multiple svg{color:var(--primary-base)}.lots-list{width:100%}.lots-list-header{margin-bottom:var(--size-20)}.lots-list-header h3{display:flex;align-items:center;gap:var(--size-12);font-size:var(--size-18);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.lots-list-header svg{color:var(--primary-base)}.lots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--size-300),1fr));gap:var(--size-20)}@media(max-width:768px){.lots-grid{grid-template-columns:1fr}}.lot-card{background:var(--ds-surface-card);border:1px solid var(--ds-border);border-radius:var(--size-16);padding:var(--size-20);transition:all var(--transition-duration) var(--transition-easing)}.lot-card.clickable{cursor:pointer}.lot-card.clickable:hover{transform:translateY(var(--size-n2));box-shadow:var(--ds-shadow-card-hover);border-color:var(--primary-base)}.lot-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--size-12)}.lot-number{font-size:var(--size-13);font-weight:var(--font-weight-semibold);color:var(--primary-base);padding:var(--size-4) var(--size-10);background:var(--color-rgba-93-169-255-0-1);border-radius:var(--size-6)}.lot-status{font-size:var(--size-12);font-weight:var(--font-weight-medium);padding:var(--size-4) var(--size-8);border-radius:var(--size-6)}.lot-status-published{background:var(--ds-status-published-bg);color:var(--ds-status-published-text);border:1px solid var(--ds-status-published-border)}.lot-status-draft{background:var(--color-rgba-93-169-255-0-1);color:var(--primary-base)}.lot-status-archived{background:var(--ds-surface-muted);color:var(--text-secondary)}.lot-name{font-size:var(--size-16);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--size-8) 0;line-height:1.4}.lot-description{font-size:var(--size-14);color:var(--text-secondary);margin:0 0 var(--size-12) 0;line-height:1.5}.lot-meta{display:flex;flex-wrap:wrap;gap:var(--size-8);margin-top:var(--size-12);padding-top:var(--size-12);border-top:1px solid var(--ds-border)}.lot-category,.lot-location{font-size:var(--size-12);color:var(--text-muted);padding:var(--size-4) var(--size-8);background:var(--ds-surface-muted);border-radius:var(--size-6)}.lot-location{display:flex;align-items:center;gap:var(--size-4)}.lot-view-button{width:100%;margin-top:var(--size-12);padding:var(--size-10) var(--size-16);background:var(--primary-gradient);color:var(--text-white);border:none;border-radius:var(--size-8);font-size:var(--size-14);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);box-shadow:var(--ds-shadow-primary)}.lot-view-button:hover{transform:translateY(var(--size-n2));box-shadow:var(--ds-shadow-primary-hover)}.lot-view-button:active{transform:translateY(0)}.modal-overlay{position:fixed;inset:0;background:var(--color-rgba-0-0-0-0-5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--size-20);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-card);border-radius:var(--size-16);box-shadow:var(--ds-shadow-modal);max-width:1200px;width:100%;max-height:90vh;display:flex;flex-direction:column;border:1px solid var(--ds-border)}.lot-detail-modal{text-align:left}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--size-24);border-bottom:1px solid var(--ds-border);flex-shrink:0}.modal-header-content{display:flex;align-items:center;gap:var(--size-16);flex:1}.modal-header-content svg{color:var(--primary-base);flex-shrink:0}.modal-header-content h2{margin:0 0 var(--size-4) 0;font-size:var(--size-20);font-weight:var(--font-weight-bold);color:var(--text-primary)}.lot-number-badge{display:inline-block;padding:var(--size-4) var(--size-10);background:var(--color-rgba-93-169-255-0-1);color:var(--primary-base);border-radius:var(--size-6);font-size:var(--size-12);font-weight:var(--font-weight-semibold)}.modal-close-btn{width:var(--size-40);height:var(--size-40);display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--size-8);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);flex-shrink:0}.modal-close-btn:hover{background:var(--ds-surface-muted);color:var(--text-primary)}.modal-body{padding:var(--size-24);overflow-y:auto;flex:1;text-align:left!important}.lot-image-section{width:100%;height:400px;background:var(--ds-surface-muted);border-radius:var(--size-12);overflow:hidden;margin-bottom:var(--size-24);border:1px solid var(--ds-border);display:flex;align-items:center;justify-content:center}.lot-image-section img{width:100%;height:100%;object-fit:cover}.lot-image-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--size-12);color:var(--text-secondary)}.lot-image-placeholder svg{width:var(--size-64);height:var(--size-64);opacity:.5}.lot-image-placeholder p{margin:0;font-size:var(--size-14)}.lot-badges{display:flex;gap:var(--size-12);margin-bottom:var(--size-24);flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:var(--size-6);padding:var(--size-6) var(--size-12);border-radius:var(--size-8);font-size:var(--size-13);font-weight:var(--font-weight-semibold)}.badge svg{width:var(--size-16);height:var(--size-16)}.badge-type{background:var(--ds-surface-muted);color:var(--text-primary);border:1px solid var(--ds-border)}.badge-status{border:1px solid var(--ds-border)}.badge-status-published{background:var(--ds-status-published-bg);color:var(--ds-status-published-text);border-color:var(--ds-status-published-border)}.badge-status-draft{background:var(--color-rgba-93-169-255-0-1);color:var(--primary-base)}.badge-status-archived{background:var(--ds-surface-muted);color:var(--text-secondary)}.badge-status-sold{background:var(--color-rgba-16-185-129-0-1);color:var(--color-hex-10b981)}.lot-section{margin-bottom:var(--size-24);padding:var(--size-20);background:var(--ds-surface-muted);border-radius:var(--size-12);border:1px solid var(--ds-border)}.lot-section:last-child{margin-bottom:0}.section-title{display:flex;align-items:center;gap:var(--size-10);font-size:var(--size-16);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--size-16) 0}.section-title svg{color:var(--primary-base)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--size-16);align-items:start}.info-item{display:flex;flex-direction:column;gap:var(--size-6);align-self:start}.info-item.highlight{padding:var(--size-12);background:var(--bg-card);border-radius:var(--size-8);border:1px solid var(--primary-base)}.info-label{font-size:var(--size-11);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:var(--size-14);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:flex;align-items:flex-start;gap:var(--size-6);word-break:break-word;overflow-wrap:break-word;line-height:1.5}.info-value svg{color:var(--primary-base);flex-shrink:0}.price-value{font-size:var(--size-18);color:var(--primary-base)}.lot-description{margin-top:var(--size-16);padding-top:var(--size-16);border-top:1px solid var(--ds-border);text-align:left}.lot-description p{font-size:var(--size-14);color:var(--text-secondary);line-height:1.6;margin:0;text-align:left}.disclosure-level{padding:var(--size-16);border-radius:var(--size-10);border:var(--size-2) solid;margin-top:var(--size-16)}.disclosure-level-1{background:var(--color-rgba-93-169-255-0-05);border-color:var(--color-rgba-93-169-255-0-2)}.disclosure-level-2-section{background:var(--color-rgba-245-158-11-0-05);border:var(--size-2) solid var(--color-rgba-245-158-11-0-2)}.disclosure-level-3{background:var(--color-rgba-16-185-129-0-05);border-color:var(--color-rgba-16-185-129-0-2)}.disclosure-title{font-size:var(--size-14);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--size-16) 0;display:flex;align-items:center;gap:var(--size-8)}.disclosure-badge{font-size:var(--size-11);font-weight:var(--font-weight-semibold);color:var(--text-muted);background:var(--bg-white);padding:var(--size-4) var(--size-8);border-radius:var(--size-6);border:var(--size-1) solid var(--ds-border);margin-left:auto}.admitted-section{background:var(--color-rgba-16-185-129-0-05);border-color:var(--color-rgba-16-185-129-0-2)}.admitted-badge{display:flex;align-items:center;gap:var(--size-10);padding:var(--size-12);background:var(--bg-card);border-radius:var(--size-8);margin-bottom:var(--size-16);color:var(--color-hex-10b981);font-weight:var(--font-weight-semibold);font-size:var(--size-13);border:1px solid var(--color-rgba-16-185-129-0-2)}.admitted-badge svg{flex-shrink:0}.nda-required{background:var(--color-rgba-245-158-11-0-05);border-color:var(--color-rgba-245-158-11-0-2)}.nda-notice{text-align:center;padding:var(--size-32)}.nda-notice svg{color:var(--color-hex-f59e0b);margin-bottom:var(--size-16)}.nda-notice h3{font-size:var(--size-18);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--size-12) 0}.nda-notice p{font-size:var(--size-14);color:var(--text-secondary);line-height:1.6;max-width:400px;margin:0 auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--size-12);padding:var(--size-24);border-top:1px solid var(--ds-border);flex-shrink:0}.btn{padding:var(--size-12) var(--size-24);border-radius:var(--size-8);font-size:var(--size-14);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);border:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--size-8)}.btn-secondary{background:var(--ds-surface-muted);color:var(--text-primary);border:1px solid var(--ds-border)}.btn-secondary:hover{background:var(--bg-soft)}@media(max-width:1024px){.modal-content{max-width:900px}.lot-image-section{height:350px}}@media(max-width:768px){.modal-overlay{padding:0}.modal-content{max-height:100vh;border-radius:0;max-width:100%}.lot-image-section{height:250px;border-radius:var(--size-8)}.info-grid{grid-template-columns:1fr}.modal-header{padding:var(--size-16)}.modal-header-content h2{font-size:var(--size-18)}.modal-body,.modal-footer,.lot-section{padding:var(--size-16)}.lot-image-placeholder svg{width:var(--size-48);height:var(--size-48)}}@media(max-width:480px){.modal-overlay{padding:0}.modal-content{border-radius:0}.modal-header{padding:var(--size-12);flex-wrap:wrap}.modal-header-content{flex-direction:column;align-items:flex-start;gap:var(--size-8)}.modal-header-content h2{font-size:var(--size-16)}.modal-body,.modal-footer,.lot-section{padding:var(--size-12)}.info-grid{grid-template-columns:1fr;gap:var(--size-12)}.info-item{width:100%}.info-value{font-size:var(--size-13)}.lot-image-section{height:200px;margin-bottom:var(--size-16)}.section-title{font-size:var(--size-14)}.btn{padding:var(--size-10) var(--size-16);font-size:var(--size-13)}}.lot-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--size-64) var(--size-24);gap:var(--size-16);color:var(--text-secondary)}.lot-loading p{margin:0;font-size:var(--size-14)}.spinner-icon{animation:spin 1s linear infinite;color:var(--primary-base)}.lot-error{display:flex;align-items:center;justify-content:center;padding:var(--size-32);background:var(--color-rgba-239-68-68-0-1);border-radius:var(--size-8);border:1px solid var(--color-rgba-239-68-68-0-15)}.lot-error p{margin:0;color:var(--color-hex-ef4444);font-size:var(--size-14);font-weight:var(--font-weight-medium)}.auction-detail{padding:var(--size-24) var(--size-32);max-width:1600px;margin:0 auto;background:var(--bg-page)}.back-link{display:inline-flex;align-items:center;gap:var(--size-8);color:var(--text-secondary);font-size:var(--size-14);font-weight:var(--font-weight-medium);margin-bottom:var(--size-20);transition:color var(--transition-duration) var(--transition-easing);padding:var(--size-8) var(--size-12);border-radius:var(--size-8)}.back-link:hover{color:var(--primary-base);background:var(--bg-soft)}.back-link .icon{width:var(--size-18);height:var(--size-18)}.auction-detail-content{display:flex;flex-direction:column;gap:var(--size-24);max-width:1200px;margin:0 auto}.auction-detail-info{background:var(--bg-card);border-radius:var(--size-16);padding:var(--size-32);border:1px solid var(--border-default);display:flex;flex-direction:column;gap:var(--size-24)}.detail-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--size-16);border-bottom:1px solid var(--border-default);gap:var(--size-16)}.detail-header-left{display:flex;align-items:center;gap:var(--size-12);flex:1}.detail-category{display:inline-flex;align-items:center;background:var(--ds-surface-muted);color:var(--text-primary);padding:var(--size-6) var(--size-12);border-radius:var(--size-8);font-size:var(--size-13);font-weight:var(--font-weight-semibold);border:1px solid var(--ds-border)}.status-badge{padding:var(--size-6) var(--size-12);border-radius:var(--size-8);font-size:var(--size-12);font-weight:var(--font-weight-semibold)}.status-badge.status-active{background:var(--ds-status-published-bg);color:var(--ds-status-published-text);border:1px solid var(--ds-status-published-border)}.status-badge.status-ended{background:var(--color-rgba-239-68-68-0-1);color:var(--color-hex-ef4444);border:1px solid var(--color-rgba-239-68-68-0-15)}.status-badge.status-waiting{background:var(--color-rgba-245-158-11-0-125);color:var(--color-hex-f59e0b);border:1px solid var(--color-rgba-245-158-11-0-15)}.status-badge.status-paused{background:var(--color-rgba-59-130-246-0-1);color:var(--color-hex-3b82f6);border:1px solid var(--color-rgba-59-130-246-0-15)}.detail-title{font-size:var(--size-24);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.3;margin:0}.detail-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--size-12)}.meta-item{display:flex;align-items:start;gap:var(--size-10);padding:var(--size-12);background:var(--ds-surface-muted);border-radius:var(--size-10);border:1px solid var(--ds-border)}.meta-icon{width:var(--size-18);height:var(--size-18);color:var(--primary-base);flex-shrink:0;margin-top:var(--size-2)}.meta-item>div{display:flex;flex-direction:column;gap:var(--size-2);min-width:0}.meta-label{font-size:var(--size-11);color:var(--text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.meta-value{font-size:var(--size-13);color:var(--text-primary);font-weight:var(--font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.description-section{padding-top:var(--size-4)}.section-title{font-size:var(--size-15);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--size-10)}.detail-description{color:var(--text-secondary);font-size:var(--size-14);line-height:1.6}.bid-section{padding-top:var(--size-4)}.bid-info-card{display:flex;align-items:center;justify-content:space-between;gap:var(--size-20);padding:var(--size-24);background:var(--bg-card);border-radius:var(--size-12);border:1px solid var(--ds-border)}.bid-info-item{display:flex;flex-direction:column;gap:var(--size-6);align-items:center;text-align:center}.bid-info-item>div{display:flex;flex-direction:column;gap:var(--size-4);align-items:center}.bid-info-divider{width:1px;height:var(--size-48);background:var(--ds-border)}.bid-icon{width:var(--size-20);height:var(--size-20);color:var(--primary-base);flex-shrink:0;margin-bottom:var(--size-4)}.bid-label{font-size:var(--size-11);color:var(--ds-text-muted);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.bid-value{font-size:var(--size-22);font-weight:var(--font-weight-bold);color:var(--primary-base);line-height:1}.time-value{font-size:var(--size-18);font-weight:var(--font-weight-bold);color:var(--text-primary);font-family:SF Mono,Monaco,Consolas,monospace;letter-spacing:-.5px}.bid-form{display:flex;flex-direction:column;gap:var(--size-16);padding:var(--size-20);background:var(--ds-surface-muted);border-radius:var(--size-12);border:1px solid var(--ds-border)}.bid-input-wrapper{display:flex;flex-direction:column;gap:var(--size-8)}.bid-input-label{font-size:var(--size-13);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.bid-input-group{position:relative;display:flex;align-items:center}.currency-symbol{position:absolute;left:var(--size-16);color:var(--text-secondary);font-weight:var(--font-weight-semibold);font-size:var(--size-16);pointer-events:none}.bid-input-group input{width:100%;height:var(--size-48);padding:0 var(--size-16) 0 var(--size-40);border:2px solid var(--ds-border);border-radius:var(--size-10);background:var(--ds-surface-card);font-size:var(--size-15);font-weight:var(--font-weight-semibold);color:var(--text-primary);transition:all var(--transition-duration) var(--transition-easing)}.bid-input-group input:focus{outline:none;border-color:var(--primary-base);box-shadow:0 0 0 3px var(--color-rgba-93-169-255-0-1)}.bid-input-group input::placeholder{color:var(--text-muted);font-weight:var(--font-weight-regular)}.bid-hint{font-size:var(--size-12);color:var(--text-secondary);margin:0}.bid-button{height:var(--size-48);padding:0 var(--size-32);background:var(--primary-base);color:var(--text-white);border-radius:var(--size-10);font-size:var(--size-15);font-weight:var(--font-weight-semibold);border:none;cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);display:flex;align-items:center;justify-content:center;gap:var(--size-8);box-shadow:var(--ds-shadow-primary)}.bid-button:hover{background:var(--primary-gradient);transform:translateY(-1px);box-shadow:var(--ds-shadow-primary-hover)}.bid-button:active{transform:translateY(0)}.button-icon{width:var(--size-18);height:var(--size-18)}.auction-room-btn-mini{display:flex;align-items:center;gap:var(--size-6);padding:var(--size-6) var(--size-12);background:var(--ds-surface-muted);border:1px solid var(--ds-border);border-radius:var(--size-8);color:var(--primary-base);font-size:var(--size-13);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);flex-shrink:0}.auction-room-btn-mini:hover{background:var(--gradient-accent-soft);border-color:var(--primary-base);transform:translateY(-1px);box-shadow:var(--ds-shadow-primary)}.auction-room-btn-mini:active{transform:translateY(0)}.auction-room-btn-mini .room-icon{width:var(--size-16);height:var(--size-16);flex-shrink:0}.additional-info{padding-top:var(--size-16);border-top:1px solid var(--border-default)}.ad-info-row{display:flex;align-items:center;gap:var(--size-12);padding:var(--size-16);background:var(--ds-surface-muted);border-radius:var(--size-12);border:1px solid var(--ds-border)}.ad-info-icon{width:var(--size-20);height:var(--size-20);color:var(--text-secondary);flex-shrink:0}.ad-info-label{font-size:var(--size-13);color:var(--text-secondary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.ad-info-value{font-size:var(--size-18);color:var(--text-primary);font-weight:var(--font-weight-bold);margin-left:auto}.not-found{text-align:center;padding:var(--size-64) var(--size-32);background:var(--bg-card);border-radius:var(--size-16);border:1px solid var(--border-default)}.not-found h2{font-size:var(--size-24);color:var(--text-primary);margin-bottom:var(--size-24)}@media(max-width:1024px){.detail-meta-grid{grid-template-columns:1fr}.bid-info-card{flex-direction:column;gap:var(--size-16);align-items:stretch}.bid-info-item{align-items:flex-start;text-align:left}.bid-info-divider{width:100%;height:1px}}@media(max-width:768px){.auction-detail{padding:var(--size-16)}.bid-info-card{padding:var(--size-20)}.bid-value{font-size:var(--size-20)}.auction-detail-info{padding:var(--size-20)}.detail-title{font-size:var(--size-20)}.bid-value{font-size:var(--size-18)}.time-value{font-size:var(--size-16)}.bid-info-card,.bid-form{padding:var(--size-16)}.detail-meta-grid{grid-template-columns:1fr}}@media(max-width:480px){.auction-detail{padding:var(--size-12)}.auction-detail-info{padding:var(--size-16);gap:var(--size-16)}.detail-header{flex-direction:column;align-items:flex-start;gap:var(--size-10)}.detail-title{font-size:var(--size-18)}.detail-meta-grid{grid-template-columns:1fr;gap:var(--size-10)}.meta-item{padding:var(--size-10)}.section-title{font-size:var(--size-14)}.detail-description{font-size:var(--size-13)}.bid-info-card{padding:var(--size-16);gap:var(--size-12)}.bid-value{font-size:var(--size-18)}.time-value{font-size:var(--size-14)}.bid-form{padding:var(--size-16)}.bid-input-group input{height:var(--size-42);font-size:var(--size-14)}.bid-button{height:var(--size-42);padding:0 var(--size-24);font-size:var(--size-14)}.auction-room-btn-mini{padding:var(--size-5) var(--size-10);font-size:var(--size-12)}.ad-info-row{padding:var(--size-12) var(--size-14);gap:var(--size-10);flex-wrap:wrap}.ad-info-label{font-size:var(--size-12)}.ad-info-value{font-size:var(--size-16);margin-left:0;width:100%;text-align:left}}.auction-timer{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-card);border-radius:var(--radius-medium);border:1px solid var(--border-default)}.timer-label{font-size:var(--size-11);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.timer-display{font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1.1;transition:color var(--transition-duration) var(--transition-easing)}.timer-display.warning{color:var(--color-hex-f59e0b)}.timer-display.urgent{color:var(--color-hex-ef4444);animation:timer-pulse 1s ease-in-out infinite}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.6}}.timer-progress-bar{width:100%;height:var(--size-6);background:var(--bg-muted);border-radius:var(--radius-pill);overflow:hidden}.timer-progress-fill{height:100%;background:var(--status-positive);border-radius:var(--radius-pill);transition:width .5s linear,background-color var(--transition-duration) var(--transition-easing)}.timer-progress-fill.warning{background:var(--color-hex-f59e0b)}.timer-progress-fill.urgent{background:var(--color-hex-ef4444)}.timer-note{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-hex-f59e0b);padding:var(--spacing-xs) var(--size-10);background:var(--color-rgba-245-158-11-0-1);border-radius:var(--radius-small);border:1px solid var(--color-rgba-245-158-11-0-2);align-self:flex-start}@media(max-width:640px){.auction-timer{padding:var(--spacing-md)}.timer-display{font-size:2rem}}.timeline-event{display:flex;align-items:flex-start;gap:var(--size-12);padding:var(--size-12);border-radius:var(--radius-small);transition:background var(--transition-duration) var(--transition-easing);max-width:100%;overflow:hidden;border-bottom:1px solid var(--border-default)}.timeline-event:last-child{border-bottom:none}.timeline-event:hover{background:var(--bg-soft)}.timeline-event.own-action{background:var(--color-rgba-93-169-255-0-05);border-left:3px solid var(--primary-base);padding-left:var(--size-9)}.timeline-event.own-action:hover{background:var(--color-rgba-93-169-255-0-08)}.timeline-event.latest-event{position:relative;background:var(--color-rgba-59-130-246-0-06);border-left:3px solid var(--color-hex-60a5fa);padding-left:var(--size-9);animation:highlight-fade 2s ease-out}.timeline-event.latest-event:after{content:"НОВОЕ";position:absolute;top:var(--size-8);right:var(--size-8);font-size:var(--size-9);font-weight:var(--font-weight-bold);color:var(--color-hex-60a5fa);background:var(--color-rgba-59-130-246-0-12);padding:var(--size-2) var(--size-6);border-radius:var(--radius-small);letter-spacing:.05em}.timeline-event.latest-event.own-action{background:var(--color-rgba-93-169-255-0-08);border-left-color:var(--primary-base)}.timeline-event.latest-event.own-action:after{color:var(--primary-base);background:var(--color-rgba-93-169-255-0-12)}@keyframes highlight-fade{0%{background:var(--color-rgba-59-130-246-0-15)}to{background:var(--color-rgba-59-130-246-0-06)}}.event-icon{display:flex;align-items:center;justify-content:center;min-width:var(--size-32);height:var(--size-32);border-radius:50%;flex-shrink:0}.event-content{flex:1;display:flex;flex-direction:column;gap:var(--size-4);min-width:0;overflow:hidden}.event-description{margin:0;font-size:var(--font-size-body);color:var(--text-primary);line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.event-price{font-weight:var(--font-weight-bold);color:var(--status-positive);white-space:nowrap}.event-time{font-size:var(--size-11);color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-medium);letter-spacing:.02em}.event-details{margin:var(--size-2) 0 0 0;font-size:var(--font-size-caption);color:var(--text-muted);font-style:italic;word-wrap:break-word;overflow-wrap:break-word}.event-start .event-icon,.event-end .event-icon{background:var(--color-rgba-16-185-129-0-18);color:var(--color-hex-34d399)}.event-bid .event-icon{background:var(--color-rgba-59-130-246-0-15);color:var(--color-hex-60a5fa)}.event-price_change .event-icon{background:var(--color-rgba-245-158-11-0-15);color:var(--color-hex-fbbf24)}.event-nst .event-icon,.event-failure .event-icon{background:var(--color-rgba-239-68-68-0-18);color:var(--color-hex-f87171)}.event-phase_switch .event-icon{background:var(--color-rgba-139-92-246-0-18);color:var(--color-hex-a78bfa)}.event-purchase_confirmed .event-icon{background:var(--color-rgba-16-185-129-0-18);color:var(--color-hex-34d399)}.event-round_end .event-icon{background:var(--color-rgba-107-114-128-0-15);color:var(--color-hex-9ca3af)}.no-events{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);color:var(--text-muted)}.no-events p{margin:0;font-size:var(--font-size-body)}@media(max-width:640px){.timeline-event{padding:var(--size-10);gap:var(--size-10)}.event-icon{min-width:var(--size-28);height:var(--size-28)}.event-description{font-size:var(--font-size-caption)}}.bid-input{display:flex;flex-direction:column;gap:var(--spacing-md)}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--size-14);color:var(--text-muted);pointer-events:none}.input-group input{width:100%;padding:var(--size-12) var(--size-14) var(--size-12) var(--size-42);font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold);font-family:var(--font-family);color:var(--text-primary);background:var(--bg-soft);border:1px solid var(--border-default);border-radius:var(--radius-small);transition:all var(--transition-duration) var(--transition-easing)}.input-group input:focus{outline:none;border-color:var(--primary-base);box-shadow:0 0 0 var(--size-3) var(--color-rgba-93-169-255-0-15)}.input-group input:disabled{opacity:.5;cursor:not-allowed}.input-group input[type=number]::-webkit-inner-spin-button,.input-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-group input[type=number]{-moz-appearance:textfield}.error-text{margin:-8px 0 0;font-size:var(--font-size-caption);color:var(--color-hex-ef4444);font-weight:var(--font-weight-medium)}.quick-bids{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.quick-bid-btn{padding:var(--size-8) var(--size-12);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);font-family:var(--font-family);color:var(--text-secondary);background:var(--bg-soft);border:1px solid var(--border-default);border-radius:var(--radius-small);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.quick-bid-btn:hover:not(:disabled){background:var(--bg-muted);color:var(--text-primary);border-color:var(--ds-border-strong)}.quick-bid-btn:disabled{opacity:.4;cursor:not-allowed}.submit-bid-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--size-14) var(--spacing-lg);font-size:var(--font-size-button);font-weight:var(--font-weight-semibold);font-family:var(--font-family);color:var(--text-white);background:var(--primary-base);border:none;border-radius:var(--radius-small);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.submit-bid-btn:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--shadow-button)}.submit-bid-btn:disabled{opacity:.5;cursor:not-allowed}.min-bid-hint{margin:0;font-size:var(--font-size-caption);color:var(--text-muted);text-align:center;font-weight:var(--font-weight-medium)}@media(max-width:640px){.input-group input{font-size:var(--font-size-body);padding:var(--size-10) var(--size-12) var(--size-10) var(--size-38)}.quick-bid-btn{padding:var(--size-6) var(--size-8);font-size:var(--size-11)}.submit-bid-btn{padding:var(--size-12) var(--spacing-md)}}.operator-controls{background:var(--bg-card);padding:var(--spacing-lg);border-radius:var(--radius-medium);border:1px solid var(--border-default)}.oc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.operator-controls h3{font-size:var(--size-15);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.oc-status{display:inline-flex;align-items:center;padding:var(--size-3) var(--size-10);border-radius:var(--radius-pill);font-size:var(--size-11);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide-03);text-transform:uppercase}.oc-status.waiting{background:var(--color-rgba-245-158-11-0-12);color:var(--color-hex-f59e0b)}.oc-status.active{background:var(--color-rgba-16-185-129-0-12);color:var(--color-hex-10b981)}.oc-status.paused{background:var(--color-rgba-99-102-241-0-12);color:var(--color-hex-6366f1)}.oc-status.completed,.oc-status.failed,.oc-status.cancelled{background:var(--bg-soft);color:var(--text-muted)}.controls-grid{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.operator-controls button{display:flex;align-items:center;justify-content:center;gap:var(--size-6);padding:var(--size-10) var(--size-20);border:none;border-radius:var(--radius-small);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.operator-controls button:hover{transform:translateY(-1px)}.operator-controls button:active{transform:translateY(0)}.btn-start{background:var(--gradient-green);color:var(--text-white);flex:1}.btn-pause{background:var(--color-rgba-99-102-241-0-15);color:var(--color-hex-6366f1);flex:1}.btn-pause:hover{background:var(--color-rgba-99-102-241-0-25)}.btn-resume{background:var(--color-rgba-59-130-246-0-15);color:var(--color-hex-3b82f6);flex:1}.btn-resume:hover{background:var(--color-rgba-59-130-246-0-25)}.btn-cancel{background:var(--color-rgba-239-68-68-0-1);color:var(--color-hex-ef4444)}.btn-cancel:hover{background:var(--color-rgba-239-68-68-0-18)}.controls-completed{width:100%;text-align:center;padding:var(--spacing-md)}.oc-result-badge{display:inline-block;padding:var(--spacing-xs) var(--size-14);border-radius:var(--radius-pill);font-size:var(--size-13);font-weight:var(--font-weight-semibold)}.oc-result-badge.completed{background:var(--color-rgba-16-185-129-0-1);color:var(--color-hex-059669)}.oc-result-badge.failed{background:var(--color-rgba-239-68-68-0-1);color:var(--color-hex-ef4444)}.oc-result-badge.cancelled{background:var(--bg-muted);color:var(--text-secondary)}@media(max-width:640px){.operator-controls{padding:var(--spacing-md)}.controls-grid{flex-direction:column}}.auction-room{min-height:100vh;background:var(--bg-page);color:var(--text-primary);font-family:var(--font-family);overflow-x:hidden;width:100%}.ar-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:var(--topbar-height);padding:0 var(--spacing-lg);background:var(--bg-card);border-bottom:1px solid var(--border-default)}.ar-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.ar-back{display:flex;align-items:center;justify-content:center;width:var(--size-36);height:var(--size-36);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-small);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.ar-back:hover{background:var(--bg-soft);color:var(--text-primary)}.ar-title{font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.ar-phase-badge{display:inline-flex;align-items:center;gap:var(--size-6);padding:var(--spacing-xs) var(--size-12);border-radius:var(--radius-pill);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:1}.ar-phase-badge.ascending{background:var(--color-rgba-16-185-129-0-15);color:var(--color-hex-34d399)}.ar-phase-badge.descending{background:var(--color-rgba-59-130-246-0-15);color:var(--color-hex-60a5fa)}.ar-phase-badge.hybrid{background:var(--color-rgba-168-85-247-0-15);color:var(--color-hex-a78bfa)}.ar-winner-badge{display:inline-flex;align-items:center;gap:var(--size-6);padding:var(--spacing-xs) var(--size-12);border-radius:var(--radius-pill);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:1;background:linear-gradient(135deg,var(--color-rgba-16-185-129-0-15) 0%,var(--color-rgba-52-211-153-0-1) 100%);color:var(--status-positive);animation:winner-glow 2s ease-in-out infinite}@keyframes winner-glow{0%,to{box-shadow:0 0 0 var(--color-rgba-16-185-129-0-4)}50%{box-shadow:0 0 var(--size-12) var(--color-rgba-16-185-129-0-4)}}.ar-header-right{display:flex;align-items:center;gap:var(--size-8)}.ar-status-dot{width:var(--size-8);height:var(--size-8);border-radius:50%}.ar-status-dot.online{background:var(--status-positive);box-shadow:0 0 6px var(--status-positive)}.ar-status-dot.offline{background:var(--status-negative)}.ar-status-text{font-size:var(--font-size-caption);color:var(--text-muted);font-weight:var(--font-weight-medium)}.ar-body{display:grid;grid-template-columns:1fr 420px;gap:var(--spacing-lg);max-width:1400px;margin:0 auto;padding:calc(var(--topbar-height) + var(--spacing-lg)) var(--spacing-lg) var(--spacing-lg);min-height:100vh;overflow-x:hidden;width:100%}.ar-main{display:flex;flex-direction:column;gap:var(--spacing-md)}.ar-top-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.ar-price-block{display:flex;flex-direction:column;gap:var(--size-8);padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-medium)}.ar-price-label{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.ar-price-value{font-size:var(--size-36);font-weight:var(--font-weight-bold);color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1.1}.ar-price-leader{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--text-muted);padding:var(--spacing-xs) var(--size-10);background:var(--bg-soft);border-radius:var(--radius-pill);align-self:flex-start}.ar-timer-block{display:flex}.ar-timer-block .auction-timer{flex:1}.ar-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1px;background:var(--border-default);border-radius:var(--radius-medium);overflow:hidden}.ar-stat{display:flex;flex-direction:column;gap:var(--size-4);padding:var(--spacing-md);background:var(--bg-card)}.ar-stat-label{font-size:var(--size-11);font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.ar-stat-value{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.ar-alert{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-small);font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.ar-alert-error{background:var(--color-rgba-239-68-68-0-1);color:var(--color-hex-f87171);border:1px solid var(--color-rgba-239-68-68-0-18)}.ar-alert-success{background:var(--color-rgba-16-185-129-0-1);color:var(--color-hex-34d399);border:1px solid var(--color-rgba-16-185-129-0-2)}.ar-phase-transition-banner{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-rgba-168-85-247-0-12) 0%,var(--color-rgba-59-130-246-0-12) 100%);border:1px solid var(--color-rgba-168-85-247-0-3);border-radius:var(--radius-medium);animation:phase-transition-appear .5s ease-out}@keyframes phase-transition-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ar-phase-transition-icon{color:var(--color-hex-a78bfa);flex-shrink:0;animation:phase-spin 1s ease-in-out}@keyframes phase-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ar-phase-transition-text{display:flex;flex-direction:column;gap:var(--size-4)}.ar-phase-transition-text strong{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-hex-a78bfa)}.ar-phase-transition-text span{font-size:var(--font-size-caption);color:var(--text-secondary);line-height:var(--line-height-normal)}.ar-bid-section,.ar-confirm-section{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-medium);padding:var(--spacing-lg)}.ar-confirm-hint{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-body);color:var(--text-secondary);line-height:var(--line-height-normal)}.ar-confirm-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--size-14) var(--spacing-lg);background:var(--primary-base);color:var(--text-white);border:none;border-radius:var(--radius-small);font-size:var(--font-size-button);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.ar-confirm-btn:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--shadow-button)}.ar-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.ar-descending-section{background:linear-gradient(135deg,var(--color-rgba-93-169-255-0-05),var(--color-rgba-168-85-247-0-12));border:2px solid var(--primary-base);border-radius:var(--radius-medium);padding:var(--spacing-xl);animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 var(--color-rgba-93-169-255-0-4)}50%{box-shadow:0 0 var(--size-20) var(--size-4) var(--color-rgba-93-169-255-0-2)}}.ar-descending-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.ar-descending-icon{display:flex;align-items:center;justify-content:center;width:var(--size-48);height:var(--size-48);background:var(--primary-base);color:var(--text-white);border-radius:var(--radius-medium)}.ar-descending-title h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.ar-descending-title p{margin:var(--spacing-xs) 0 0 0;font-size:var(--font-size-small);color:var(--text-secondary)}.ar-descending-price-info{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-small)}.ar-descending-current,.ar-descending-next,.ar-descending-step{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ar-descending-label{font-size:var(--font-size-small);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.ar-descending-price{font-size:var(--size-24);font-weight:var(--font-weight-bold);color:var(--primary-base)}.ar-descending-timer{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.ar-descending-step-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-hex-ef4444)}.ar-descending-progress{margin-bottom:var(--spacing-lg)}.ar-descending-progress-label{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);font-size:var(--font-size-small);color:var(--text-secondary)}.ar-descending-progress-bar{height:var(--size-8);background:var(--bg-soft);border-radius:var(--radius-full);overflow:hidden}.ar-descending-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-base),var(--color-hex-a855f7));transition:width var(--transition-duration) var(--transition-easing)}.ar-descending-rules{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-rgba-59-130-246-0-1);border-left:var(--size-3) solid var(--color-hex-3b82f6);border-radius:var(--radius-small);margin-bottom:var(--spacing-lg);font-size:var(--font-size-small);color:var(--text-secondary)}.ar-confirm-btn-text{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.ar-confirm-btn-text strong{font-size:var(--font-size-body)}.ar-confirm-btn-text small{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);opacity:.9}@media(max-width:768px){.ar-descending-section{padding:var(--spacing-md)}.ar-descending-price-info{grid-template-columns:1fr;gap:var(--spacing-sm)}.ar-descending-icon{width:var(--size-40);height:var(--size-40)}.ar-descending-price{font-size:var(--font-size-xl)}}.ar-state-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-medium);text-align:center}.ar-state-card svg{color:var(--text-muted)}.ar-state-card h3{margin:0;font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.ar-state-card p{margin:0;font-size:var(--font-size-body);color:var(--text-secondary)}.ar-waiting-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-medium);text-align:center}.ar-waiting-icon{color:var(--primary-base)}.ar-waiting-card h3{margin:0;font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.ar-waiting-date{margin:0;font-size:var(--font-size-body);color:var(--text-secondary)}.ar-countdown{display:flex;align-items:center;gap:var(--size-8);margin-top:var(--size-8)}.ar-countdown-unit{display:flex;flex-direction:column;align-items:center;min-width:64px}.ar-countdown-value{font-size:var(--size-36);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;color:var(--text-primary);line-height:1.1;font-family:var(--font-family-heading)}.ar-countdown-label{font-size:var(--font-size-caption);color:var(--text-muted);margin-top:var(--size-4);text-transform:uppercase;letter-spacing:.05em}.ar-countdown-sep{font-size:var(--size-28);font-weight:var(--font-weight-semibold);color:var(--text-muted);margin-bottom:var(--size-18)}.ar-waiting-ready{margin:0;font-size:var(--font-size-body);color:var(--primary-base);font-weight:var(--font-weight-semibold)}.ar-winner{font-weight:var(--font-weight-semibold);color:var(--status-positive)!important}.ar-final-price{font-size:var(--size-28)!important;font-weight:var(--font-weight-bold);color:var(--text-primary)!important;font-variant-numeric:tabular-nums}.ar-failed{font-weight:var(--font-weight-semibold);color:var(--status-negative)!important}.ar-winner-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-lg);background:linear-gradient(135deg,var(--color-rgba-16-185-129-0-08) 0%,var(--color-rgba-52-211-153-0-05) 100%);border:2px solid var(--status-positive);border-radius:var(--radius-medium);text-align:center;animation:winner-appear .6s ease-out}@keyframes winner-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ar-winner-icon{display:flex;align-items:center;justify-content:center;color:var(--status-positive);animation:winner-bounce .8s ease-out}@keyframes winner-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ar-winner-card h3{margin:0;font-size:var(--font-size-page-title);font-weight:var(--font-weight-bold);color:var(--status-positive)}.ar-winner-subtitle{margin:0;font-size:var(--font-size-body);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.ar-winner-price-box{display:flex;flex-direction:column;gap:var(--size-8);padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-medium);width:100%;max-width:320px}.ar-winner-price-label{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.ar-winner-price-value{font-size:var(--size-32);font-weight:var(--font-weight-bold);color:var(--status-positive);font-variant-numeric:tabular-nums}.ar-winner-next-steps{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-medium);text-align:left}.ar-next-steps-title{margin:0;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.ar-next-steps-list{margin:0;padding-left:var(--size-20);color:var(--text-secondary);font-size:var(--font-size-body);line-height:1.6}.ar-next-steps-list li{margin-bottom:var(--size-6)}.ar-next-steps-list li:last-child{margin-bottom:0}.ar-protocol-btn{display:inline-flex;align-items:center;gap:var(--size-8);margin-top:var(--spacing-md);padding:var(--size-12) var(--spacing-xl);background:var(--primary-base);color:var(--text-white);border:none;border-radius:var(--radius-small);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-duration) var(--transition-easing)}.ar-protocol-btn:hover{background:var(--primary-dark)}.ar-timeline{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-medium);max-height:calc(100vh - var(--topbar-height) - var(--spacing-xl));position:sticky;top:calc(var(--topbar-height) + var(--spacing-lg));overflow:hidden}.ar-timeline-title{margin:0;padding:var(--size-14) var(--spacing-lg);font-size:var(--size-11);font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-default);background:var(--bg-soft);flex-shrink:0}.ar-timeline-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:0}.ar-timeline-list::-webkit-scrollbar{width:var(--size-6)}.ar-timeline-list::-webkit-scrollbar-track{background:var(--bg-soft);border-radius:var(--radius-pill);margin:var(--size-4) 0}.ar-timeline-list::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-pill);transition:background var(--transition-duration) var(--transition-easing)}.ar-timeline-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.ar-timeline-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-10);padding:var(--spacing-xl);color:var(--text-muted);min-height:200px}.ar-timeline-empty svg{opacity:.3}.ar-timeline-empty p{margin:0;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium)}.auction-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);min-height:100vh;color:var(--text-secondary)}.auction-loading h2{margin:0;font-size:var(--font-size-section-title);color:var(--text-primary)}.auction-loading p{margin:0;font-size:var(--font-size-body);color:var(--text-muted)}.btn-back{padding:var(--size-10) var(--size-20);background:var(--bg-soft);border:1px solid var(--border-default);border-radius:var(--radius-small);color:var(--text-primary);font-size:var(--font-size-button);cursor:pointer}.loading-spinner{width:var(--size-32);height:var(--size-32);border:var(--size-3) solid var(--border-default);border-top-color:var(--primary-base);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:1100px){.ar-body{grid-template-columns:1fr 340px}}@media(max-width:900px){.ar-body{grid-template-columns:1fr}.ar-timeline{position:static;max-height:400px}.ar-top-row{grid-template-columns:1fr}}@media(max-width:640px){.ar-header{padding:0 var(--spacing-md)}.ar-header-left{gap:var(--spacing-sm);flex:1;min-width:0}.ar-title{font-size:var(--font-size-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ar-status-text{display:none}.ar-phase-badge{font-size:var(--size-11);padding:var(--size-3) var(--size-8);gap:var(--size-4)}.ar-phase-badge svg{width:var(--size-12);height:var(--size-12)}.ar-phase-badge.hybrid{display:none}.ar-body{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.ar-price-value{font-size:var(--size-28)}.ar-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.ar-header{padding:0 var(--spacing-sm);overflow-x:hidden}.ar-header-left{gap:var(--size-6);max-width:calc(100vw - 120px)}.ar-back{width:var(--size-32);height:var(--size-32);flex-shrink:0}.ar-title{font-size:var(--font-size-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ar-phase-badge{font-size:var(--size-10);padding:var(--size-2) var(--size-6);flex-shrink:0}.ar-phase-badge svg{width:var(--size-10);height:var(--size-10)}.ar-body{padding:calc(var(--topbar-height) + var(--spacing-sm)) var(--spacing-sm) var(--spacing-sm);gap:var(--spacing-sm);max-width:100vw;overflow-x:hidden}.ar-price-block,.ar-bid-section,.ar-confirm-section,.ar-state-card,.ar-waiting-card{padding:var(--spacing-md)}.ar-countdown-unit{min-width:var(--size-52)}.ar-countdown-value{font-size:var(--size-28)}.ar-countdown-sep{font-size:var(--size-22)}.ar-price-value{font-size:var(--size-24)}.ar-winner-price-value{font-size:var(--size-28)}.ar-main{gap:var(--spacing-sm)}.ar-stats{grid-template-columns:repeat(2,1fr)}.ar-stat{padding:var(--spacing-sm)}.ar-descending-section{padding:var(--spacing-md)}.ar-descending-price-info{padding:var(--spacing-sm);gap:var(--spacing-sm)}.ar-descending-price{font-size:var(--font-size-lg)}}@media(max-width:390px){.ar-header{height:var(--size-56)}.ar-header-right{gap:var(--size-4)}.ar-status-dot{width:var(--size-6);height:var(--size-6)}.ar-body{padding:calc(var(--size-56) + var(--spacing-sm)) var(--size-8) var(--spacing-sm)}.ar-top-row{gap:var(--size-8)}.ar-price-block,.ar-timer-block{padding:var(--size-12)}.ar-price-value{font-size:var(--size-22)}.ar-price-label,.ar-stat-label{font-size:var(--size-10)}.ar-countdown{gap:var(--size-4)}.ar-countdown-unit{min-width:var(--size-48)}.ar-countdown-value{font-size:var(--size-24)}.ar-countdown-label{font-size:var(--size-10)}.ar-countdown-sep{font-size:var(--size-20);margin-bottom:var(--size-14)}.ar-winner-card{padding:var(--spacing-md)}.ar-winner-card h3{font-size:var(--font-size-lg)}.ar-timeline-title{padding:var(--size-10) var(--size-12);font-size:var(--size-10)}.ar-confirm-btn{padding:var(--size-12) var(--spacing-md);font-size:var(--font-size-body)}}.my-bids{max-width:var(--size-900)}.bid-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--bg-card);padding:var(--spacing-lg);border-radius:var(--radius-medium);text-align:center;box-shadow:var(--shadow-card)}.stat-value{display:block;font-size:var(--font-size-metric);font-weight:var(--font-weight-bold);color:var(--text-primary)}.stat-card.winning .stat-value{color:var(--status-positive)}.stat-card.outbid .stat-value{color:var(--status-negative)}.stat-label{font-size:var(--font-size-caption);color:var(--text-muted)}.bids-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.bid-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-medium);box-shadow:var(--shadow-card);transition:transform var(--transition-duration) var(--transition-easing),box-shadow var(--transition-duration) var(--transition-easing)}.bid-item:hover{transform:translateY(var(--offset-2));box-shadow:var(--shadow-card-hover)}.bid-image{width:var(--size-80);height:var(--size-80);border-radius:var(--radius-small);object-fit:cover}.bid-details{flex:1}.bid-title{font-size:var(--font-size-card-title);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.bid-meta{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-muted);font-size:var(--font-size-caption)}.bid-amounts{display:flex;gap:var(--spacing-lg);text-align:right}.your-bid,.current-bid{display:flex;flex-direction:column;gap:var(--size-2)}.amount-label{font-size:var(--font-size-caption);color:var(--text-muted)}.amount-value{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.bid-status{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-pill);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium)}.bid-status.winning{background:var(--color-rgba-60-207-145-0-1);color:var(--status-positive)}[data-theme=dark] .bid-status.winning{background:var(--color-rgba-16-185-129-0-15);color:var(--color-hex-34d399)}.bid-status.outbid{background:var(--color-rgba-248-113-113-0-1);color:var(--status-negative)}[data-theme=dark] .bid-status.outbid{background:var(--color-rgba-239-68-68-0-15);color:var(--color-hex-f87171)}@media(max-width:768px){.my-bids-grid{grid-template-columns:1fr}}.notifications-page{padding:var(--size-32);max-width:var(--size-900);margin:0 auto;background:var(--bg-page);min-height:calc(100vh - var(--topbar-height))}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--size-24);gap:var(--size-24)}.mark-all-btn{padding:var(--size-10) var(--size-20);background:var(--bg-white);border:var(--size-1) solid var(--border-default);border-radius:var(--size-8);font-size:var(--size-14);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);white-space:nowrap}.mark-all-btn:hover{background:var(--bg-soft);border-color:var(--primary-base);color:var(--primary-base)}.notification-filters{display:flex;gap:var(--size-12);margin-bottom:var(--size-24);padding:var(--size-4);background:var(--bg-soft);border-radius:var(--size-10);width:fit-content}.filter-btn{padding:var(--size-8) var(--size-16);background:transparent;border:none;border-radius:var(--size-6);font-size:var(--size-14);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.filter-btn:hover{background:var(--bg-white);color:var(--text-primary)}.filter-btn.active{background:var(--bg-white);color:var(--primary-base);box-shadow:0 var(--size-1) var(--size-3) var(--color-rgba-0-0-0-0-1)}.notifications-section{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-24)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--size-24);padding-bottom:var(--size-16);border-bottom:var(--size-1) solid var(--border-default)}.section-header h2{font-size:var(--size-20);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.section-subtitle{font-size:var(--size-14);color:var(--text-secondary)}.notifications-list{display:flex;flex-direction:column;gap:var(--size-12)}.notification-card{display:flex;align-items:flex-start;gap:var(--size-16);padding:var(--size-16) var(--size-20);background:var(--bg-white);border:var(--size-2) solid transparent;border-left:var(--size-4) solid var(--border-default);border-radius:var(--size-10);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);position:relative}.notification-card:hover{background:var(--bg-soft);border-color:var(--border-default)}.notification-card.unread{background:var(--bg-highlight);border-left-color:var(--primary-base)}.notification-card.unread:hover{background:var(--color-rgba-93-169-255-0-05)}.notification-bid{border-left-color:var(--primary-base)}.notification-warning{border-left-color:var(--color-hex-f59e0b)}.notification-success{border-left-color:var(--color-hex-10b981)}.notification-error{border-left-color:var(--color-hex-ef4444)}.notification-info{border-left-color:var(--color-hex-3b82f6)}.notification-icon{width:var(--size-40);height:var(--size-40);min-width:var(--size-40);display:flex;align-items:center;justify-content:center;background:var(--bg-soft);border-radius:var(--size-10)}.notification-icon svg{width:var(--size-24);height:var(--size-24);color:var(--text-secondary)}.notification-card.notification-bid .notification-icon{background:var(--color-rgba-93-169-255-0-1)}.notification-card.notification-bid .notification-icon svg{color:var(--primary-base)}.notification-card.notification-warning .notification-icon{background:var(--color-rgba-245-158-11-0-1)}.notification-card.notification-warning .notification-icon svg{color:var(--color-hex-f59e0b)}.notification-card.notification-success .notification-icon{background:var(--color-rgba-16-185-129-0-1)}.notification-card.notification-success .notification-icon svg{color:var(--color-hex-10b981)}.notification-card.notification-error .notification-icon{background:var(--color-rgba-239-68-68-0-1)}.notification-card.notification-error .notification-icon svg{color:var(--color-hex-ef4444)}.notification-card.notification-info .notification-icon{background:var(--color-rgba-59-130-246-0-1)}.notification-card.notification-info .notification-icon svg{color:var(--color-hex-3b82f6)}.notification-content{flex:1;min-width:0}.notification-title{font-size:var(--size-15);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--size-4) 0}.notification-message{font-size:var(--size-14);color:var(--text-secondary);margin:0 0 var(--size-8) 0;line-height:1.5}.notification-time{font-size:var(--size-12);color:var(--text-muted)}.unread-dot{width:var(--size-10);height:var(--size-10);min-width:var(--size-10);background:var(--primary-base);border-radius:50%;margin-top:var(--size-6)}.empty-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--size-64) var(--size-24);text-align:center}.empty-notifications h3{font-size:var(--size-18);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--size-8) 0}.empty-notifications p{font-size:var(--size-14);color:var(--text-secondary);margin:0}@media(max-width:768px){.notifications-page{padding:var(--size-16)}.page-header{flex-direction:column;gap:var(--size-16)}.mark-all-btn{width:100%}.notification-filters{width:100%;overflow-x:auto}.notification-card{padding:var(--size-14) var(--size-16)}.notification-icon{width:var(--size-36);height:var(--size-36);min-width:var(--size-36)}.notification-icon svg{width:var(--size-20);height:var(--size-20)}}.notification-modal-overlay{position:fixed;inset:0;background:var(--color-rgba-0-0-0-0-5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--size-20);animation:fadeIn var(--transition-duration) var(--transition-easing)}.notification-modal{background:var(--bg-card);border-radius:var(--size-16);max-width:480px;width:100%;box-shadow:0 25px 50px -12px var(--color-rgba-0-0-0-0-25);animation:slideUp var(--transition-duration) var(--transition-easing);overflow:hidden}.notification-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--size-24);border-bottom:var(--size-1) solid var(--border-default)}.notification-modal-icon{width:var(--size-48);height:var(--size-48);display:flex;align-items:center;justify-content:center;border-radius:var(--size-12);background:var(--bg-soft)}.notification-modal-icon svg{width:var(--size-28);height:var(--size-28);color:var(--text-secondary)}.notification-modal-icon.notification-bid{background:var(--color-rgba-93-169-255-0-1)}.notification-modal-icon.notification-bid svg{color:var(--primary-base)}.notification-modal-icon.notification-warning{background:var(--color-rgba-245-158-11-0-1)}.notification-modal-icon.notification-warning svg{color:var(--color-hex-f59e0b)}.notification-modal-icon.notification-success{background:var(--color-rgba-16-185-129-0-1)}.notification-modal-icon.notification-success svg{color:var(--color-hex-10b981)}.notification-modal-icon.notification-error{background:var(--color-rgba-239-68-68-0-1)}.notification-modal-icon.notification-error svg{color:var(--color-hex-ef4444)}.notification-modal-icon.notification-info{background:var(--color-rgba-59-130-246-0-1)}.notification-modal-icon.notification-info svg{color:var(--color-hex-3b82f6)}.notification-modal-close{width:var(--size-36);height:var(--size-36);display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--size-8);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-duration) var(--transition-easing)}.notification-modal-close:hover{background:var(--bg-soft);color:var(--text-primary)}.notification-modal-close svg{width:var(--size-24);height:var(--size-24)}.notification-modal-body{padding:var(--size-24)}.notification-modal-title{font-size:var(--size-20);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--size-12) 0;line-height:1.4}.notification-modal-message{font-size:var(--size-15);color:var(--text-secondary);margin:0 0 var(--size-20) 0;line-height:1.6}.notification-modal-meta{display:flex;justify-content:space-between;align-items:center;padding-top:var(--size-16);border-top:var(--size-1) solid var(--border-default)}.notification-modal-type{font-size:var(--size-13);font-weight:var(--font-weight-medium);color:var(--text-muted);padding:var(--size-4) var(--size-10);background:var(--bg-soft);border-radius:var(--size-6)}.notification-modal-date{font-size:var(--size-13);color:var(--text-muted)}.notification-modal-footer{padding:var(--size-16) var(--size-24);background:var(--bg-soft);display:flex;justify-content:flex-end;gap:var(--size-8)}.notification-modal-btn{padding:var(--size-10) var(--size-24);background:var(--primary-base);color:var(--text-white);border:none;border-radius:var(--size-8);font-size:var(--size-14);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.notification-modal-btn:hover{background:var(--primary-dark)}.notification-modal-btn.primary{background:var(--primary-base);color:var(--text-white)}.notification-modal-btn:not(.primary){background:var(--bg-secondary);color:var(--text-primary)}.notification-modal-btn:not(.primary):hover{background:var(--bg-tertiary)}@media(max-width:768px){.notification-modal-overlay{padding:var(--size-16);align-items:flex-end}.notification-modal{border-radius:var(--size-16) var(--size-16) 0 0;max-height:80vh;overflow-y:auto}}.profile-page{padding:var(--spacing-xl);max-width:var(--size-1200);margin:0 auto;min-height:calc(100vh - var(--size-64))}.profile-page-header{margin-bottom:var(--spacing-xl)}.profile-page-header h1{font-size:var(--font-size-page-title);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.profile-page-header p{font-size:var(--font-size-body);color:var(--text-secondary);margin:0}.alert{padding:var(--spacing-md);border-radius:var(--radius-medium);margin-bottom:var(--spacing-lg);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);animation:slideDown var(--transition-duration) var(--transition-easing)-out}.alert-success{background:var(--ds-status-published-bg);color:var(--ds-status-published-text);border:var(--size-1) solid var(--ds-status-published-border)}.alert-error{background:var(--color-rgba-239-68-68-0-1);color:var(--color-hex-ef4444);border:var(--size-1) solid var(--color-rgba-239-68-68-0-3)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--spacing-xl);align-items:start}.profile-main{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-overview-card{background:var(--bg-card);border-radius:var(--radius-large);box-shadow:var(--shadow-card);overflow:hidden}.profile-avatar-section{display:flex;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-xl);position:relative}.profile-avatar-large{flex-shrink:0}.profile-avatar-large img{width:var(--size-120);height:var(--size-120);border-radius:50%;object-fit:cover;border:var(--size-4) solid var(--bg-highlight);box-shadow:var(--shadow-sm)}.profile-avatar-info{flex:1}.profile-name-large{font-size:var(--font-size-heading);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.profile-name-edit{font-size:var(--font-size-heading);font-weight:var(--font-weight-bold);padding:var(--spacing-sm) var(--spacing-md);border:var(--size-2) solid var(--primary-base);border-radius:var(--radius-medium);color:var(--text-primary);background:var(--bg-white);width:100%;max-width:400px;transition:all var(--transition-duration) var(--transition-easing)}.profile-name-edit:focus{outline:none;box-shadow:0 0 0 var(--size-3) var(--color-rgba-93-169-255-0-1)}.profile-badges{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.role-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide-05)}.role-buyer{background:var(--bg-highlight);color:var(--primary-base)}.role-seller{background:var(--color-rgba-168-85-247-0-1);color:var(--color-hex-a855f7)}.role-operator{background:var(--color-rgba-59-130-246-0-1);color:var(--color-hex-3b82f6)}.role-admin{background:var(--color-rgba-239-68-68-0-1);color:var(--color-hex-ef4444)}.verification-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium)}.status-verified{background:var(--ds-status-published-bg);color:var(--ds-status-published-text)}.status-pending{background:var(--color-rgba-245-158-11-0-1);color:var(--color-hex-f59e0b)}.status-rejected{background:var(--color-rgba-239-68-68-0-1);color:var(--color-hex-ef4444)}.edit-profile-btn{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-highlight);color:var(--primary-base);border:none;border-radius:var(--radius-medium);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.edit-profile-btn:hover{background:var(--primary-light)}.info-card{background:var(--bg-card);border-radius:var(--radius-large);box-shadow:var(--shadow-card);overflow:hidden}.info-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:var(--size-1) solid var(--border-light)}.info-card-header h3{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.edit-actions{display:flex;gap:var(--spacing-sm)}.btn-save,.btn-cancel{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-medium);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);border:none;cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.btn-save{background:var(--primary-base);color:var(--text-white)}.btn-save:hover:not(:disabled){background:var(--primary-dark)}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background:var(--bg-soft);color:var(--text-secondary);border:var(--size-1) solid var(--border-default)}.btn-cancel:hover:not(:disabled){background:var(--border-default)}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.profile-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);padding:var(--spacing-xl);align-items:start}.profile-info-item{display:flex;flex-direction:column;gap:var(--spacing-xs);align-self:start}.profile-info-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide-05)}.profile-info-value{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary);word-break:break-word}.profile-info-input{padding:var(--spacing-sm) var(--spacing-md);border:var(--size-1) solid var(--border-default);border-radius:var(--radius-small);font-size:var(--font-size-body);color:var(--text-primary);background:var(--bg-white);transition:all var(--transition-duration) var(--transition-easing);width:100%}.profile-info-input:focus{outline:none;border-color:var(--primary-base);box-shadow:0 0 0 var(--size-3) var(--color-rgba-93-169-255-0-1)}.profile-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg);position:sticky;top:var(--spacing-lg)}.sidebar-card{background:var(--bg-card);border-radius:var(--radius-large);box-shadow:var(--shadow-card);overflow:hidden}.sidebar-card-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-bottom:var(--size-1) solid var(--border-light)}.sidebar-card-header h3{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.stats-list{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.stat-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-medium);cursor:pointer;transition:background var(--transition-duration) var(--transition-easing)}.stat-item:hover{background:var(--bg-soft)}.stat-icon{width:var(--size-48);height:var(--size-48);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-medium);flex-shrink:0}.stat-icon.blue{background:var(--bg-highlight);color:var(--primary-base)}.stat-icon.green{background:var(--ds-status-published-bg);color:var(--ds-status-published-text)}.stat-content{flex:1}.stat-value{font-size:var(--font-size-metric);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1;margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-caption);color:var(--text-secondary)}.quick-links{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.quick-link{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-radius:var(--radius-medium);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary);text-align:left;cursor:pointer;transition:background var(--transition-duration) var(--transition-easing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-link:hover{background:var(--bg-soft)}.quick-link svg{flex-shrink:0}.profile-loading,.profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-lg)}.spinner{width:var(--size-48);height:var(--size-48);border:var(--size-3) solid var(--border-default);border-top-color:var(--primary-base);border-radius:50%;animation:spin .8s linear infinite}.profile-loading p,.profile-error p{font-size:var(--font-size-body);color:var(--text-secondary)}@media(max-width:1024px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{position:static}.quick-links{flex-direction:column}}@media(max-width:768px){.profile-page{padding:var(--spacing-md)}.profile-avatar-section{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md)}.profile-avatar-large img{width:var(--size-100);height:var(--size-100)}.profile-avatar-info{width:100%;display:flex;flex-direction:column;align-items:center}.profile-badges{justify-content:center}.edit-profile-btn{position:static;width:100%;justify-content:center;margin-top:0}.profile-info-grid{grid-template-columns:1fr}.profile-name-large{font-size:var(--font-size-subheading);text-align:center}.profile-name-edit{font-size:var(--font-size-subheading);max-width:100%}.info-card-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.quick-links{flex-direction:column}}@media(max-width:480px){.profile-page{padding:var(--spacing-sm)}.profile-page-header h1{font-size:var(--font-size-heading)}.profile-avatar-section{padding:var(--spacing-md);gap:var(--spacing-sm)}.profile-avatar-large img{width:var(--size-80);height:var(--size-80)}.profile-name-large{font-size:var(--font-size-body-large)}.profile-badges{flex-direction:column;width:100%;gap:var(--spacing-xs)}.role-badge,.verification-badge{width:100%;justify-content:center}.info-card-header{padding:var(--spacing-md)}.profile-info-grid{padding:var(--spacing-md);gap:var(--spacing-md)}.edit-actions{flex-direction:column;width:100%;gap:var(--spacing-xs)}.btn-save,.btn-cancel{width:100%;justify-content:center}.sidebar-card-header{padding:var(--spacing-sm) var(--spacing-md)}.stats-list,.quick-links,.stat-item{padding:var(--spacing-sm)}.stat-icon{width:var(--size-40);height:var(--size-40)}}.settings{max-width:var(--size-700)}.page-header{margin-bottom:var(--spacing-xl)}.page-title{font-size:var(--font-size-page-title);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.page-subtitle{font-size:var(--font-size-body);color:var(--text-secondary)}.settings-sections{display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-section{background:var(--bg-card);border-radius:var(--radius-large);box-shadow:var(--shadow-card);overflow:hidden}.section-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-bottom:var(--size-1) solid var(--border-light)}.section-header svg{color:var(--text-muted)}.section-header h2{font-size:var(--font-size-card-title);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.settings-list{display:flex;flex-direction:column}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:var(--size-1) solid var(--border-light);gap:var(--size-16)}.setting-item:last-child{border-bottom:none}.setting-info{display:flex;flex-direction:column;gap:var(--size-2)}.setting-name{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary)}.setting-desc{font-size:var(--font-size-caption);color:var(--text-muted)}.toggle{position:relative;display:inline-block;width:48px;min-width:48px;height:26px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-default);border-radius:var(--size-26);transition:background-color var(--transition-duration) var(--transition-easing)}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:var(--text-white);border-radius:50%;transition:transform var(--transition-duration) var(--transition-easing)}.toggle input:checked+.toggle-slider{background-color:var(--primary-base)}.toggle input:checked+.toggle-slider:before{transform:translate(22px)}.setting-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border-bottom:var(--size-1) solid var(--border-light);font-size:var(--font-size-body);color:var(--text-primary);transition:background var(--transition-duration) var(--transition-easing)}.setting-button:last-child{border-bottom:none}.setting-button:hover{background:var(--bg-page)}.setting-value{color:var(--text-muted)}.chevron{font-size:var(--size-20);color:var(--text-muted)}@media(max-width:768px){.settings-page{padding:var(--spacing-md)}.settings-form input,.settings-form select{height:var(--size-48);font-size:var(--size-16)}}.verification-page{padding:var(--size-32);max-width:1200px;margin:0 auto;min-height:100vh}.verification-container{width:100%}.loading{text-align:center;padding:var(--size-48);color:var(--text-secondary);font-size:var(--size-16)}.status-banner{background:linear-gradient(135deg,var(--color-hex-667eea) 0%,var(--color-hex-764ba2) 100%);border-radius:var(--size-20);padding:var(--size-32);margin-bottom:var(--size-32);box-shadow:0 10px 40px var(--color-rgba-102-126-234-0-3);position:relative;overflow:hidden}.status-banner:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--color-rgba-255-255-255-0-1) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.5}}.status-banner-approved{background:linear-gradient(135deg,var(--color-hex-11998e) 0%,var(--color-hex-38ef7d) 100%)}.status-banner-pending{background:linear-gradient(135deg,var(--color-hex-f093fb) 0%,var(--color-hex-f5576c) 100%)}.banner-content{display:flex;align-items:center;gap:var(--size-24);position:relative;z-index:1}.banner-icon{width:72px;height:72px;background:var(--color-rgba-255-255-255-0-2);border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-white)}.banner-text{flex:1}.banner-title{font-size:var(--size-24);font-weight:var(--font-weight-bold);color:var(--text-white);margin-bottom:var(--size-12);text-shadow:0 2px 10px var(--color-rgba-0-0-0-0-1)}.status-badge{display:inline-flex;align-items:center;gap:var(--size-8);padding:8px 20px;border-radius:var(--radius-pill);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);background:var(--color-rgba-255-255-255-0-9);color:var(--color-hex-667eea);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px var(--color-rgba-0-0-0-0-1)}.status-badge.status-approved{background:var(--color-rgba-255-255-255-0-9);color:var(--color-hex-059669)}.verification-timeline-card{background:var(--bg-card);border-radius:var(--size-20);padding:var(--size-32);margin-bottom:var(--size-32);box-shadow:0 4px 20px var(--color-rgba-0-0-0-0-08)}[data-theme=dark] .verification-timeline-card{background:var(--bg-card)}.card-title{font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--size-24);display:flex;align-items:center;gap:var(--size-12)}.timeline{display:flex;flex-direction:column;gap:var(--size-24)}.timeline-step{display:grid;grid-template-columns:40px 1fr;gap:var(--size-16);position:relative}.timeline-marker{width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.timeline-marker svg{transition:all var(--transition-duration) var(--transition-easing)}.timeline-step.completed .timeline-marker svg{color:var(--color-hex-10b981)}.timeline-step.active .timeline-marker svg{color:var(--color-hex-f59e0b);animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.timeline-dot{width:16px;height:16px;border-radius:50%;background:var(--color-hex-e5e7eb);border:3px solid white;box-shadow:0 0 0 1px var(--color-hex-e5e7eb)}.timeline-step.active .timeline-dot{background:var(--color-hex-f59e0b);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 1px var(--color-hex-f59e0b),0 0 0 4px var(--color-rgba-245-158-11-0-1)}50%{box-shadow:0 0 0 1px var(--color-hex-f59e0b),0 0 0 8px var(--color-rgba-245-158-11-0-2)}}.timeline-line{position:absolute;left:19px;top:50px;width:2px;height:calc(100% + 24px);background:linear-gradient(to bottom,var(--color-hex-e5e7eb) 0%,var(--color-hex-e5e7eb) 100%);z-index:1}.timeline-step.completed .timeline-line{background:linear-gradient(to bottom,var(--color-hex-10b981) 0%,var(--color-hex-e5e7eb) 100%)}.timeline-content{padding-top:6px}.timeline-title{font-size:var(--size-16);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:4px}.timeline-date{font-size:var(--size-13);color:var(--text-secondary);margin:0}.timeline-status{font-size:var(--size-13);color:var(--color-hex-f59e0b);margin:4px 0 0;font-weight:var(--font-weight-medium)}.verification-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--size-24);margin-bottom:var(--size-32)}.info-card{background:var(--bg-card);border-radius:var(--size-20);padding:var(--size-32);box-shadow:0 4px 20px var(--color-rgba-0-0-0-0-08);transition:all var(--transition-duration) var(--transition-easing)}.info-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px var(--color-rgba-0-0-0-0-12)}[data-theme=dark] .info-card{background:var(--bg-card)}.info-grid{display:flex;flex-direction:column;gap:var(--size-20)}.info-item{padding-bottom:var(--size-16);border-bottom:1px solid var(--border-default)}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-item.full-width{grid-column:1 / -1}.info-label{display:flex;align-items:center;gap:var(--size-8);font-size:var(--size-13);color:var(--text-secondary);font-weight:var(--font-weight-medium);margin-bottom:var(--size-8)}.info-label svg{color:var(--text-muted)}.info-value{font-size:var(--size-15);color:var(--text-primary);font-weight:var(--font-weight-semibold);display:block}.success-card{background:linear-gradient(135deg,var(--color-hex-d1fae5) 0%,var(--color-hex-a7f3d0) 100%);border-radius:var(--size-20);padding:var(--size-24);display:flex;gap:var(--size-16);box-shadow:0 4px 20px var(--color-rgba-16-185-129-0-2);margin-bottom:var(--size-32)}.success-card svg{color:var(--color-hex-059669);flex-shrink:0}.success-card h3{font-size:var(--size-16);font-weight:var(--font-weight-semibold);color:var(--color-hex-065f46);margin:0 0 4px}.success-card p{font-size:var(--font-size-body);color:var(--color-hex-047857);margin:0}.pending-info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--size-20);margin-bottom:var(--size-32)}.pending-card{background:var(--bg-card);border-radius:var(--size-16);padding:var(--size-24);display:flex;gap:var(--size-16);box-shadow:0 2px 10px var(--color-rgba-0-0-0-0-06);transition:all var(--transition-duration) var(--transition-easing);border:1px solid var(--color-rgba-0-0-0-0-05)}.pending-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px var(--color-rgba-0-0-0-0-1)}[data-theme=dark] .pending-card{background:var(--bg-card);border-color:var(--border-default)}.pending-card-icon{font-size:var(--size-32);line-height:1}.pending-card-content h3{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 4px}.pending-card-content p{font-size:var(--size-13);color:var(--text-secondary);margin:0;line-height:1.5}.dev-actions{background:linear-gradient(135deg,var(--color-hex-fff3cd) 0%,var(--color-hex-fbbf24) 100%);border-radius:var(--size-16);padding:var(--size-24);border:2px dashed var(--color-hex-f59e0b)}.dev-title{font-size:var(--size-15);font-weight:var(--font-weight-semibold);color:var(--color-hex-92400e);margin:0 0 8px}.dev-description{font-size:var(--size-13);color:var(--color-hex-b45309);margin:0 0 16px}.dev-button{background:linear-gradient(135deg,var(--color-hex-10b981) 0%,var(--color-hex-059669) 100%);color:var(--text-white);padding:10px 20px;border-radius:var(--radius-pill);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);border:none;cursor:pointer;box-shadow:0 4px 15px var(--color-rgba-16-185-129-0-3);transition:all var(--transition-duration) var(--transition-easing)}.dev-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--color-rgba-16-185-129-0-4)}.dev-button:active{transform:translateY(0)}@media(max-width:768px){.verification-page{padding:var(--size-16)}.status-banner{padding:var(--size-24)}.banner-icon{width:56px;height:56px}.banner-icon svg{width:32px;height:32px}.banner-title{font-size:var(--size-20)}.verification-grid,.pending-info-cards{grid-template-columns:1fr}.timeline-line{left:19px}}.verification-timeline-card,.info-card,.pending-card,.success-card{animation:fadeIn .5s ease-out}.verification-timeline-card{animation-delay:.1s}.info-card:nth-child(1){animation-delay:var(--transition-duration)}.info-card:nth-child(2){animation-delay:var(--transition-duration)}.admin-verifications-page{padding:var(--size-32);max-width:var(--size-1400);margin:0 auto;background:var(--bg-page);min-height:calc(100vh - var(--topbar-height))}@media(max-width:768px){.admin-verifications-page{padding:var(--size-16)}.stats-grid{grid-template-columns:1fr}.filters-section{flex-direction:column;align-items:stretch}.search-box{min-width:unset}.filter-buttons{width:100%;overflow-x:auto}.verification-meta,.detail-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.btn{width:100%}}.verification-form-page{padding:var(--size-32);max-width:var(--size-900);margin:0 auto;background:var(--bg-page);min-height:calc(100vh - var(--topbar-height))}.verification-status-card{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-16);overflow:hidden}.status-header{display:flex;align-items:center;gap:var(--size-20);padding:var(--size-24);background:linear-gradient(135deg,var(--primary-base) 0%,#d91e5e 100%);position:relative;overflow:hidden}.status-header:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,var(--color-rgba-255-255-255-0-1) 0%,transparent 70%);border-radius:50%;transform:translate(30%,-30%)}.status-icon-wrap{width:var(--size-64);height:var(--size-64);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.status-icon{width:var(--size-32);height:var(--size-32)}.status-header>div{position:relative;z-index:1}.status-header h2{font-size:var(--size-20);font-weight:var(--font-weight-bold);color:var(--text-white);margin:0 0 var(--size-8) 0;text-shadow:0 2px 8px var(--color-rgba-0-0-0-0-2)}.status-header .status-badge{background:var(--color-rgba-255-255-255-0-25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-white);border:1px solid var(--color-rgba-255-255-255-0-3)}.status-badge{display:inline-flex;align-items:center;gap:var(--size-4);padding:var(--size-4) var(--size-10);border-radius:var(--size-6);font-size:var(--size-12);font-weight:var(--font-weight-semibold)}.verification-details{padding:var(--size-24)}.detail-section{margin-bottom:var(--size-24)}.section-title{font-size:var(--size-15);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--size-16) 0;display:flex;align-items:center;gap:var(--size-8)}.section-icon{width:var(--size-18);height:var(--size-18);color:var(--primary-base)}.detail-item{display:flex;flex-direction:column;gap:var(--size-4);padding:var(--size-12);background:var(--bg-soft);border-radius:var(--size-8);border:var(--size-1) solid var(--border-default)}.detail-label{font-size:var(--size-11);color:var(--text-secondary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:var(--size-6)}.detail-label svg{width:var(--size-14);height:var(--size-14)}.detail-value{font-size:var(--size-14);color:var(--text-primary);font-weight:var(--font-weight-medium);word-break:break-word}.rejection-section{padding:var(--size-16);background:var(--color-hex-fef2f2);border:var(--size-1) solid var(--color-hex-fecaca);border-radius:var(--size-10)}.rejection-reason{font-size:var(--size-14);color:var(--text-primary);line-height:1.6;padding:var(--size-12);background:var(--bg-card);border-radius:var(--size-8);margin:var(--size-12) 0 var(--size-16) 0}.pending-info,.success-info{display:flex;align-items:center;gap:var(--size-12);padding:var(--size-16);border-radius:var(--size-10)}.pending-info{background:var(--color-rgba-245-158-11-0-1);border:var(--size-1) solid var(--color-rgba-245-158-11-0-2);color:var(--color-hex-f59e0b)}.success-info{background:var(--color-hex-f0fdf4);border:var(--size-1) solid var(--color-hex-bbf7d0);color:var(--color-hex-15803d);flex-direction:column;align-items:flex-start}.info-icon{width:var(--size-20);height:var(--size-20);flex-shrink:0}.pending-info p,.success-info p{font-size:var(--size-14);margin:0;color:inherit}.form-card{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-16);padding:var(--size-24)}.form-section{margin-bottom:var(--size-32)}.form-section:last-of-type{margin-bottom:var(--size-24)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--size-16)}.form-group label{font-size:var(--size-13);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:flex;align-items:center;gap:var(--size-6)}.form-group label svg{width:var(--size-16);height:var(--size-16);color:var(--primary-base)}.form-group input,.form-group textarea{height:var(--size-44);padding:0 var(--size-16);background:var(--bg-soft);border:var(--size-1) solid var(--border-default);border-radius:var(--size-10);font-size:var(--size-14);color:var(--text-primary);transition:all var(--transition-duration) var(--transition-easing)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-base);box-shadow:0 0 0 var(--size-3) var(--color-rgba-93-169-255-0-1)}.form-group input.error{border-color:var(--color-hex-dc2626)}.error-text{font-size:var(--size-12);color:var(--color-hex-dc2626)}.form-footer{display:flex;gap:var(--size-12);justify-content:flex-end;padding-top:var(--size-24);border-top:var(--size-1) solid var(--border-default)}.btn-primary{background:var(--primary-gradient);color:var(--text-white);box-shadow:var(--shadow-button)}.btn-primary:hover:not(:disabled){transform:translateY(var(--offset-2));box-shadow:0 var(--size-8) var(--size-24) var(--color-rgba-93-169-255-0-4)}@media(max-width:768px){.verification-form-page{padding:var(--size-16)}.form-grid,.detail-grid{grid-template-columns:1fr}.form-footer{flex-direction:column-reverse}.btn{width:100%}.status-header{flex-direction:column;align-items:flex-start}}.stat-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--size-12);padding:var(--size-16) var(--size-16);display:flex;align-items:flex-start;gap:var(--size-12);transition:all var(--transition-duration) var(--transition-easing);position:relative;box-shadow:var(--shadow-subtle);min-width:0;overflow:hidden}.stat-card.clickable{cursor:pointer}.stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.stat-icon-wrap{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--size-48);height:var(--size-48);border-radius:50%;background:var(--color-rgba-239-68-68-0-1);color:var(--color-hex-ef4444);transition:all var(--transition-duration) var(--transition-easing)}.stat-card:hover .stat-icon-wrap{transform:scale(1.05);background:var(--color-rgba-239-68-68-0-15);color:var(--color-hex-dc2626)}.stat-icon{width:var(--size-24);height:var(--size-24);stroke-width:2}.stat-content{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--size-4);min-width:0;text-align:left;padding-top:var(--spacing-xs)}.stat-value{font-size:var(--size-28);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2;letter-spacing:-.02em;font-family:var(--font-family-heading);font-variant-numeric:tabular-nums;display:block;width:100%}.stat-label{font-size:var(--font-size-caption);color:var(--text-secondary);font-weight:var(--font-weight-medium);line-height:var(--line-height-compact);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.stat-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--size-8)}.stat-trend{display:inline-flex;align-items:center;gap:var(--size-2);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);padding:var(--size-2) var(--size-6);border-radius:var(--size-6)}.stat-trend.positive{color:var(--color-hex-16a34a);background:var(--color-rgba-16-185-129-0-1)}.stat-trend.negative{color:var(--color-hex-dc2626);background:var(--color-rgba-239-68-68-0-1)}.trend-icon{width:var(--size-12);height:var(--size-12)}[data-theme=dark] .stat-card{background:var(--bg-card);border-color:var(--border-default)}[data-theme=dark] .stat-card:hover{box-shadow:var(--shadow-hover)}[data-theme=dark] .stat-icon-wrap{background:var(--color-rgba-239-68-68-0-15);color:var(--color-hex-f87171)}[data-theme=dark] .stat-card:hover .stat-icon-wrap{background:var(--color-rgba-239-68-68-0-15);color:var(--color-hex-fca5a5)}@media(max-width:768px){.stat-card{padding:var(--size-16) var(--size-20);gap:var(--size-14)}.stat-icon-wrap{width:var(--size-44);height:var(--size-44);border-radius:50%}.stat-icon{width:var(--size-22);height:var(--size-22)}.stat-value{font-size:var(--size-24)}.stat-label{font-size:var(--font-size-caption)}}.dashboard-page{padding:var(--size-24);max-width:var(--size-1400);margin:0 auto;background:var(--bg-page);min-height:calc(100vh - var(--size-64))}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--size-24);padding-bottom:var(--size-24);border-bottom:var(--size-1) solid var(--border-default)}.dashboard-page .stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--size-12);margin-bottom:var(--size-24)}.dashboard-page .stats-row .stat-card{min-width:0;overflow:hidden;padding:var(--size-16);gap:var(--size-12)}.dashboard-page .stats-row .stat-label{font-size:var(--font-size-caption);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.dashboard-page .stats-row .stat-icon-wrap{width:40px;height:40px;flex-shrink:0}.dashboard-page .stats-row .stat-icon{width:20px;height:20px}.dashboard-page .stats-row .stat-value{font-size:var(--size-24)}.dashboard-grid{display:grid;grid-template-columns:1fr 380px;gap:var(--size-24)}.dashboard-card{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);overflow:hidden}.btn-text{display:inline-flex;align-items:center;gap:var(--size-4);background:none;border:none;color:var(--primary-base);font-size:var(--size-14);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--size-4) var(--size-8);border-radius:var(--size-4);transition:background var(--transition-duration)}.btn-text:hover{background:var(--bg-soft)}.btn-arrow{width:var(--size-16);height:var(--size-16)}.cell-date{color:var(--text-secondary);width:var(--size-120)}.cell-action{width:var(--size-80)}.status-info{background:var(--color-rgba-93-169-255-0-1);color:var(--primary-base)}.status-error{background:var(--color-hex-fef2f2);color:var(--color-hex-b91c1c)}.status-winner{background:linear-gradient(135deg,var(--color-rgba-16-185-129-0-15) 0%,rgba(52,211,153,.1) 100%);color:var(--status-positive);font-weight:var(--font-weight-semibold);border:1px solid var(--color-rgba-16-185-129-0-3);animation:winner-glow 2s ease-in-out infinite}[data-theme=dark] .status-info{background:var(--color-rgba-93-169-255-0-15);color:var(--primary-base)}[data-theme=dark] .status-error{background:var(--color-rgba-239-68-68-0-15);color:var(--color-hex-fca5a5)}[data-theme=dark] .status-winner{background:linear-gradient(135deg,var(--color-rgba-16-185-129-0-2) 0%,rgba(52,211,153,.15) 100%);color:var(--color-hex-34d399);border-color:var(--color-rgba-16-185-129-0-4)}.dashboard-sidebar{display:flex;flex-direction:column;gap:var(--size-16)}.auction-list{list-style:none;margin:0;padding:0}.auction-item{display:flex;align-items:center;justify-content:space-between;padding:var(--size-14) var(--size-16);border-bottom:var(--size-1) solid var(--border-default);cursor:pointer;transition:background var(--transition-duration)}.auction-item:last-child{border-bottom:none}.auction-item:hover{background:var(--bg-soft)}.auction-info{display:flex;flex-direction:column;gap:var(--size-4)}.auction-name{font-size:var(--size-14);font-weight:var(--font-weight-medium);color:var(--text-primary)}.auction-date{display:flex;align-items:center;gap:var(--size-4);font-size:var(--size-12);color:var(--text-secondary)}.mini-icon{width:var(--size-14);height:var(--size-14)}.auction-arrow{width:var(--size-16);height:var(--size-16);color:var(--icon-default)}.empty-mini{padding:var(--size-32) var(--size-16);text-align:center}.empty-mini-icon{width:var(--size-32);height:var(--size-32);color:var(--icon-default);margin:0 auto var(--size-8)}.empty-mini p{font-size:var(--size-14);color:var(--text-secondary);margin:0}.quick-actions{padding:var(--size-8);display:flex!important;flex-direction:column!important;gap:var(--size-4)}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.dashboard-sidebar{flex-direction:row;gap:var(--size-12)}.dashboard-sidebar>*{flex:1;min-width:0}.quick-actions{flex-direction:column;gap:var(--size-6)}.quick-btn{padding:var(--size-10);font-size:var(--size-13);gap:var(--size-8)}.quick-icon{width:var(--size-18);height:var(--size-18)}}@media(max-width:768px){.dashboard-page{padding:var(--size-16)}.dashboard-header{flex-direction:column;align-items:flex-start;gap:var(--size-16)}.dashboard-page .stats-row{grid-template-columns:repeat(2,1fr)}.dashboard-sidebar,.quick-actions{flex-direction:column}.dashboard-page .stats-row .stat-card{padding:var(--size-16)}.dashboard-page .stats-row .stat-value{font-size:var(--size-24)}.table-wrap{overflow:visible;border-radius:var(--size-12)}.data-table{display:block;width:100%;overflow:hidden}.data-table thead{display:none}.data-table tbody{display:block}.data-table tbody tr{display:block;margin-bottom:var(--size-12);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-16);background:var(--bg-card);box-shadow:0 var(--size-1) var(--size-3) var(--color-rgba-0-0-0-0-05)}.data-table tbody tr:last-child{margin-bottom:0}.data-table td{display:flex;flex-direction:column;align-items:flex-start;padding:var(--size-10) 0;border-bottom:var(--size-1) solid var(--border-default);gap:var(--size-4);border-left:none!important;border-right:none!important}.data-table td:first-child{padding-top:0;border-top:none}.data-table td:last-child{border-bottom:none;padding-bottom:0}.data-table td:before{content:attr(data-label);font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--size-11);text-transform:uppercase;letter-spacing:.05em}.data-table td[data-label=""]:before{display:none}}@media(max-width:480px){.dashboard-page .stats-row{grid-template-columns:1fr}}.admin-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--size-12)}.admin-action-btn{display:flex;align-items:center;gap:var(--size-14);padding:var(--size-14) var(--size-16);background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-10);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);text-align:left}.admin-action-btn:hover{background:var(--bg-soft);border-color:var(--primary-base);transform:translateY(var(--offset-1));box-shadow:var(--shadow-card)}.admin-action-btn .action-icon{width:var(--size-40);height:var(--size-40);color:var(--primary-base);flex-shrink:0}.admin-action-btn .action-text{display:flex;flex-direction:column;gap:var(--size-2);flex:1}.admin-action-btn .action-title{font-size:var(--size-14);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.admin-action-btn .action-desc{font-size:var(--size-12);color:var(--text-secondary);line-height:1.3}@media(max-width:1024px){.admin-quick-actions{grid-template-columns:1fr}}@media(max-width:768px){.admin-action-btn{padding:var(--size-12)}.admin-action-btn .action-icon{width:var(--size-32);height:var(--size-32)}}.payment-modal{width:100%}.payment-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--size-24)}.payment-modal-title{display:flex;align-items:center;gap:var(--size-12)}.payment-modal-title h3{margin:0;font-size:var(--size-20);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.payment-modal-icon{width:var(--size-40);height:var(--size-40);background:var(--gradient-green);border-radius:var(--size-12);display:flex;align-items:center;justify-content:center}.payment-modal-icon svg{width:var(--size-24);height:var(--size-24);color:var(--text-white)}.payment-modal-close{width:var(--size-36);height:var(--size-36);border:none;background:var(--bg-soft);border-radius:var(--size-8);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-duration) var(--transition-easing)}.payment-modal-close:hover{background:var(--bg-hover)}.payment-modal-close svg{width:var(--size-20);height:var(--size-20);color:var(--text-secondary)}.payment-modal-desc{color:var(--text-secondary);font-size:var(--size-14);line-height:1.5;margin-bottom:var(--size-24);padding:var(--size-12) var(--size-16);background:var(--bg-soft);border-radius:var(--size-8);border-left:3px solid var(--status-positive)}.payment-form-group{margin-bottom:var(--size-20)}.payment-form-label{display:flex;align-items:center;gap:var(--size-8);margin-bottom:var(--size-8);font-weight:var(--font-weight-medium);font-size:var(--size-14);color:var(--text-primary)}.payment-form-label svg{width:var(--size-18);height:var(--size-18);color:var(--text-muted)}.payment-form-label .required{color:var(--status-critical)}.payment-form-input{width:100%;padding:var(--size-12) var(--size-14);border:1px solid var(--border-default);border-radius:var(--size-10);background:var(--bg-card);color:var(--text-primary);font-size:var(--size-15);font-family:inherit;transition:border-color var(--transition-duration) var(--transition-easing),box-shadow var(--transition-duration) var(--transition-easing)}.payment-form-input:focus{outline:none;border-color:var(--primary-base);box-shadow:0 0 0 var(--size-3) var(--color-rgba-59-130-246-0-1)}.payment-form-input::placeholder{color:var(--text-muted)}.payment-form-textarea{resize:vertical;min-height:80px}.payment-upload-area{border:2px dashed var(--border-default);border-radius:var(--size-12);padding:var(--size-24);text-align:center;background:var(--bg-soft);cursor:pointer;transition:border-color var(--transition-duration) var(--transition-easing),background var(--transition-duration) var(--transition-easing)}.payment-upload-area:hover{border-color:var(--primary-base);background:var(--color-rgba-59-130-246-0-05)}.payment-upload-icon{width:var(--size-48);height:var(--size-48);margin:0 auto var(--size-12);background:var(--bg-card);border-radius:var(--size-12);display:flex;align-items:center;justify-content:center}.payment-upload-icon svg{width:var(--size-24);height:var(--size-24);color:var(--text-muted)}.payment-upload-text{color:var(--text-secondary);font-size:var(--size-14);margin:0 0 var(--size-8)}.payment-upload-hint{color:var(--text-muted);font-size:var(--size-12);margin:0}.payment-upload-input{margin-top:var(--size-12)}.payment-form-actions{display:flex;gap:var(--size-12);justify-content:flex-end;margin-top:var(--size-28);padding-top:var(--size-20);border-top:1px solid var(--border-default)}.payment-btn{padding:var(--size-12) var(--size-24);border-radius:var(--size-10);font-size:var(--size-15);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);display:flex;align-items:center;gap:var(--size-8)}.payment-btn-cancel{border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-primary)}.payment-btn-cancel:hover{background:var(--bg-soft)}.payment-btn-submit{border:none;background:var(--gradient-green);color:var(--text-white)}.payment-btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-success)}.payment-btn-submit:disabled{opacity:.6;cursor:not-allowed}.payment-btn svg{width:var(--size-18);height:var(--size-18)}[data-theme=dark] .payment-form-input{background:var(--bg-soft);border-color:var(--border-default);color:var(--text-primary)}[data-theme=dark] .payment-form-input:focus{border-color:var(--primary-base);box-shadow:0 0 0 var(--size-3) var(--color-rgba-59-130-246-0-2)}[data-theme=dark] .payment-form-input::placeholder{color:var(--text-muted)}[data-theme=dark] .payment-upload-area{background:var(--color-rgba-30-41-59-0-5);border-color:var(--border-default)}[data-theme=dark] .payment-upload-area:hover{background:var(--color-rgba-59-130-246-0-1);border-color:var(--primary-base)}[data-theme=dark] .payment-upload-icon{background:var(--bg-card)}[data-theme=dark] .payment-btn-cancel{background:var(--bg-soft);border-color:var(--border-default);color:var(--text-primary)}[data-theme=dark] .payment-btn-cancel:hover{background:var(--bg-hover)}@media(max-width:480px){.payment-modal{max-width:100%}.payment-form-actions{flex-direction:column}.payment-btn{width:100%;justify-content:center}}.status-badge.status-winner{background:linear-gradient(135deg,var(--color-rgba-16-185-129-0-15) 0%,rgba(52,211,153,.1) 100%);color:var(--status-positive);font-weight:var(--font-weight-semibold);border:1px solid var(--color-rgba-16-185-129-0-3);animation:winner-glow 2s ease-in-out infinite}@keyframes winner-glow{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 12px 2px var(--color-rgba-16-185-129-0-3)}}[data-theme=dark] .status-badge.status-winner{background:linear-gradient(135deg,var(--color-rgba-16-185-129-0-2) 0%,rgba(52,211,153,.15) 100%);color:var(--color-hex-34d399);border-color:var(--color-rgba-16-185-129-0-4)}.payment-modal-overlay{position:fixed;inset:0;background:var(--color-rgba-0-0-0-0-5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--size-20);animation:fadeIn var(--transition-duration) var(--transition-easing)}.payment-modal-container{background:var(--bg-card);padding:var(--size-24);border-radius:var(--radius-large);box-shadow:0 25px 50px -12px var(--color-rgba-0-0-0-0-25);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp var(--transition-duration) var(--transition-easing)}@media(max-width:540px){.payment-modal-overlay{padding:var(--size-16);align-items:flex-end}.payment-modal-container{max-width:100%;border-radius:var(--radius-large) var(--radius-large) 0 0;max-height:85vh}}.ndas-page{padding:var(--size-24);max-width:var(--size-1400);margin:0 auto;background:var(--bg-page);min-height:calc(100vh - var(--size-64))}.ndas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--size-24);padding-bottom:var(--size-24);border-bottom:var(--size-1) solid var(--border-default)}.stat-card.clickable{cursor:pointer;transition:border-color var(--transition-duration),box-shadow var(--transition-duration)}.stat-card.clickable:hover{border-color:var(--primary-base);box-shadow:0 var(--size-4) var(--size-12) var(--color-rgba-93-169-255-0-1)}.stat-icon-wrap.purple{background:var(--color-rgba-93-169-255-0-1);color:var(--primary-base)}.ndas-grid{display:grid;grid-template-columns:1fr 360px;gap:var(--size-24)}.ndas-card{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);overflow:hidden}.main-card{min-height:var(--size-400)}.card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--size-16) var(--size-20);border-bottom:var(--size-1) solid var(--border-default)}.card-header h2{font-size:var(--size-16);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}[data-theme=dark] .card-header h2{color:var(--color-hex-f8fafc)}.search-box{display:flex;align-items:center;gap:var(--size-8);background:var(--bg-soft);border:var(--size-1) solid var(--border-default);border-radius:var(--size-8);padding:var(--size-8) var(--size-12);width:var(--size-280)}.search-input{flex:1;border:none;background:transparent;font-size:var(--size-14);color:var(--text-primary);outline:none}.cell-id{font-weight:var(--font-weight-medium);color:var(--text-secondary);width:var(--size-100)}.cell-title{font-weight:var(--font-weight-medium);color:var(--text-primary)}.cell-action{width:var(--size-100)}.btn-view{padding:var(--size-6) var(--size-12);background:var(--bg-muted);border:var(--size-1) solid var(--border-default);border-radius:var(--size-6);font-size:var(--size-13);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;transition:all var(--transition-duration);text-decoration:none;display:inline-block}.btn-view:hover:not(:disabled){background:var(--bg-soft);border-color:var(--primary-base)}.btn-view:disabled{opacity:.5;cursor:not-allowed}.status-badge{display:inline-block;padding:var(--size-4) var(--size-10);border-radius:var(--size-6);font-size:var(--size-12);font-weight:var(--font-weight-medium)}.status-success{background:var(--color-hex-f0fdf4);color:var(--color-hex-15803d)}.status-warning{background:var(--color-hex-fff7ed);color:var(--color-hex-c2410c)}[data-theme=dark] .status-success{background:var(--color-rgba-16-185-129-0-15);color:var(--color-hex-34d399)}[data-theme=dark] .status-warning{background:var(--color-rgba-245-158-11-0-15);color:var(--color-hex-fbbf24)}.empty-icon{width:var(--size-56);height:var(--size-56);color:var(--icon-default);margin:0 auto var(--size-16)}[data-theme=dark] .empty-state h3{color:var(--color-hex-f8fafc)}.empty-state p{font-size:var(--size-14);color:var(--text-secondary);margin:0 0 var(--size-20) 0}[data-theme=dark] .empty-state p{color:var(--color-hex-64748b)}.ndas-sidebar{display:flex;flex-direction:column;gap:var(--size-16)}.info-content{padding:var(--size-16) var(--size-20)}.info-text{font-size:var(--size-14);line-height:1.6;color:var(--text-secondary);margin:0}[data-theme=dark] .info-text{color:var(--color-hex-64748b)}.quick-actions{padding:var(--size-8);display:flex;flex-direction:column;gap:var(--size-4)}.quick-btn{display:flex;align-items:center;gap:var(--size-12);width:100%;padding:var(--size-12);background:none;border:none;border-radius:var(--size-8);font-size:var(--size-14);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;text-align:left;transition:background var(--transition-duration);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-btn:hover{background:var(--bg-soft)}.quick-icon{width:var(--size-20);height:var(--size-20);color:var(--text-secondary);flex-shrink:0}[data-theme=dark] .loading-state p{color:var(--color-hex-64748b)}@media(max-width:1024px){.ndas-grid{grid-template-columns:1fr}.ndas-sidebar{flex-direction:row}.ndas-sidebar>*{flex:1}.quick-actions{flex-direction:column}}@media(max-width:768px){.ndas-page{padding:var(--size-16)}.ndas-header{flex-direction:column;align-items:flex-start;gap:var(--size-16)}.stats-row{grid-template-columns:repeat(2,1fr)}.ndas-sidebar,.quick-actions{flex-direction:column}.stat-card{padding:var(--size-16)}.stat-value{font-size:var(--size-24)}.search-box{width:100%}.card-header{flex-direction:column;align-items:flex-start;gap:var(--size-12)}}.dashboard-page{padding:var(--size-32);max-width:var(--size-1400);margin:0 auto;background:var(--ds-surface-page);min-height:calc(100vh - var(--size-64));position:relative;isolation:isolate}.dashboard-page:before{content:"";position:absolute;inset:0;background:transparent;pointer-events:none;z-index:0}.dashboard-page>*{position:relative;z-index:1}.page-header{margin-bottom:var(--size-28);padding:var(--size-24);background:var(--ds-surface-card);border:var(--size-1) solid var(--ds-border);border-radius:var(--size-18);box-shadow:var(--ds-shadow-header)}.page-title{font-size:var(--size-30);font-weight:var(--font-weight-bold);color:var(--ds-text-strong);margin:0 0 var(--size-6) 0;letter-spacing:var(--letter-spacing-tight-05)}.page-subtitle{font-size:var(--size-16);color:var(--ds-text-muted);margin:0;font-weight:var(--font-weight-regular);max-width:var(--size-640)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--size-16);margin-bottom:var(--size-32)}.dashboard-section{background:var(--ds-surface-card);border:var(--size-1) solid var(--ds-border);border-radius:var(--size-18);padding:var(--size-24);margin-bottom:var(--size-24);box-shadow:var(--ds-shadow-section)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--size-20)}.section-header h2{font-size:var(--size-20);font-weight:var(--font-weight-semibold);color:var(--ds-text-strong);margin:0}.link-button{background:var(--ds-link-bg);border:var(--size-1) solid transparent;color:var(--ds-accent-600);font-size:var(--size-14);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--size-6) var(--size-12);border-radius:var(--size-6);transition:all var(--transition-duration);display:inline-flex;align-items:center;gap:var(--size-4)}.link-button:hover{background:var(--ds-link-bg-hover);border-color:var(--ds-link-border-hover)}.link-button:focus-visible{outline:var(--size-2) solid var(--ds-focus-ring);outline-offset:var(--size-2)}.empty-state{padding:var(--size-80) var(--size-24);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--size-16)}.empty-state svg{color:var(--ds-icon-muted);opacity:.6}.empty-state p{font-size:var(--size-16);color:var(--ds-text-muted);margin:0;font-weight:var(--font-weight-medium)}.primary-button{display:inline-flex;align-items:center;gap:var(--size-8);padding:var(--size-12) var(--size-24);background:var(--ds-accent-600);color:var(--text-white);border:none;border-radius:var(--size-10);font-size:var(--size-15);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-duration);box-shadow:var(--ds-shadow-primary);margin-top:var(--size-8)}.primary-button:hover{transform:translateY(var(--offset-2));box-shadow:var(--ds-shadow-primary-hover)}.primary-button:active{transform:translateY(0)}.table-container{overflow-x:auto;border-radius:var(--size-12);border:var(--size-1) solid var(--ds-border);background:var(--ds-surface-card);box-shadow:var(--ds-shadow-inset)}.data-table thead{background:var(--ds-surface-muted)}.data-table th{padding:var(--size-14) var(--size-20);text-align:left;font-size:var(--size-12);font-weight:var(--font-weight-semibold);color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide-06);border-bottom:var(--size-1) solid var(--ds-border)}.data-table td{padding:var(--size-16) var(--size-20);border-bottom:var(--size-1) solid var(--ds-surface-muted);font-size:var(--size-14);color:var(--ds-text);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-duration),transform var(--transition-duration)}.data-table tbody tr:hover{background:var(--ds-surface-muted)}.data-table tbody tr:nth-child(2n){background:var(--ds-table-row-alt)}.status-badge{display:inline-block;padding:var(--size-6) var(--size-12);border-radius:var(--size-8);font-size:var(--size-12);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide-03);border:var(--size-1) solid transparent}.status-submitted{background:var(--ds-status-draft-bg);color:var(--ds-status-draft-text);border-color:var(--ds-status-draft-border)}.status-approved{background:var(--ds-status-published-bg);color:var(--ds-status-published-text);border-color:var(--ds-status-published-border)}.status-rejected{background:var(--ds-status-archived-bg);color:var(--ds-status-archived-text);border-color:var(--ds-status-archived-border)}.action-button{padding:var(--size-8) var(--size-16);background:var(--ds-surface-muted);border:var(--size-1) solid var(--ds-border);border-radius:var(--size-8);font-size:var(--size-13);font-weight:var(--font-weight-medium);color:var(--ds-text);cursor:pointer;transition:all var(--transition-duration)}.action-button:hover{background:var(--ds-surface-page);border-color:var(--ds-link-border-hover);color:var(--ds-text-strong)}.action-button:focus-visible{outline:var(--size-2) solid var(--ds-focus-ring);outline-offset:var(--size-2)}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--size-16)}.action-card{background:var(--ds-surface-card);border:var(--size-1) solid var(--ds-border);border-radius:var(--size-16);padding:var(--size-20) var(--size-18);display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);position:relative;overflow:hidden;box-shadow:var(--ds-shadow-action)}.action-card:before{content:"";position:absolute;inset:0;background:transparent;opacity:0;transition:opacity var(--transition-duration)}.action-card:hover{transform:translateY(var(--offset-6));border-color:var(--ds-accent-500);box-shadow:var(--ds-shadow-action-hover)}.action-card:hover:before{opacity:1}.action-card svg{color:var(--ds-accent-600);transition:transform var(--transition-duration);background:var(--ds-icon-bg);padding:var(--size-10);border-radius:var(--size-12)}.action-card:hover svg{transform:scale(1.1)}.action-card h3{font-size:var(--size-15);font-weight:var(--font-weight-semibold);color:var(--ds-text-strong);margin:var(--size-12) 0 var(--size-6) 0}.action-card p{font-size:var(--size-13);color:var(--ds-text-muted);margin:0;line-height:1.5}.loading-skeleton{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--size-400);font-size:var(--size-16);color:var(--ds-text-muted)}@media(max-width:1024px){.dashboard-page{padding:var(--size-24)}.stats-grid,.quick-actions{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-page{padding:var(--size-16)}.page-title{font-size:var(--size-24)}.page-subtitle{font-size:var(--size-14)}.stats-grid{grid-template-columns:1fr;gap:var(--size-16)}.dashboard-section{padding:var(--size-20)}.quick-actions{grid-template-columns:1fr}.action-card{padding:var(--size-28) var(--size-20)}.table-container{border:none}.data-table thead{display:none}.data-table tbody{display:block}.data-table tbody tr{display:block;margin-bottom:var(--size-16);border:var(--size-1) solid var(--ds-border);border-radius:var(--size-12);padding:var(--size-16);background:var(--ds-surface-card)}.data-table td{display:flex;flex-direction:column;align-items:flex-start;padding:var(--size-12) 0;border-bottom:var(--size-1) solid var(--ds-surface-muted);gap:var(--size-4)}.data-table td:first-child{padding-top:0}.data-table td:last-child{border-bottom:none;padding-bottom:0}.data-table td:before{content:attr(data-label);font-weight:var(--font-weight-semibold);color:var(--ds-text-muted);font-size:var(--size-12);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide-05)}}@media(max-width:480px){.dashboard-page{padding:var(--size-12)}.dashboard-header{padding:var(--size-12);gap:var(--size-10)}.page-title{font-size:var(--size-20)}.page-subtitle{font-size:var(--size-12)}.stats-grid{grid-template-columns:1fr;gap:var(--size-10)}.stat-card{padding:var(--size-14)}.stat-value{font-size:var(--size-24)}.stat-label{font-size:var(--size-12)}.stat-change{font-size:var(--size-11)}.dashboard-section{padding:var(--size-12)}.section-title{font-size:var(--size-16)}.data-table{font-size:var(--size-12)}.quick-actions-panel{gap:var(--size-8)}.mini-action-button{padding:var(--size-8) var(--size-12);font-size:var(--size-13)}.mini-action-button svg{width:var(--size-16);height:var(--size-16)}}.quick-actions-panel{display:flex;gap:var(--size-12);flex-wrap:wrap}.mini-action-button{display:inline-flex;align-items:center;gap:var(--size-8);padding:var(--size-10) var(--size-16);background:var(--ds-surface-muted);border:var(--size-1) solid var(--ds-border);border-radius:var(--size-8);font-size:var(--size-14);font-weight:var(--font-weight-medium);color:var(--ds-text);cursor:pointer;transition:all var(--transition-duration)}.mini-action-button:hover{background:var(--ds-surface-page);border-color:var(--ds-accent-500);color:var(--ds-accent-600);transform:translateY(var(--offset-1))}.mini-action-button svg{width:var(--size-18);height:var(--size-18);color:var(--ds-text-muted);transition:color var(--transition-duration)}.mini-action-button:hover svg{color:var(--ds-accent-600)}.applications-page{padding:var(--size-24);max-width:var(--size-1400);margin:0 auto;background:var(--bg-page);min-height:calc(100vh - var(--size-64))}.applications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--size-24);padding-bottom:var(--size-24);border-bottom:var(--size-1) solid var(--border-default)}.header-text h1{font-size:var(--size-24);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--size-4) 0}[data-theme=dark] .header-text h1{color:var(--color-hex-f8fafc)}.header-text p{font-size:var(--size-14);color:var(--text-secondary);margin:0}[data-theme=dark] .header-text p{color:var(--color-hex-64748b)}.btn-primary{display:inline-flex;align-items:center;gap:var(--size-8);padding:var(--size-10) var(--size-20);background:var(--primary-base);color:var(--text-white);border:none;border-radius:var(--size-8);font-size:var(--size-14);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-duration)}.btn-primary:hover{background:var(--primary-gradient)}.btn-icon-sm{width:var(--size-16);height:var(--size-16)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--size-16);margin-bottom:var(--size-24)}.stat-card{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-20);display:flex;align-items:center;gap:var(--size-16)}.stat-icon-wrap.blue{background:var(--color-rgba-59-130-246-0-1);color:var(--primary-base)}.stat-icon-wrap.orange{background:var(--color-rgba-245-158-11-0-125);color:var(--color-hex-ea580c)}.stat-icon-wrap.green{background:var(--color-rgba-16-185-129-0-1);color:var(--color-hex-16a34a)}.stat-icon-wrap.red{background:var(--color-rgba-239-68-68-0-1);color:var(--color-hex-dc2626)}.stat-data{display:flex;flex-direction:column}[data-theme=dark] .stat-value{color:var(--color-hex-f8fafc)}[data-theme=dark] .stat-label{color:var(--color-hex-64748b)}.filters{background:var(--bg-card);border-radius:var(--size-12);padding:var(--size-20);border:var(--size-1) solid var(--border-default);box-shadow:0 var(--size-1) var(--size-3) var(--color-rgba-0-0-0-0-1);margin-bottom:var(--size-24);display:flex;align-items:center;gap:var(--size-20);flex-wrap:wrap}[data-theme=dark] .filters{background:var(--bg-card)!important;border-color:var(--border-default)}[data-theme=dark] .search-input{color:var(--color-hex-f8fafc)}[data-theme=dark] .search-input::placeholder{color:var(--color-hex-64748b)}.search-box{position:relative;flex:1;min-width:var(--size-300)}.search-icon{position:absolute;left:var(--size-12);top:50%;transform:translateY(var(--offset-50p));color:var(--text-secondary);width:var(--size-18);height:var(--size-18);pointer-events:none;z-index:1}.search-input{width:100%;height:var(--size-44);padding:0 var(--size-12) 0 var(--size-40);border:none;border-radius:0;background:transparent;font-size:var(--size-15);font-family:inherit;color:var(--text-primary);outline:none;transition:all var(--transition-duration) var(--transition-easing)}.search-input:focus{color:var(--text-primary)}.search-input::placeholder{color:var(--text-muted);font-weight:var(--font-weight-regular)}.status-filters{display:flex;gap:var(--size-8);flex-wrap:wrap}.filter-btn{height:var(--size-40);padding:0 var(--size-20);border-radius:var(--size-20);background:var(--bg-card);color:var(--text-secondary);font-size:var(--size-14);font-weight:var(--font-weight-medium);border:var(--size-1) solid var(--border-default);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);white-space:nowrap}.filter-btn:hover{background:var(--bg-soft);color:var(--text-primary);border-color:var(--border-default)}.filter-btn.active{background:var(--primary-base);border-color:var(--primary-base);color:var(--text-white);box-shadow:0 var(--size-2) var(--size-8) var(--color-rgba-59-130-246-0-3)}.applications-card{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);overflow:hidden}.table-wrap{overflow-x:auto}.data-table thead{background:var(--bg-soft)}.data-table td{padding:var(--size-14) var(--size-16);border-bottom:var(--size-1) solid var(--border-default);font-size:var(--size-14);color:var(--text-primary)}.data-table tbody tr:hover{background:var(--bg-soft)}.cell-id{font-weight:var(--font-weight-medium);color:var(--text-secondary);width:var(--size-80)}.cell-title{max-width:var(--size-400)}.title-content{display:flex;flex-direction:column;gap:var(--size-4)}.title-text{font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:1.4}.rejection-reason{font-size:var(--size-12);color:var(--color-hex-dc2626);font-style:italic}.cell-date{color:var(--text-secondary);width:var(--size-160)}.cell-price{font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap}.cell-actions{width:var(--size-200)}.status-badge,.payment-badge{display:inline-block;padding:var(--size-4) var(--size-10);border-radius:var(--size-6);font-size:var(--size-12);font-weight:var(--font-weight-medium)}.status-badge.status-pending{background:var(--color-hex-fff7ed);color:var(--color-hex-ea580c)}.status-badge.status-approved{background:var(--color-hex-dcfce7);color:var(--color-hex-16a34a)}.status-badge.status-rejected{background:var(--color-hex-fee2e2);color:var(--color-hex-dc2626)}.status-badge.status-payment{background:var(--color-rgba-93-169-255-0-1);color:var(--primary-base)}.payment-badge.confirmed{background:var(--color-hex-dcfce7);color:var(--color-hex-16a34a)}.payment-badge.pending{background:var(--color-hex-f3f4f6);color:var(--color-hex-6b7280)}[data-theme=dark] .payment-badge.confirmed{background:var(--color-rgba-22-163-74-0-2);color:var(--color-hex-34d399)}[data-theme=dark] .payment-badge.pending{background:var(--color-rgba-107-114-128-0-2);color:var(--color-hex-9ca3af)}.btn-upload{display:inline-flex;align-items:center;gap:var(--size-6);padding:var(--size-6) var(--size-12);background:var(--primary-base);color:var(--text-white);border:none;border-radius:var(--size-6);font-size:var(--size-12);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-duration);white-space:nowrap}.btn-upload:hover{background:var(--ds-accent-500)}.action-text{color:var(--color-hex-9ca3af);font-size:var(--size-13)}.empty-state{padding:var(--size-60) var(--size-24);text-align:center}.empty-icon{width:var(--size-56);height:var(--size-56);color:var(--color-hex-d1d5db);margin:0 auto var(--size-16)}.empty-state h3{font-size:var(--size-16);font-weight:var(--font-weight-semibold);color:var(--color-hex-374151);margin:0 0 var(--size-8) 0}.empty-state p{font-size:var(--size-14);color:var(--color-hex-6b7280);margin:0 0 var(--size-20) 0}.loading-state p{font-size:var(--size-14);color:var(--color-hex-6b7280)}@media(max-width:1024px){.stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.applications-page{padding:var(--size-16)}.applications-header{flex-direction:column;align-items:flex-start;gap:var(--size-16)}.stats-row{grid-template-columns:repeat(2,1fr);gap:var(--size-12)}.stat-card{padding:var(--size-16)}.stat-value{font-size:var(--size-24)}.filters{flex-direction:column;align-items:stretch;gap:var(--size-12)}.search-box{min-width:100%}.status-filters{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.status-filters::-webkit-scrollbar{display:none}.table-wrap{overflow:visible}.data-table thead{display:none}.data-table tbody{display:block}.data-table tbody tr{display:block;margin-bottom:var(--size-12);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-16);background:var(--bg-card)}.data-table td{display:flex;flex-direction:column;align-items:flex-start;padding:var(--size-12) 0;border-bottom:var(--size-1) solid var(--border-light);gap:var(--size-4)}.data-table td:first-child{padding-top:0}.data-table td:last-child{border-bottom:none;padding-bottom:0}.data-table td:before{content:attr(data-label);font-weight:var(--font-weight-semibold);color:var(--color-hex-6b7280);font-size:var(--size-12);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide-05);min-width:var(--size-120);padding-top:var(--size-2)}.cell-title,.cell-actions{max-width:100%;width:100%}.title-content{text-align:left;max-width:100%;align-items:flex-start}.btn-upload{font-size:var(--size-11);padding:var(--size-5) var(--size-10)}}@media(max-width:480px){.stats-row{grid-template-columns:1fr}}.filters-section{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.search-bar{position:relative;flex:1;max-width:var(--size-500)}.search-icon{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);width:var(--size-20);height:var(--size-20);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--size-40);border:var(--size-1) solid var(--border-default);border-radius:var(--radius-medium);font-size:var(--font-size-body);color:var(--text-primary);background:var(--bg-card);transition:all var(--transition-duration) var(--transition-easing)}.search-input:focus{outline:none;border-color:var(--primary-base);box-shadow:0 0 0 var(--size-3) var(--primary-light)}.search-input::placeholder{color:var(--text-muted)}.status-filters{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:var(--size-1) solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-card);color:var(--text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.filter-chip:hover{background:var(--bg-hover);border-color:var(--primary-base)}.filter-chip.active{background:var(--primary-base);color:var(--text-white);border-color:var(--primary-base)}.filter-chip .chip-icon{width:var(--size-16);height:var(--size-16)}@media(max-width:768px){.filters-section{gap:var(--spacing-sm)}.search-bar{max-width:100%}.filter-chip{font-size:var(--font-size-caption);padding:var(--spacing-xs) var(--spacing-sm)}}.create-lot-page{padding:var(--size-32);max-width:var(--size-900);margin:0 auto;background:var(--bg-page);min-height:calc(100vh - var(--topbar-height))}.page-header-nav{display:flex;align-items:center;gap:var(--size-16);margin-bottom:var(--size-24)}.page-header-nav h1{font-size:var(--size-24);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.page-header-nav .back-btn{display:flex;align-items:center;gap:var(--size-8);padding:var(--size-10) var(--size-16);background:transparent;border:none;color:var(--text-secondary);font-size:var(--size-14);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);border-radius:var(--size-6)}.page-header-nav .back-btn:hover{background:var(--bg-soft);color:var(--text-primary)}.page-header-nav .back-btn .icon{width:var(--size-18);height:var(--size-18)}.lot-form{display:flex;flex-direction:column;gap:var(--size-32)}.form-section{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-24)}.section-title{font-size:var(--size-18);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--size-4) 0}.section-desc{font-size:var(--size-13);color:var(--text-secondary);margin:0 0 var(--size-20) 0}.type-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--size-16)}.type-option{position:relative;border:var(--size-2) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-20);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);display:flex;align-items:flex-start;gap:var(--size-12)}.type-option:hover{border-color:var(--primary-base);background:var(--bg-highlight)}.type-option.active{border-color:var(--primary-base);background:var(--bg-highlight);box-shadow:0 0 0 var(--size-3) var(--color-rgba-225-29-72-0-1)}.type-option input[type=radio]{margin-top:var(--size-2);accent-color:var(--primary-base)}.type-content{display:flex;flex-direction:column;gap:var(--size-4)}.type-title{font-size:var(--size-15);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.type-desc{font-size:var(--size-12);color:var(--text-secondary)}.auction-method-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--size-16)}.method-option{position:relative;border:var(--size-2) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-20);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);display:flex;align-items:flex-start;gap:var(--size-12)}.method-option:hover{border-color:var(--primary-base);background:var(--bg-highlight)}.method-option.active{border-color:var(--primary-base);background:var(--bg-highlight);box-shadow:0 0 0 var(--size-3) var(--color-rgba-225-29-72-0-1)}.method-option input[type=radio]{margin-top:var(--size-2);width:var(--size-18);height:var(--size-18);accent-color:var(--primary-base);cursor:pointer;flex-shrink:0;appearance:auto;-webkit-appearance:radio;-moz-appearance:radio}.method-content{display:flex;flex-direction:column;gap:var(--size-4);flex:1}.method-title{font-size:var(--size-15);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.method-desc{font-size:var(--size-12);color:var(--text-secondary);line-height:1.5}.auction-info-box{padding:var(--size-16);background:var(--bg-highlight);border:var(--size-1) solid var(--border-default);border-radius:var(--size-8);margin-top:var(--size-8)}.info-box-title{display:block;margin-bottom:var(--size-8);color:var(--text-primary);font-size:var(--size-14);font-weight:var(--font-weight-semibold)}.info-box-content{font-size:var(--size-13);color:var(--text-secondary);line-height:1.6}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-20)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--size-20)}.form-grid .full-width{grid-column:span 2}.form-group{display:flex;flex-direction:column;gap:var(--size-8)}.form-group label{font-size:var(--size-14);font-weight:var(--font-weight-medium);color:var(--text-primary);display:flex;align-items:center;gap:var(--size-8)}.label-hint{font-size:var(--size-12);font-weight:var(--font-weight-regular);color:var(--text-secondary);margin-left:auto}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{padding:var(--size-12) var(--size-16);border:var(--size-1) solid var(--border-default);border-radius:var(--size-8);font-size:var(--size-14);color:var(--text-primary);background:var(--bg-white);transition:all var(--transition-duration) var(--transition-easing);font-family:inherit;text-align:left}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--size-12) center;padding-right:var(--size-36)}.form-group .styled-select{padding:var(--size-14) var(--size-16)!important;font-size:var(--size-15)!important;font-weight:var(--font-weight-medium)!important;color:var(--text-primary)!important;background:var(--bg-white)!important;border:var(--size-1) solid var(--border-default)!important;border-radius:var(--size-8)!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%23666' d='M7 10L2 5h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right var(--size-14) center!important;background-size:14px!important;padding-right:var(--size-40)!important;transition:all var(--transition-duration) var(--transition-easing)!important;box-shadow:0 var(--size-1) var(--size-2) var(--color-rgba-0-0-0-0-05)!important}.form-group .styled-select:hover{border-color:var(--primary-base)!important;box-shadow:0 var(--size-2) var(--size-4) var(--color-rgba-0-0-0-0-08)!important}.form-group .styled-select:focus{outline:none!important;border-color:var(--primary-base)!important;box-shadow:0 0 0 var(--size-3) var(--color-rgba-93-169-255-0-1)!important}.form-group .styled-select option{padding:var(--size-12);font-weight:var(--font-weight-medium);background:var(--bg-white);color:var(--text-primary)}.form-group input[type=text]:hover,.form-group input[type=number]:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--primary-base)}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-base);box-shadow:0 0 0 var(--size-3) var(--color-rgba-225-29-72-0-1)}.form-group textarea{resize:vertical;min-height:var(--size-100)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.back-button{display:flex;align-items:center;gap:var(--size-8);padding:var(--size-8) var(--size-16);background:transparent;border:var(--size-1) solid var(--border-default);border-radius:var(--size-8);color:var(--text-secondary);font-size:var(--size-14);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.back-button:hover{background:var(--bg-soft);color:var(--text-primary);border-color:var(--primary-base)}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--size-8);padding:var(--size-12) var(--size-24);background:var(--primary-base);color:var(--text-white);border:none;border-radius:var(--size-8);font-size:var(--size-14);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.primary-button:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 var(--size-4) var(--size-12) var(--color-rgba-225-29-72-0-3)}.primary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--size-8);padding:var(--size-12) var(--size-24);background:var(--bg-soft);color:var(--text-primary);border:var(--size-1) solid var(--border-default);border-radius:var(--size-8);font-size:var(--size-14);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.secondary-button:hover:not(:disabled){background:var(--bg-muted)}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--size-12);padding-top:var(--size-16);border-top:var(--size-1) solid var(--border-default)}.actions-right{display:flex;gap:var(--size-12)}.btn{padding:var(--size-12) var(--size-24);border-radius:var(--size-8);font-size:var(--size-14);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);border:none;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-button)}.btn-outline{background:transparent;color:var(--text-primary);border:var(--size-1) solid var(--border-default)}.btn-outline:hover:not(:disabled){background:var(--bg-soft);border-color:var(--primary-base);color:var(--primary-base)}.file-upload-area{position:relative;margin-bottom:var(--size-20)}.file-input{position:absolute;opacity:0;width:0;height:0}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--size-48) var(--size-24);border:var(--size-2) dashed var(--border-default);border-radius:var(--size-12);background:var(--bg-soft);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);gap:var(--size-12)}.file-upload-label:hover{border-color:var(--primary-base);background:var(--bg-highlight)}.upload-icon{width:var(--size-48);height:var(--size-48);color:var(--text-muted)}.file-upload-label:hover .upload-icon{color:var(--primary-base)}.upload-text{font-size:var(--size-15);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.upload-hint{font-size:var(--size-12);color:var(--text-secondary)}.documents-list{margin-top:var(--size-20)}.documents-title{font-size:var(--size-14);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--size-12) 0}.document-item{display:flex;align-items:center;gap:var(--size-12);padding:var(--size-12) var(--size-16);background:var(--bg-white);border:var(--size-1) solid var(--border-default);border-radius:var(--size-8);margin-bottom:var(--size-8);transition:all var(--transition-duration) var(--transition-easing)}.document-item:hover{border-color:var(--primary-base);box-shadow:0 var(--size-1) var(--size-3) var(--color-rgba-0-0-0-0-05)}.doc-icon{width:var(--size-24);height:var(--size-24);color:var(--text-secondary);flex-shrink:0}.doc-info{flex:1;display:flex;flex-direction:column;gap:var(--size-2);min-width:0}.doc-name{font-size:var(--size-14);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-size{font-size:var(--size-12);color:var(--text-secondary)}.remove-doc-btn{padding:var(--size-8);background:transparent;border:none;cursor:pointer;border-radius:var(--size-6);transition:all var(--transition-duration) var(--transition-easing);flex-shrink:0}.remove-doc-btn:hover{background:var(--color-rgba-239-68-68-0-1)}.remove-icon{width:var(--size-18);height:var(--size-18);color:var(--text-secondary)}.remove-doc-btn:hover .remove-icon{color:var(--color-hex-ef4444)}@media(max-width:768px){.create-lot-page{padding:var(--size-16)}.type-selector,.auction-method-selector,.form-row,.form-grid{grid-template-columns:1fr}.form-grid .full-width{grid-column:span 1}.form-actions{flex-direction:column;gap:var(--size-12)}.actions-right{flex-direction:column;width:100%}.btn{width:100%}}.lots-selection{display:flex;flex-direction:column;gap:var(--size-12);max-height:var(--size-400);overflow-y:auto;padding:var(--size-8);background:var(--bg-soft);border:var(--size-1) solid var(--border-default);border-radius:var(--size-8)}.no-lots-message{text-align:center;padding:var(--size-32);color:var(--text-secondary);font-size:var(--size-14);line-height:1.6;margin:0}.lot-checkbox-item{display:flex;align-items:flex-start;gap:var(--size-12);padding:var(--size-16);background:var(--bg-white);border:var(--size-2) solid var(--border-default);border-radius:var(--size-8);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.lot-checkbox-item:hover{border-color:var(--primary-base);box-shadow:0 var(--size-2) var(--size-4) var(--color-rgba-0-0-0-0-05)}.lot-checkbox-item input[type=checkbox]{margin-top:var(--size-4);width:var(--size-18);height:var(--size-18);accent-color:var(--primary-base);cursor:pointer;flex-shrink:0}.lot-checkbox-content{flex:1;display:flex;flex-direction:column;gap:var(--size-8)}.lot-checkbox-title{font-size:var(--size-15);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.4}.lot-checkbox-details{display:flex;align-items:center;gap:var(--size-12);flex-wrap:wrap}.lot-detail-badge{padding:var(--size-4) var(--size-10);background:var(--bg-highlight);border:var(--size-1) solid var(--border-default);border-radius:var(--size-6);font-size:var(--size-12);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.lot-detail-price{font-size:var(--size-14);font-weight:var(--font-weight-semibold);color:var(--primary-base)}.lot-checkbox-item.lot-disabled{opacity:.5;cursor:not-allowed;background:var(--bg-soft)}.lot-checkbox-item.lot-disabled:hover{border-color:var(--border-default);box-shadow:none}.lot-checkbox-item.lot-disabled input[type=checkbox]{cursor:not-allowed}.lot-error-badge{display:inline-block;margin-left:var(--size-8);padding:var(--size-4) var(--size-8);background:var(--color-rgba-239-68-68-0-1);border:var(--size-1) solid var(--color-rgba-239-68-68-0-3);border-radius:var(--size-4);font-size:var(--size-11);font-weight:var(--font-weight-semibold);color:var(--color-hex-ef4444);text-transform:uppercase}.lot-detail-price-missing{font-size:var(--size-13);font-weight:var(--font-weight-medium);color:var(--color-hex-ef4444);font-style:italic}.my-lots-page{padding:var(--size-32);max-width:var(--size-1400);margin:0 auto;background:var(--bg-page);min-height:calc(100vh - var(--topbar-height))}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--size-24);gap:var(--size-16)}.btn{display:inline-flex;align-items:center;gap:var(--size-8);padding:var(--size-15) var(--size-24);border-radius:var(--size-10);font-size:var(--size-14);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);border:none;font-family:inherit;white-space:nowrap}.btn-primary:hover{background:var(--ds-accent-500);box-shadow:var(--shadow-button);color:var(--text-white)}.btn-icon{width:var(--size-20);height:var(--size-20)}.filters-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--size-24);flex-wrap:wrap;gap:var(--size-16)}.filters{display:inline-flex;gap:var(--size-4);background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-4)}.filter-btn{padding:var(--size-10) var(--size-20);background:transparent;border:none;border-radius:var(--size-8);font-size:var(--size-14);font-weight:var(--font-weight-semibold);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);white-space:nowrap;font-family:inherit}.filter-btn:hover{background:var(--bg-soft);color:var(--text-primary)}.filter-btn.active{background:var(--primary-base);color:var(--text-white);box-shadow:0 var(--size-1) var(--size-3) var(--color-rgba-0-0-0-0-1)}.lots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr));gap:var(--size-24)}.lot-card{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-20);display:flex;flex-direction:column;gap:var(--size-16);transition:all var(--transition-duration) var(--transition-easing);height:100%}.lot-card:hover{box-shadow:var(--shadow-card);transform:translateY(var(--offset-2));border-color:var(--ds-accent-500)}.lot-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--size-12)}.lot-badges{display:flex;flex-wrap:wrap;gap:var(--size-8)}.type-badge,.status-badge{padding:var(--size-4) var(--size-10);border-radius:var(--size-6);font-size:var(--size-11);font-weight:var(--font-weight-semibold);white-space:nowrap;text-transform:uppercase;letter-spacing:.02em}.status-badge{display:inline-flex;align-items:center;gap:var(--size-4)}.badge-draft{background:var(--color-rgba-245-158-11-0-125);color:var(--color-hex-f59e0b)}.badge-published{background:var(--color-rgba-16-185-129-0-125);color:var(--color-hex-10b981)}.lot-number{font-size:var(--size-11);color:var(--text-muted);font-weight:var(--font-weight-medium);font-family:monospace;background:var(--bg-muted);padding:var(--size-4) var(--size-8);border-radius:var(--size-4)}.lot-body{flex:1;display:flex;flex-direction:column;gap:var(--size-12)}.lot-name{font-size:var(--size-16);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.8em}.lot-description{font-size:var(--size-13);color:var(--text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:4.5em}.lot-details{display:flex;flex-direction:column;gap:var(--size-8);margin-top:auto;padding-top:var(--size-12);border-top:var(--size-1) solid var(--border-default)}.detail-item{display:flex;justify-content:space-between;gap:var(--size-8);font-size:var(--size-13)}.detail-label{color:var(--text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;font-size:var(--size-11);letter-spacing:.05em}.detail-value{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.lot-meta{padding-top:var(--size-12);font-size:var(--size-12);color:var(--text-muted)}.lot-actions{display:grid;grid-template-columns:1fr;gap:var(--size-8);padding-top:var(--size-12);border-top:var(--size-1) solid var(--border-default)}.lot-actions:has(>button:nth-child(2)){grid-template-columns:1fr 1fr}.action-btn{display:flex;align-items:center;justify-content:center;gap:var(--size-6);padding:var(--size-10) var(--size-12);background:var(--bg-soft);border:var(--size-1) solid var(--border-default);border-radius:var(--size-8);font-size:var(--size-13);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);width:100%}.action-btn:hover{background:var(--bg-highlight);border-color:var(--text-muted)}.action-btn.primary{background:var(--ds-status-published-bg);color:var(--color-hex-10b981);border-color:var(--color-rgba-16-185-129-0-125)}.action-btn.primary:hover{background:var(--color-rgba-16-185-129-0-15);transform:translateY(var(--offset-1))}.action-icon{width:var(--size-16);height:var(--size-16)}.empty-icon{width:var(--size-64);height:var(--size-64);color:var(--text-muted);margin-bottom:var(--size-16);opacity:.3}.empty-state p{font-size:var(--size-14);color:var(--text-secondary);margin:0 0 var(--size-24) 0}@media(max-width:768px){.my-lots-page{padding:var(--size-16)}.page-header{flex-direction:column;align-items:stretch}.page-title{font-size:var(--size-24)}.btn{width:100%;justify-content:center}.filters-container{flex-direction:column;align-items:stretch;gap:var(--size-12)}.filters{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:var(--size-6)}.filters::-webkit-scrollbar{display:none}.filter-btn{padding:var(--size-12) var(--size-18);font-size:var(--size-13);flex-shrink:0}.lots-grid{grid-template-columns:1fr}.lot-card{padding:var(--size-16)}.lot-title{font-size:var(--size-16)}.lot-actions{flex-direction:column;gap:var(--size-8)}.detail-item{font-size:var(--size-12)}.detail-label{font-size:var(--size-11);white-space:nowrap}.detail-value{font-size:var(--size-13);text-align:right}}@media(max-width:480px){.my-lots-page{padding:var(--size-12)}.filters-container{gap:var(--size-10)}.filters{gap:var(--size-6);padding:var(--size-4)}.filter-btn{padding:var(--size-10) var(--size-14);font-size:var(--size-12)}.btn{padding:var(--size-10) var(--size-16);font-size:var(--size-13)}.btn-icon{width:var(--size-16);height:var(--size-16)}.lot-card{padding:var(--size-14);gap:var(--size-12)}.lot-header{margin-bottom:var(--size-10)}.lot-badges{gap:var(--size-6)}.type-badge,.status-badge{font-size:var(--size-11);padding:var(--size-3) var(--size-8)}.lot-number{font-size:var(--size-11)}.lot-name{font-size:var(--size-15)}.lot-description{font-size:var(--size-12)}.lot-details{gap:var(--size-8)}.detail-item{font-size:var(--size-11)}.lot-actions{gap:var(--size-6)}.action-btn{padding:var(--size-8) var(--size-12);font-size:var(--size-12)}.action-icon{width:var(--size-14);height:var(--size-14)}.empty-icon{width:var(--size-48);height:var(--size-48)}.empty-state h3{font-size:var(--size-16)}.empty-state p{font-size:var(--size-13)}}.view-lot-page{padding:var(--size-32);max-width:var(--size-900);margin:0 auto;background:var(--bg-page);min-height:calc(100vh - var(--topbar-height))}.lot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--size-32);gap:var(--size-16)}.back-btn{display:flex;align-items:center;gap:var(--size-8);padding:var(--size-10) var(--size-16);background:transparent;border:none;color:var(--text-secondary);font-size:var(--size-14);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);border-radius:var(--size-6)}.back-btn:hover{background:var(--bg-soft);color:var(--text-primary)}.back-btn .icon{width:var(--size-18);height:var(--size-18)}.lot-content{display:flex;flex-direction:column;gap:var(--size-24)}.lot-title-section{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-24)}.lot-badges{display:flex;flex-wrap:wrap;gap:var(--size-8);margin-bottom:var(--size-16)}.type-badge,.status-badge{padding:var(--size-6) var(--size-12);border-radius:var(--size-6);font-size:var(--size-12);font-weight:var(--font-weight-semibold);white-space:nowrap}.type-badge{background:var(--bg-highlight);color:var(--text-secondary);border:var(--size-1) solid var(--border-default)}.type-property{background:var(--color-rgba-59-130-246-0-1);color:var(--color-hex-3b82f6);border-color:var(--color-rgba-59-130-246-0-2)}.type-claims{background:var(--color-rgba-139-92-246-0-1);color:var(--color-hex-a855f7);border-color:var(--color-rgba-107-114-128-0-2)}.badge-draft{background:var(--color-rgba-245-158-11-0-1);color:var(--color-hex-f59e0b)}.badge-published{background:var(--color-rgba-16-185-129-0-1);color:var(--color-hex-10b981)}.badge-archived{background:var(--color-rgba-107-114-128-0-1);color:var(--color-hex-6b7280)}.lot-title{font-size:var(--size-28);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--size-8) 0;line-height:1.3}.lot-number{font-size:var(--size-14);color:var(--text-muted);margin:0}.info-section{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-24)}.section-title{font-size:var(--size-17);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--size-24) 0;padding-bottom:var(--size-16);border-bottom:var(--size-2) solid var(--border-default);letter-spacing:-.3px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--size-24) var(--size-32)}.info-grid .full-width{grid-column:span 2}.info-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--size-12)}.info-label{font-size:var(--size-12);color:var(--text-muted);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;text-align:left;flex-shrink:0}.info-value{font-size:var(--size-15);color:var(--text-primary);font-weight:var(--font-weight-semibold);line-height:1.5;text-align:right;flex-shrink:0}.info-description{font-size:var(--size-14);color:var(--text-secondary);line-height:1.7;margin:0;white-space:pre-wrap;word-wrap:break-word}.info-text{padding:var(--size-16);background:var(--bg-soft);border-radius:var(--size-8)}.pre-wrap{white-space:pre-wrap;word-wrap:break-word}.disclosure-level{padding:var(--size-16);background:var(--bg-soft);border:var(--size-1) solid var(--border-default);border-radius:var(--size-8);margin-bottom:var(--size-16)}.disclosure-level:last-child{margin-bottom:0}.disclosure-title{font-size:var(--size-15);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--size-12) 0;display:flex;align-items:center;gap:var(--size-12)}.disclosure-badge{font-size:var(--size-11);font-weight:var(--font-weight-medium);color:var(--text-muted);background:var(--bg-white);padding:var(--size-4) var(--size-8);border-radius:var(--size-4);border:var(--size-1) solid var(--border-default)}.disclosure-text{font-size:var(--size-14);color:var(--text-secondary);line-height:1.6;margin:0;white-space:pre-wrap}.btn{display:inline-flex;align-items:center;gap:var(--size-8);padding:var(--size-10) var(--size-20);border-radius:var(--size-8);font-size:var(--size-14);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);border:none;font-family:inherit;white-space:nowrap}.btn-primary{background:var(--primary-base);color:var(--text-white)}.btn-primary:hover{background:var(--primary-base);box-shadow:var(--shadow-button)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--size-80) var(--size-24);text-align:center;background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12)}.empty-state h3{font-size:var(--size-18);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--size-16) 0}.loading{display:flex;align-items:center;justify-content:center;min-height:var(--size-400);font-size:var(--size-16);color:var(--text-secondary)}@media(max-width:768px){.view-lot-page{padding:var(--size-16)}.lot-header{flex-direction:column;align-items:stretch}.header-actions{flex-direction:column}.btn{width:100%;justify-content:center}.info-grid{grid-template-columns:1fr;gap:var(--size-16)}.info-grid .full-width{grid-column:span 1}.lot-title{font-size:var(--size-20)}.lot-title-section,.info-section{padding:var(--size-16)}.section-title{font-size:var(--size-16);margin-bottom:var(--size-16)}.info-item{gap:var(--size-8);padding:var(--size-12) 0;border-bottom:1px solid var(--border-default)}.info-item:last-child{border-bottom:none}.info-label{font-size:var(--size-11);max-width:50%}.info-value{font-size:var(--size-14);font-weight:var(--font-weight-semibold);max-width:50%;word-break:break-word}}@media(max-width:480px){.view-lot-page{padding:var(--size-12)}.lot-header{padding:var(--size-12);gap:var(--size-10)}.lot-title{font-size:var(--size-18)}.lot-number-badge{font-size:var(--size-11);padding:var(--size-3) var(--size-8)}.header-actions{gap:var(--size-6)}.btn{padding:var(--size-10) var(--size-16);font-size:var(--size-13)}.btn svg{width:var(--size-16);height:var(--size-16)}.lot-title-section,.info-section{padding:var(--size-12)}.section-title{font-size:var(--size-14);margin-bottom:var(--size-12)}.section-title svg{width:var(--size-18);height:var(--size-18)}.info-grid{gap:var(--size-12)}.info-item{padding:var(--size-10) 0}.info-label{font-size:var(--size-10)}.info-value{font-size:var(--size-13)}.lot-actions{margin-top:var(--size-20);padding:var(--size-16)}.publish-button{padding:var(--size-12) var(--size-24);font-size:var(--size-14);gap:var(--size-10)}.publish-button svg{width:var(--size-18);height:var(--size-18)}}.lot-actions{margin-top:var(--size-32);padding:var(--size-24);background:var(--gradient-accent-soft);border-radius:var(--size-16);border:var(--size-1) solid var(--color-rgba-93-169-255-0-2)}[data-theme=dark] .lot-actions{background:linear-gradient(135deg,var(--color-rgba-93-169-255-0-1) 0%,var(--color-rgba-93-169-255-0-05) 100%);border-color:var(--color-rgba-93-169-255-0-2)}.publish-button{display:inline-flex;align-items:center;gap:var(--size-12);padding:var(--size-14) var(--size-32);background:var(--primary-gradient);color:var(--text-white);font-size:var(--size-15);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-pill);cursor:pointer;box-shadow:var(--ds-shadow-primary);transition:all var(--transition-duration-medium) var(--transition-easing);position:relative;overflow:hidden}.publish-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-rgba-255-255-255-0-3),transparent);transition:left .5s ease}.publish-button:hover{transform:translateY(var(--size-n2));box-shadow:var(--ds-shadow-primary-hover);background:var(--primary-gradient-hover)}.publish-button:hover:before{left:100%}.publish-button:active{transform:translateY(0);box-shadow:var(--ds-shadow-primary)}.publish-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--ds-shadow-primary)}.publish-button:disabled:hover{transform:none;box-shadow:var(--ds-shadow-primary)}.publish-button svg{width:var(--size-20);height:var(--size-20);filter:drop-shadow(0 var(--size-1) var(--size-2) var(--color-rgba-0-0-0-0-2))}.publish-button:disabled svg{animation:spin 1s linear infinite}.admin-users-page{padding:var(--size-32);max-width:var(--size-1400);margin:0 auto;background:var(--bg-page);min-height:calc(100vh - var(--topbar-height))}.stat-icon-wrap.stat-icon-purple{background:var(--color-rgba-168-85-247-0-1);color:var(--color-hex-a855f7)}.users-table-container{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);overflow:hidden}.table-wrapper{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:var(--bg-soft);border-bottom:var(--size-1) solid var(--border-default)}.users-table th{padding:var(--size-14) var(--size-16);text-align:left;font-size:var(--size-12);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide-05)}.users-table tbody tr{border-bottom:var(--size-1) solid var(--border-default);cursor:pointer;transition:background var(--transition-duration) var(--transition-easing)}.users-table tbody tr:hover{background:var(--bg-soft)}.users-table td{padding:var(--size-16);font-size:var(--size-14);color:var(--text-primary)}.user-id{font-weight:var(--font-weight-medium);color:var(--text-secondary)}.user-info{display:flex;align-items:center;gap:var(--size-12)}.user-avatar{width:var(--size-40);height:var(--size-40);border-radius:50%;background:var(--bg-highlight);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-icon{width:var(--size-20);height:var(--size-20);color:var(--primary-base)}.user-details{display:flex;flex-direction:column}.user-name{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.email-cell,.phone-cell{display:flex;align-items:center;gap:var(--size-8)}.cell-icon{width:var(--size-16);height:var(--size-16);color:var(--text-secondary);flex-shrink:0}.user-date{color:var(--text-secondary);font-size:var(--size-13)}.text-muted{color:var(--text-muted)}.role-badge{display:inline-flex;align-items:center;gap:var(--size-4);padding:var(--size-4) var(--size-10);border-radius:var(--size-6);font-size:var(--size-12);font-weight:var(--font-weight-semibold);white-space:nowrap}.user-modal-header .role-badge,.user-modal-header .verification-badge{background:var(--color-rgba-0-0-0-0-25)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff!important;border:1px solid var(--color-rgba-255-255-255-0-4);font-weight:var(--font-weight-semibold);text-shadow:0 1px 2px var(--color-rgba-0-0-0-0-3)}.role-badge.role-buyer{background:var(--bg-highlight);color:var(--primary-base)}.role-badge.role-seller{background:var(--color-rgba-168-85-247-0-1);color:var(--color-hex-a855f7)}.role-badge.role-operator{background:var(--color-rgba-59-130-246-0-1);color:var(--color-hex-3b82f6)}.role-badge.role-admin{background:var(--color-rgba-239-68-68-0-1);color:var(--color-hex-ef4444)}.verification-badge{display:inline-flex;align-items:center;gap:var(--size-4);padding:var(--size-4) var(--size-10);border-radius:var(--size-6);font-size:var(--size-12);font-weight:var(--font-weight-medium);line-height:1}.verification-badge.verification-pending{background:var(--color-rgba-245-158-11-0-1);color:var(--color-hex-f59e0b)}.verification-badge.verification-approved{background:var(--color-hex-f0fdf4);color:var(--color-hex-15803d)}.verification-badge.verification-rejected{background:var(--color-hex-fef2f2);color:var(--color-hex-b91c1c)}.btn-view{padding:var(--size-6) var(--size-12);background:var(--bg-muted);border:var(--size-1) solid var(--border-default);border-radius:var(--size-6);font-size:var(--size-13);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;transition:all var(--transition-duration)}.btn-view:hover{background:var(--bg-soft);border-color:var(--primary-base)}.modal-body{padding:var(--size-16);overflow-y:auto;flex:1;background:var(--bg-page)}.user-modal-header{display:flex;align-items:center;gap:var(--size-12);padding:var(--size-16) var(--size-20);background:var(--primary-base);position:relative;overflow:hidden;border-radius:var(--size-12) var(--size-12) 0 0}.user-modal-header:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,var(--color-rgba-255-255-255-0-15) 0%,transparent 70%);border-radius:50%;animation:pulse 3s ease-in-out infinite}.user-modal-header:after{content:"";position:absolute;bottom:-30%;left:-5%;width:200px;height:200px;background:radial-gradient(circle,var(--color-rgba-255-255-255-0-1) 0%,transparent 70%);border-radius:50%;animation:pulse 4s ease-in-out infinite reverse}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:1}}.user-modal-avatar{width:var(--size-48);height:var(--size-48);border-radius:50%;background:var(--color-rgba-255-255-255-0-25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--color-rgba-255-255-255-0-4);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px var(--color-rgba-0-0-0-0-15);position:relative;z-index:1}.avatar-large-icon{width:var(--size-24);height:var(--size-24);color:var(--text-white)}.user-modal-info{display:flex;flex-direction:column;gap:var(--size-6);flex:1;position:relative;z-index:1}.user-modal-name{font-size:var(--size-18);font-weight:var(--font-weight-bold);color:var(--text-white);margin:0;text-shadow:0 2px 12px var(--color-rgba-0-0-0-0-25);letter-spacing:.3px}.detail-sections{display:flex;flex-direction:column;gap:var(--size-8)}.detail-section{background:transparent;padding:0;border:none;border-radius:0}.detail-section:last-child{margin-bottom:0}.detail-section-title{font-size:var(--size-14);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--size-8);display:flex;align-items:center;gap:var(--size-4);line-height:1.2}.detail-section-title:before{content:"";width:3px;height:var(--size-16);background:var(--primary-base);border-radius:var(--size-2)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--size-6)}.detail-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--size-8);padding:var(--size-8) var(--size-12);background:var(--bg-soft);border-radius:var(--size-6);border:1px solid transparent;transition:all var(--transition-duration) var(--transition-easing);min-height:auto}.detail-item:hover{background:var(--bg-highlight);border-color:var(--border-default)}.detail-label{font-size:var(--font-size-caption);color:var(--text-secondary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:var(--size-6);white-space:nowrap;flex-shrink:0}.detail-label svg{width:14px;height:14px}.detail-value{font-size:var(--font-size-body);color:var(--text-primary);font-weight:var(--font-weight-semibold);line-height:1.4;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.modal-footer{padding:var(--size-12) var(--size-16);border-top:var(--size-1) solid var(--border-default);display:flex;gap:var(--size-12);justify-content:flex-end;background:var(--bg-card)}.btn-secondary:hover{background:var(--bg-muted)}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-section{flex-direction:column;align-items:stretch}.search-box{min-width:unset}}@media(max-width:768px){.admin-users-page{padding:var(--size-16)}.stats-grid,.detail-grid{grid-template-columns:1fr}.filter-buttons{width:100%;overflow-x:auto}.table-wrapper{overflow:visible;border-radius:var(--size-12)}.users-table{display:block;width:100%;overflow:hidden}.users-table thead{display:none}.users-table tbody{display:block}.users-table tbody tr{display:block;margin-bottom:var(--size-12);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-16);background:var(--bg-card);box-shadow:0 var(--size-1) var(--size-3) var(--color-rgba-0-0-0-0-05)}.users-table tbody tr:last-child{margin-bottom:0}.users-table td{display:flex;flex-direction:column;align-items:flex-start;padding:var(--size-10) 0;border-bottom:var(--size-1) solid var(--border-default);gap:var(--size-4)}.users-table td:first-child{padding-top:0;border-top:none}.users-table td:last-child{border-bottom:none;padding-bottom:0}.users-table td:before{content:attr(data-label);font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--size-11);text-transform:uppercase;letter-spacing:.05em}.users-table td[data-label=""]:before{display:none}}.op-dashboard{padding:var(--size-24) var(--size-32);max-width:var(--size-1400);margin:0 auto;min-height:calc(100vh - var(--topbar-height))}.op-dash-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--size-400);gap:var(--size-16);color:var(--text-secondary)}.op-dash-loading .spinner{width:var(--size-36);height:var(--size-36);border:var(--size-3) solid var(--border-default);border-top-color:var(--primary-base);border-radius:50%;animation:spin .8s linear infinite}.op-dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--size-12);margin-bottom:var(--size-28)}.op-dash-stat{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-18) var(--size-20);display:flex;align-items:center;gap:var(--size-14);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);text-align:left;color:inherit}.op-dash-stat:hover{border-color:var(--text-muted);transform:translateY(-1px)}.op-dash-stat-icon{width:var(--size-40);height:var(--size-40);border-radius:var(--size-10);display:flex;align-items:center;justify-content:center;flex-shrink:0}.op-dash-stat-icon svg{width:var(--size-20);height:var(--size-20)}.op-dash-stat-icon.pending{background:var(--color-rgba-245-158-11-0-12);color:var(--color-hex-f59e0b)}.op-dash-stat-icon.payment{background:var(--color-rgba-99-102-241-0-12);color:var(--color-hex-6366f1)}.op-dash-stat-icon.waiting{background:var(--color-rgba-59-130-246-0-12);color:var(--color-hex-3b82f6)}.op-dash-stat-icon.active{background:var(--color-rgba-16-185-129-0-12);color:var(--color-hex-10b981)}.op-dash-stat-info{display:flex;flex-direction:column}.op-dash-stat-value{font-size:var(--size-24);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1}.op-dash-stat-label{font-size:var(--size-12);color:var(--text-secondary);margin-top:var(--size-3)}.op-dash-section{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);margin-bottom:var(--size-20);overflow:hidden}.op-dash-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--size-16) var(--size-20);border-bottom:var(--size-1) solid var(--border-default)}.op-dash-section-header h2{font-size:var(--size-15);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.op-dash-link{background:none;border:none;color:var(--primary-base);font-size:var(--size-13);font-weight:var(--font-weight-medium);cursor:pointer;padding:0}.op-dash-link:hover{text-decoration:underline}.op-dash-table{overflow-x:auto}.op-dash-table table{width:100%;border-collapse:collapse}.op-dash-table th{padding:var(--size-10) var(--size-20);text-align:left;font-size:var(--size-11);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-soft)}.op-dash-table td{padding:var(--size-12) var(--size-20);font-size:var(--size-13);color:var(--text-secondary);border-top:var(--size-1) solid var(--border-default)}.op-dash-table tr{cursor:pointer;transition:background .15s}.op-dash-table tbody tr:hover{background:var(--bg-soft)}.op-dash-cell-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.op-dash-cell-ann{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-dash-cell-date{color:var(--text-muted);white-space:nowrap}.op-dash-badge{display:inline-flex;padding:2px 8px;border-radius:var(--size-999);font-size:var(--size-11);font-weight:var(--font-weight-semibold)}.op-dash-badge.pending{background:var(--color-rgba-245-158-11-0-12);color:var(--color-hex-f59e0b)}.op-dash-badge.approved{background:var(--color-rgba-16-185-129-0-12);color:var(--color-hex-10b981)}.op-dash-badge.rejected{background:var(--color-rgba-239-68-68-0-1);color:var(--color-hex-ef4444)}.op-dash-badge.neutral{background:var(--bg-soft);color:var(--text-muted)}.op-dash-empty{display:flex;flex-direction:column;align-items:center;padding:var(--size-40) var(--size-20);color:var(--text-muted)}.op-dash-empty svg{width:var(--size-36);height:var(--size-36);margin-bottom:var(--size-8)}.op-dash-empty p{font-size:var(--size-14);margin:0}.op-dash-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--size-12)}.op-dash-action{display:flex;align-items:center;gap:var(--size-10);padding:var(--size-14) var(--size-18);background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-10);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);color:var(--text-secondary);font-size:var(--size-14);font-weight:var(--font-weight-medium)}.op-dash-action svg{width:var(--size-20);height:var(--size-20);color:var(--primary-base);flex-shrink:0}.op-dash-action:hover{border-color:var(--primary-base);color:var(--text-primary);background:var(--bg-soft)}@media(max-width:1024px){.op-dash-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.op-dashboard{padding:var(--size-16)}.op-dash-stats,.op-dash-actions{grid-template-columns:1fr}}@media(max-width:480px){.op-dashboard{padding:var(--size-12)}.op-dash-stats{gap:var(--size-10)}.op-stat-card{padding:var(--size-14)}.op-stat-value{font-size:var(--size-24)}.op-stat-label{font-size:var(--size-12)}.op-dash-recent{padding:var(--size-14)}.op-dash-actions{gap:var(--size-10)}.op-action-card{padding:var(--size-14)}.op-action-card h3{font-size:var(--size-15)}.op-action-card p{font-size:var(--size-12)}}.operator-applications-page{padding:var(--size-32);max-width:var(--size-1400);margin:0 auto;background:var(--bg-page);min-height:calc(100vh - var(--topbar-height))}.header-content{display:flex;align-items:center;gap:var(--size-16)}.page-icon{width:var(--size-48);height:var(--size-48);color:var(--primary-base);flex-shrink:0}.page-title{font-size:var(--size-26);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.page-subtitle{font-size:var(--size-14);color:var(--text-secondary);margin:var(--size-4) 0 0 0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--size-400);gap:var(--size-16)}.spinner{width:var(--size-40);height:var(--size-40);border:var(--size-3) solid var(--border-default);border-top-color:var(--primary-base);border-radius:50%;animation:spin .8s linear infinite}.loading-state p{font-size:var(--size-14);color:var(--text-secondary)}.stat-card{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-20);display:flex;align-items:center;gap:var(--size-16);transition:all var(--transition-duration) var(--transition-easing)}.stat-card:hover{transform:translateY(var(--offset-2));box-shadow:var(--shadow-card)}.stat-icon-wrap{width:var(--size-48);height:var(--size-48);border-radius:var(--size-10);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-wrap.stat-icon-blue{background:var(--color-rgba-93-169-255-0-1);color:var(--primary-base)}.stat-icon-wrap.stat-icon-green{background:var(--color-rgba-16-185-129-0-1);color:var(--color-hex-16a34a)}.stat-icon-wrap.stat-icon-orange{background:var(--color-rgba-245-158-11-0-125);color:var(--color-hex-ea580c)}.stat-icon-wrap.stat-icon-red{background:var(--color-rgba-239-68-68-0-1);color:var(--color-hex-ef4444)}.stat-icon{width:var(--size-24);height:var(--size-24)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:var(--size-28);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1}.stat-label{font-size:var(--size-13);color:var(--text-secondary);margin-top:var(--size-4)}.filters-section{margin-bottom:var(--size-24);display:flex;gap:var(--size-16);align-items:center;flex-wrap:wrap}.search-box{flex:1;min-width:var(--size-300);display:flex;align-items:center;gap:var(--size-12);background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-10);padding:0 var(--size-16)}.search-icon{width:var(--size-18);height:var(--size-18);color:var(--text-secondary);flex-shrink:0}.search-box input{flex:1;height:var(--size-44);border:none;background:transparent;font-size:var(--size-14);color:var(--text-primary);outline:none}.search-box input::placeholder{color:var(--text-muted)}.filter-buttons{display:flex;gap:var(--size-8);flex-wrap:wrap}.filter-btn{height:var(--size-36);padding:0 var(--size-16);background:var(--bg-soft);color:var(--text-secondary);border-radius:var(--size-999);font-size:var(--size-13);font-weight:var(--font-weight-medium);transition:all var(--transition-duration) var(--transition-easing);border:var(--size-1) solid transparent}.filter-btn:hover{background:var(--bg-muted);color:var(--text-primary)}.filter-btn.active{background:var(--primary-base);color:var(--text-white)}.verifications-list{display:flex;flex-direction:column;gap:var(--size-16)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--size-60) var(--size-24);text-align:center;background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12)}.empty-icon{width:var(--size-56);height:var(--size-56);color:var(--icon-default);margin-bottom:var(--size-16)}.empty-state h3{font-size:var(--size-16);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--size-8) 0}.verification-card{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-20);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.verification-card:hover{transform:translateY(var(--offset-2));box-shadow:var(--shadow-card);border-color:var(--primary-base)}.verification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--size-16);gap:var(--size-16)}.company-info{flex:1;display:flex;align-items:center;gap:var(--size-12)}.company-icon{width:var(--size-40);height:var(--size-40);border-radius:50%;background:var(--bg-highlight);display:flex;align-items:center;justify-content:center;flex-shrink:0}.company-icon svg{width:var(--size-20);height:var(--size-20);color:var(--primary-base)}.company-name{font-size:var(--size-16);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--size-4) 0}.company-bin{font-size:var(--size-13);color:var(--text-secondary);margin:0}.status-badge{display:inline-flex;align-items:center;gap:var(--size-4);padding:var(--size-4) var(--size-10);border-radius:var(--size-6);font-size:var(--size-12);font-weight:var(--font-weight-semibold);white-space:nowrap;line-height:1}.badge-icon{width:var(--size-14);height:var(--size-14)}.status-badge.status-pending{background:var(--color-rgba-245-158-11-0-1);color:var(--color-hex-f59e0b)}.status-badge.status-approved{background:var(--color-hex-f0fdf4);color:var(--color-hex-15803d)}.status-badge.status-rejected{background:var(--color-hex-fef2f2);color:var(--color-hex-b91c1c)}.verification-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--size-16)}.meta-item{display:flex;align-items:flex-start;gap:var(--size-8)}.meta-icon{width:var(--size-16);height:var(--size-16);color:var(--text-secondary);flex-shrink:0;margin-top:var(--size-2)}.meta-item>div{display:flex;flex-direction:column;gap:var(--size-2)}.meta-label{font-size:var(--size-11);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.meta-value{font-size:var(--size-13);color:var(--text-primary);font-weight:var(--font-weight-medium)}.modal-overlay{position:fixed;inset:0;background:var(--color-rgba-0-0-0-0-7);-webkit-backdrop-filter:blur(var(--size-4));backdrop-filter:blur(var(--size-4));display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--size-24);animation:fadeIn var(--transition-duration) var(--transition-easing)-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border-radius:var(--size-16);max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px var(--color-rgba-0-0-0-0-3);animation:slideUp var(--transition-duration) var(--transition-easing)-out}.modal-header{padding:var(--size-24);border-bottom:var(--size-1) solid var(--border-default);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:var(--size-20);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.close-btn{width:var(--size-32);height:var(--size-32);border-radius:50%;background:var(--bg-soft);color:var(--text-secondary);font-size:var(--size-18);display:flex;align-items:center;justify-content:center;transition:all var(--transition-duration) var(--transition-easing);border:none;cursor:pointer}.close-btn:hover{background:var(--bg-muted);color:var(--primary-base)}.modal-body{padding:var(--size-24);overflow-y:auto;flex:1;background:var(--bg-page)}.verification-modal-header{display:flex;align-items:center;gap:var(--size-20);padding:var(--size-24);background:linear-gradient(135deg,var(--primary-base) 0%,#d91e5e 100%);position:relative;overflow:hidden;border-radius:var(--size-12);margin-bottom:var(--size-20)}.verification-modal-header:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,var(--color-rgba-255-255-255-0-1) 0%,transparent 70%);border-radius:50%;transform:translate(30%,-30%)}.verification-modal-icon{width:var(--size-56);height:var(--size-56);border-radius:50%;background:var(--color-rgba-255-255-255-0-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--color-rgba-255-255-255-0-3);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 24px var(--color-rgba-0-0-0-0-2);position:relative;z-index:1}.icon-large{width:var(--size-28);height:var(--size-28);color:var(--text-white)}.verification-modal-info{display:flex;flex-direction:column;gap:var(--size-10);flex:1;position:relative;z-index:1}.verification-modal-name{font-size:var(--size-18);font-weight:var(--font-weight-bold);color:var(--text-white);margin:0;text-shadow:0 2px 8px var(--color-rgba-0-0-0-0-2)}.verification-modal-meta .status-badge{background:var(--color-rgba-0-0-0-0-25)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff!important;border:1px solid var(--color-rgba-255-255-255-0-4);font-weight:var(--font-weight-semibold);text-shadow:0 1px 2px var(--color-rgba-0-0-0-0-3)}.alert{padding:var(--size-12) var(--size-16);border-radius:var(--size-10);margin-bottom:var(--size-16);font-size:var(--size-14)}.alert-error{background:var(--color-hex-fee2e2);color:var(--color-hex-dc2626);border:var(--size-1) solid var(--color-hex-fecaca)}.detail-sections{display:flex;flex-direction:column;gap:16px}.detail-section{background:transparent;border-radius:0;padding:0 0 12px;border:none;box-shadow:none;border-bottom:1px solid var(--border-default)}.detail-section:last-child{border-bottom:none}.detail-section-title{font-size:var(--size-13);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:8px;display:flex;align-items:center;gap:6px;line-height:1.2}.detail-section-title:before{content:"";width:3px;height:14px;background:var(--primary-base);border-radius:var(--size-2)}.detail-grid{display:flex;flex-direction:column;gap:4px}.detail-item{display:flex;flex-direction:row;align-items:baseline;gap:8px;padding:0;background:transparent;border-radius:0;border:none;transition:none;min-height:unset;height:auto}.detail-item:hover{border-color:transparent;background:transparent;box-shadow:none;transform:none}.detail-label{font-size:var(--size-11);color:var(--text-secondary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.3px;display:inline-flex;align-items:center;gap:4px;line-height:1.4;margin:0;padding:0;min-width:120px;flex-shrink:0}.detail-label svg{width:12px;height:12px;flex-shrink:0;opacity:.6}.detail-value{font-size:var(--size-13);color:var(--text-primary);font-weight:var(--font-weight-medium);line-height:1.4;word-break:break-word;margin:0;padding:0;flex:1}.review-section{padding:var(--size-20);margin-top:var(--size-20);background:var(--bg-card);border-radius:var(--size-12);border:var(--size-1) solid var(--border-default)}.review-section .detail-section-title{margin-bottom:var(--size-16)}.rejection-reason-input{display:flex;flex-direction:column;gap:var(--size-10)}.rejection-reason-input label{font-size:var(--size-14);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.rejection-reason-input textarea{padding:var(--size-12);border:var(--size-1) solid var(--border-default);border-radius:var(--size-10);font-size:var(--size-14);font-family:inherit;color:var(--text-primary);background:var(--bg-card);resize:vertical;min-height:100px}.rejection-reason-input textarea:focus{outline:none;border-color:var(--primary-base);box-shadow:0 0 0 var(--size-3) var(--color-rgba-93-169-255-0-1)}.rejection-reason-display{font-size:var(--size-14);color:var(--color-hex-991b1b);line-height:1.6;padding:var(--size-16);background:var(--color-hex-fee2e2);border-radius:var(--size-10);border:var(--size-1) solid var(--color-hex-fecaca);margin:var(--size-8) 0 0 0}.modal-footer{padding:var(--size-16) var(--size-20);border-top:var(--size-1) solid var(--border-default);display:flex;gap:var(--size-12);justify-content:flex-end;background:var(--bg-card)}.btn{height:var(--size-44);padding:0 var(--size-24);border-radius:var(--size-999);font-size:var(--size-14);font-weight:var(--font-weight-semibold);transition:all var(--transition-duration) var(--transition-easing);border:none;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg-soft);color:var(--text-primary);border:var(--size-1) solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-muted)}.btn-reject{background:var(--color-hex-fee2e2);color:var(--color-hex-dc2626);border:var(--size-1) solid var(--color-hex-fecaca)}.btn-reject:hover:not(:disabled){background:var(--color-hex-fca5a5)}.btn-approve{background:var(--primary-gradient);color:var(--text-white);box-shadow:var(--shadow-button)}.btn-approve:hover:not(:disabled){transform:translateY(var(--offset-2));box-shadow:0 var(--size-8) var(--size-24) var(--color-rgba-93-169-255-0-4)}@media(max-width:1024px){.stats-grid,.verification-meta{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.operator-applications-page{padding:var(--size-16)}.stats-grid{grid-template-columns:1fr}.filters-section{flex-direction:column;align-items:stretch}}.op-auctions{padding:var(--size-24) var(--size-32);max-width:var(--size-1400);margin:0 auto;min-height:calc(100vh - var(--topbar-height))}.op-auctions-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--size-400);gap:var(--size-16);color:var(--text-secondary)}.op-auctions-loading .spinner{width:var(--size-36);height:var(--size-36);border:var(--size-3) solid var(--border-default);border-top-color:var(--primary-base);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.op-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--size-12);margin-bottom:var(--size-24)}.op-stat-card{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-16) var(--size-20);display:flex;align-items:center;gap:var(--size-14);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);text-align:left;color:inherit}.op-stat-card:hover{border-color:var(--text-muted)}.op-stat-card.selected{border-color:var(--primary-base);background:var(--bg-soft)}.op-stat-icon{width:var(--size-40);height:var(--size-40);border-radius:var(--size-10);display:flex;align-items:center;justify-content:center;flex-shrink:0}.op-stat-icon svg{width:var(--size-20);height:var(--size-20)}.op-stat-icon.waiting{background:var(--color-rgba-245-158-11-0-12);color:var(--color-hex-f59e0b)}.op-stat-icon.active{background:var(--color-rgba-16-185-129-0-12);color:var(--color-hex-10b981)}.op-stat-icon.completed{background:var(--color-rgba-99-102-241-0-12);color:var(--color-hex-6366f1)}.op-stat-info{display:flex;flex-direction:column}.op-stat-value{font-size:var(--size-24);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1}.op-stat-label{font-size:var(--size-12);color:var(--text-secondary);margin-top:var(--size-2)}.op-toolbar{display:flex;gap:var(--size-10);margin-bottom:var(--size-20)}.op-search{flex:1;display:flex;align-items:center;gap:var(--size-10);background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-10);padding:0 var(--size-14)}.op-search svg{width:var(--size-18);height:var(--size-18);color:var(--text-muted);flex-shrink:0}.op-search input{flex:1;height:var(--size-42);border:none;background:transparent;font-size:var(--size-14);color:var(--text-primary);outline:none}.op-search input::placeholder{color:var(--text-muted)}.op-refresh{width:var(--size-42);height:var(--size-42);border-radius:var(--size-10);background:var(--bg-card);border:var(--size-1) solid var(--border-default);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.op-refresh svg{width:var(--size-18);height:var(--size-18)}.op-refresh:hover{background:var(--bg-soft);color:var(--primary-base)}.op-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--size-60) var(--size-24);text-align:center;background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);color:var(--text-muted)}.op-empty h3{font-size:var(--size-16);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:var(--size-12) 0 var(--size-4) 0}.op-empty p{font-size:var(--size-14);color:var(--text-secondary);margin:0}.op-list{display:flex;flex-direction:column;gap:var(--size-12)}.op-auction-card{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-20);display:flex;align-items:flex-start;gap:var(--size-20);transition:all var(--transition-duration) var(--transition-easing)}.op-auction-card:hover{border-color:var(--text-muted);box-shadow:0 4px 16px var(--color-rgba-0-0-0-0-15)}.op-card-main{flex:1;min-width:0}.op-card-header{display:flex;align-items:center;gap:var(--size-12);margin-bottom:var(--size-8)}.op-card-number{font-size:var(--size-14);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:monospace}.op-status-badge{display:inline-flex;align-items:center;padding:var(--size-3) var(--size-10);border-radius:var(--size-999);font-size:var(--size-11);font-weight:var(--font-weight-semibold);letter-spacing:.3px;text-transform:uppercase}.op-status-badge.waiting{background:var(--color-rgba-245-158-11-0-12);color:var(--color-hex-f59e0b)}.op-status-badge.active{background:var(--color-rgba-16-185-129-0-12);color:var(--color-hex-10b981)}.op-status-badge.paused{background:var(--color-rgba-99-102-241-0-12);color:var(--color-hex-6366f1)}.op-status-badge.completed{background:var(--color-rgba-16-185-129-0-08);color:var(--color-hex-059669)}.op-status-badge.cancelled,.op-status-badge.failed{background:var(--color-rgba-239-68-68-0-1);color:var(--color-hex-ef4444)}.op-status-badge.neutral{background:var(--bg-soft);color:var(--text-muted)}.op-card-lots{display:flex;flex-wrap:wrap;gap:var(--size-6);margin-bottom:var(--size-10)}.op-lot-name{font-size:var(--size-13);color:var(--text-secondary);line-height:1.4}.op-lot-empty{font-size:var(--size-13);color:var(--text-muted);font-style:italic}.op-card-meta{display:flex;flex-wrap:wrap;gap:var(--size-16)}.op-meta-item{display:flex;align-items:center;gap:var(--size-5);font-size:var(--size-12);color:var(--text-secondary)}.op-meta-item svg{width:var(--size-14);height:var(--size-14);color:var(--text-muted)}.op-meta-label{color:var(--text-muted)}.op-meta-price{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.op-card-actions{display:flex;flex-direction:column;gap:var(--size-8);flex-shrink:0;min-width:160px}.op-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--size-8);padding:var(--size-10) var(--size-16);border-radius:var(--size-10);font-size:var(--size-14);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);border:none;white-space:nowrap;position:relative;overflow:hidden;box-shadow:0 2px 4px var(--color-rgba-0-0-0-0-08)}.op-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--color-rgba-255-255-255-0-15);transform:translate(-50%,-50%);transition:width .6s,height .6s}.op-btn:hover:before{width:300px;height:300px}.op-btn svg{width:var(--size-16);height:var(--size-16);position:relative;z-index:1;transition:transform .25s ease}.op-btn:hover svg{transform:scale(1.1)}.op-btn span{position:relative;z-index:1}.op-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.op-btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.op-btn-start{background:linear-gradient(135deg,var(--color-hex-10b981) 0%,var(--color-hex-059669) 100%);color:var(--text-white);box-shadow:0 4px 12px var(--color-rgba-16-185-129-0-25),0 2px 4px var(--color-rgba-16-185-129-0-15)}.op-btn-start:hover:not(:disabled){background:linear-gradient(135deg,var(--color-hex-059669) 0%,var(--color-hex-047857) 100%);box-shadow:0 6px 20px var(--color-rgba-16-185-129-0-35),0 3px 8px var(--color-rgba-16-185-129-0-2);transform:translateY(-2px)}.op-btn-pause{background:linear-gradient(135deg,rgba(99,102,241,.15) 0%,var(--color-rgba-99-102-241-0-08) 100%);color:var(--color-hex-6366f1);border:1.5px solid var(--color-rgba-99-102-241-0-2);box-shadow:0 2px 8px var(--color-rgba-99-102-241-0-12)}.op-btn-pause:hover:not(:disabled){background:linear-gradient(135deg,var(--color-rgba-99-102-241-0-25) 0%,rgba(99,102,241,.15) 100%);border-color:var(--color-rgba-99-102-241-0-35);box-shadow:0 4px 12px var(--color-rgba-99-102-241-0-2);transform:translateY(-2px)}.op-btn-resume{background:linear-gradient(135deg,var(--color-rgba-16-185-129-0-15) 0%,var(--color-rgba-16-185-129-0-08) 100%);color:var(--color-hex-10b981);border:1.5px solid var(--color-rgba-16-185-129-0-2);box-shadow:0 2px 8px var(--color-rgba-16-185-129-0-12)}.op-btn-resume:hover:not(:disabled){background:linear-gradient(135deg,var(--color-rgba-16-185-129-0-25) 0%,var(--color-rgba-16-185-129-0-15) 100%);border-color:var(--color-rgba-16-185-129-0-35);box-shadow:0 4px 12px var(--color-rgba-16-185-129-0-2);transform:translateY(-2px)}.op-btn-cancel{background:linear-gradient(135deg,var(--color-rgba-239-68-68-0-12) 0%,var(--color-rgba-239-68-68-0-06) 100%);color:var(--color-hex-ef4444);border:1.5px solid var(--color-rgba-239-68-68-0-15);box-shadow:0 2px 8px var(--color-rgba-239-68-68-0-1)}.op-btn-cancel:hover:not(:disabled){background:linear-gradient(135deg,rgba(239,68,68,.2) 0%,var(--color-rgba-239-68-68-0-12) 100%);border-color:var(--color-rgba-239-68-68-0-3);box-shadow:0 4px 12px var(--color-rgba-239-68-68-0-18);transform:translateY(-2px)}.op-btn-room{background:linear-gradient(135deg,var(--bg-soft) 0%,var(--bg-card) 100%);color:var(--text-secondary);border:1.5px solid var(--border-default);box-shadow:0 2px 6px var(--color-rgba-0-0-0-0-06)}.op-btn-room:hover{background:linear-gradient(135deg,var(--bg-muted) 0%,var(--bg-soft) 100%);color:var(--primary-base);border-color:var(--primary-base);box-shadow:0 4px 10px var(--color-rgba-93-169-255-0-15);transform:translateY(-2px)}@media(max-width:768px){.op-auctions{padding:var(--size-16)}.op-stats{grid-template-columns:1fr}.op-auction-card{flex-direction:column}.op-card-actions{flex-direction:row;flex-wrap:wrap;width:100%}}@media(max-width:480px){.op-auctions{padding:var(--size-12)}.op-stats{grid-template-columns:1fr;gap:var(--size-8)}.op-stat-card{padding:var(--size-12) var(--size-16)}.op-stat-icon{width:var(--size-36);height:var(--size-36)}.op-stat-value{font-size:var(--size-20)}.op-stat-label{font-size:var(--size-11)}.op-toolbar{gap:var(--size-8)}.op-search{padding:0 var(--size-12)}.op-search input{height:var(--size-38);font-size:var(--size-13)}.op-refresh{width:var(--size-38);height:var(--size-38)}.op-auction-card{padding:var(--size-16);gap:var(--size-16)}.op-card-number{font-size:var(--size-13)}.op-status-badge{font-size:var(--size-10);padding:var(--size-2) var(--size-8)}.op-lot-name{font-size:var(--size-12)}.op-meta-item{font-size:var(--size-11)}.op-card-actions{min-width:unset;gap:var(--size-6)}.op-btn{padding:var(--size-8) var(--size-12);font-size:var(--size-13)}.op-btn svg{width:var(--size-14);height:var(--size-14)}}.dashboard-page{padding:var(--size-24) var(--size-32);max-width:1600px;margin:0 auto;background:var(--bg-page);min-height:calc(100vh - var(--topbar-height));animation:fadeIn var(--transition-duration) var(--transition-easing)-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--size-32);gap:var(--size-24);animation:slideDown .4s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-left{flex:1}.header-title-section{display:flex;flex-direction:column;gap:var(--size-4)}.dashboard-title{font-size:var(--size-32);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--primary-base),var(--color-hex-a855f7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-subtitle{font-size:var(--size-14);color:var(--text-secondary);margin:0}.header-right{display:flex;align-items:center;gap:var(--size-16)}.filter-pills{display:flex;gap:var(--size-6);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--size-10);padding:var(--size-4)}.filter-pill{padding:var(--size-10) var(--size-20);border:none;border-radius:var(--size-8);background:transparent;color:var(--text-secondary);font-size:var(--size-13);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);white-space:nowrap}.filter-pill:hover{background:var(--bg-soft);color:var(--text-primary)}.filter-pill.active{background:var(--primary-base);color:var(--text-white);box-shadow:0 2px 8px var(--color-rgba-59-130-246-0-3)}.header-actions{display:flex;gap:var(--size-8)}.action-btn{display:inline-flex;align-items:center;gap:var(--size-8);padding:var(--size-10) var(--size-16);border:1px solid var(--border-default);border-radius:var(--size-8);background:var(--bg-card);color:var(--text-primary);font-size:var(--size-13);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.action-btn svg{width:var(--size-18);height:var(--size-18)}.action-btn:hover{background:var(--bg-soft);border-color:var(--primary-base);transform:translateY(-1px);box-shadow:0 2px 8px var(--color-rgba-0-0-0-0-1)}.action-btn.primary{background:var(--primary-base);color:var(--text-white);border-color:var(--primary-base)}.action-btn.primary:hover{background:var(--ds-accent-500);box-shadow:0 4px 12px var(--color-rgba-59-130-246-0-3)}.action-btn.spinning svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-text{display:none}@media(min-width:768px){.btn-text{display:inline}}.page-header{margin-bottom:var(--size-32)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--size-16);margin-bottom:var(--size-32)}.stats-grid>*{animation:slideUp .5s ease-out backwards}.stats-grid>*:nth-child(1){animation-delay:.1s}.stats-grid>*:nth-child(2){animation-delay:.15s}.stats-grid>*:nth-child(3){animation-delay:var(--transition-duration)}.stats-grid>*:nth-child(4){animation-delay:.25s}.stats-grid>*:nth-child(5){animation-delay:var(--transition-duration)}.stats-grid>*:nth-child(6){animation-delay:.35s}.stats-grid>*:nth-child(7){animation-delay:.4s}.stats-grid>*:nth-child(8){animation-delay:.45s}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--size-16);margin-bottom:var(--size-32)}.chart-card{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-20);transition:all var(--transition-duration) var(--transition-easing);position:relative;overflow:hidden}.chart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-base),#A855F7);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-duration) var(--transition-easing)}.chart-card:hover{box-shadow:0 8px 24px var(--color-rgba-0-0-0-0-12);transform:translateY(-4px);border-color:var(--primary-base)}.chart-card:hover:before{transform:scaleX(1)}.chart-card-wide{grid-column:span 2}.chart-card-glow{box-shadow:0 var(--size-4) var(--size-16) var(--color-rgba-0-0-0-0-05)}.chart-card-glow:hover{box-shadow:0 12px 32px var(--color-rgba-93-169-255-0-15)}.chart-header{margin-bottom:var(--size-20);padding-bottom:var(--size-12);border-bottom:var(--size-1) solid var(--border-default)}.chart-title-wrapper{display:flex;align-items:center;gap:var(--size-12)}.chart-icon{width:var(--size-40);height:var(--size-40);min-width:var(--size-40);display:flex;align-items:center;justify-content:center;border-radius:var(--size-10)}.chart-icon svg{width:var(--size-20);height:var(--size-20)}.chart-icon-primary{background:var(--color-rgba-93-169-255-0-1)}.chart-icon-primary svg{color:var(--primary-base)}.chart-icon-secondary{background:var(--color-rgba-59-130-246-0-1)}.chart-icon-secondary svg{color:var(--color-hex-3b82f6)}.chart-icon-success{background:var(--color-rgba-16-185-129-0-1)}.chart-icon-success svg{color:var(--color-hex-10b981)}.chart-title{font-size:var(--size-16);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--size-4) 0}.chart-subtitle{font-size:var(--size-12);color:var(--text-secondary)}.chart-content{margin-top:var(--size-16)}.custom-tooltip{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-8);padding:var(--size-12) var(--size-16);box-shadow:var(--shadow-card)}.tooltip-label{font-size:var(--size-13);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--size-8) 0}.tooltip-value{font-size:var(--size-12);margin:var(--size-4) 0}.chart-dot{transition:r var(--transition-duration) var(--transition-easing)}.chart-dot:hover{r:8}.dashboard-section{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-24);margin-bottom:var(--size-24)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--size-20);padding-bottom:var(--size-12);border-bottom:var(--size-1) solid var(--border-default)}.section-header h2{font-size:var(--size-18);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.link-button{font-size:var(--size-14);color:var(--primary-base);background:none;border:none;cursor:pointer;font-weight:var(--font-weight-semibold);transition:color var(--transition-duration) var(--transition-easing);padding:0}.link-button:hover{color:var(--primary-hover);text-decoration:underline}.table-container{overflow-x:auto;border-radius:var(--size-8);border:var(--size-1) solid var(--border-default)}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--bg-soft);border-bottom:var(--size-1) solid var(--border-default)}.data-table th{padding:var(--size-12) var(--size-16);text-align:left;font-size:var(--size-12);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide-05)}.data-table td{padding:var(--size-16);font-size:var(--size-14);color:var(--text-primary);border-bottom:var(--size-1) solid var(--border-default)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:all var(--transition-duration) var(--transition-easing);animation:fadeInRow .4s ease-out backwards}.data-table tbody tr:nth-child(1){animation-delay:.05s}.data-table tbody tr:nth-child(2){animation-delay:.1s}.data-table tbody tr:nth-child(3){animation-delay:.15s}.data-table tbody tr:nth-child(4){animation-delay:var(--transition-duration)}.data-table tbody tr:nth-child(5){animation-delay:.25s}@keyframes fadeInRow{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.data-table tbody tr:hover{background:var(--bg-soft);transform:scale(1.01);box-shadow:0 2px 8px var(--color-rgba-0-0-0-0-08)}.action-badge{display:inline-flex;align-items:center;padding:var(--size-4) var(--size-10);background:var(--bg-highlight);color:var(--primary-base);border-radius:var(--size-6);font-size:var(--size-12);font-weight:var(--font-weight-semibold)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--size-60) var(--size-24);text-align:center}.loading-skeleton{display:flex;align-items:center;justify-content:center;min-height:var(--size-400);font-size:var(--size-16);color:var(--text-secondary)}.skeleton{background:linear-gradient(90deg,var(--bg-soft) 0%,var(--bg-card) 50%,var(--bg-soft) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--size-8)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-title{width:300px;height:var(--size-32);margin-bottom:var(--size-8)}.skeleton-subtitle{width:200px;height:var(--size-16)}.skeleton-card{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-20);display:flex;flex-direction:column;gap:var(--size-12)}.skeleton-icon{width:var(--size-48);height:var(--size-48);border-radius:var(--size-10)}.skeleton-text{width:60%;height:var(--size-14)}.skeleton-value{width:40%;height:var(--size-28)}.skeleton-chart{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);height:400px;position:relative;overflow:hidden}.skeleton-chart:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,var(--bg-soft) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.activity-description{display:flex;align-items:center}.activity-icon{flex-shrink:0;color:var(--text-secondary)}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.chart-card-wide{grid-column:span 1}}@media(max-width:768px){.dashboard-page{padding:var(--size-16)}.dashboard-header{flex-direction:column;gap:var(--size-16)}.header-right{width:100%;flex-direction:column;gap:var(--size-12)}.filter-pills{width:100%;justify-content:space-between}.filter-pill{flex:1;padding:var(--size-8) var(--size-12);font-size:var(--size-12)}.header-actions{width:100%;justify-content:stretch}.action-btn{flex:1;justify-content:center}.action-btn.primary{flex:2}.stats-grid{grid-template-columns:1fr;gap:var(--size-12)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--size-12)}.table-container{overflow:visible;border-radius:var(--size-12)}.data-table{display:block;width:100%;overflow:hidden}.data-table thead{display:none}.data-table tbody{display:block}.data-table tbody tr{display:block;margin-bottom:var(--size-12);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-16);background:var(--bg-card);box-shadow:0 var(--size-1) var(--size-3) var(--color-rgba-0-0-0-0-05)}.data-table tbody tr:last-child{margin-bottom:0}.data-table td{display:flex;flex-direction:column;align-items:flex-start;padding:var(--size-10) 0;border-bottom:var(--size-1) solid var(--border-default);gap:var(--size-4)}.data-table td:first-child{padding-top:0;border-top:none}.data-table td:last-child{border-bottom:none;padding-bottom:0}.data-table td:before{content:attr(data-label);font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--size-11);text-transform:uppercase;letter-spacing:.05em}.data-table td[data-label=""]:before{display:none}}.audit-logs-page{padding:var(--size-32);max-width:var(--size-1400);margin:0 auto;background:var(--bg-page);min-height:calc(100vh - var(--topbar-height))}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--size-32);gap:var(--size-24)}.page-title{font-size:var(--size-28);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--size-4) 0}.page-subtitle{font-size:var(--size-14);color:var(--text-secondary);margin:0}.header-actions{display:flex;gap:var(--size-12)}.btn-secondary{display:flex;align-items:center;gap:var(--size-8);padding:var(--size-10) var(--size-20);background:var(--bg-white);border:var(--size-1) solid var(--border-default);border-radius:var(--size-8);font-size:var(--size-14);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.btn-secondary:hover{background:var(--bg-soft);border-color:var(--primary-base);color:var(--primary-base)}.btn-secondary.active{background:var(--primary-base);border-color:var(--primary-base);color:var(--text-white)}.btn-icon{width:var(--size-18);height:var(--size-18)}.btn-outline{padding:var(--size-10) var(--size-20);background:transparent;border:var(--size-1) solid var(--border-default);border-radius:var(--size-8);font-size:var(--size-14);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.btn-outline:hover{background:var(--bg-soft);border-color:var(--primary-base);color:var(--primary-base)}.stats-section{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--size-16);margin-bottom:var(--size-24)}.stat-card{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-20);text-align:center}.stat-label{font-size:var(--size-12);color:var(--text-secondary);margin-bottom:var(--size-8);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide-05)}.stat-value{font-size:var(--size-32);font-weight:var(--font-weight-bold);color:var(--primary-base)}.filters-panel{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-24);margin-bottom:var(--size-24)}.filters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--size-20);margin-bottom:var(--size-20)}.filter-group{display:flex;flex-direction:column;gap:var(--size-8)}.filter-group label{font-size:var(--size-13);font-weight:var(--font-weight-medium);color:var(--text-primary)}.filter-group input,.filter-group select{padding:var(--size-10) var(--size-14);border:var(--size-1) solid var(--border-default);border-radius:var(--size-8);font-size:var(--size-14);color:var(--text-primary);background:var(--bg-white);transition:all var(--transition-duration) var(--transition-easing)}.filter-group input:hover,.filter-group select:hover{border-color:var(--primary-base)}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--primary-base);box-shadow:0 0 0 var(--size-3) var(--color-rgba-93-169-255-0-1)}.search-input-wrapper{position:relative}.search-icon{position:absolute;left:var(--size-14);top:50%;transform:translateY(-50%);width:var(--size-18);height:var(--size-18);color:var(--text-muted);pointer-events:none}.search-input-wrapper input{padding-left:var(--size-44)}.filters-actions{display:flex;justify-content:flex-end;padding-top:var(--size-16);border-top:var(--size-1) solid var(--border-default)}.logs-section{background:var(--bg-card);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-24)}.table-container{overflow-x:auto;border-radius:var(--size-8);border:var(--size-1) solid var(--border-default);margin-bottom:var(--size-24)}.logs-table{width:100%;border-collapse:collapse}.logs-table thead{background:var(--bg-soft);border-bottom:var(--size-2) solid var(--border-default)}.logs-table th{padding:var(--size-14) var(--size-16);text-align:left;font-size:var(--size-12);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide-05);white-space:nowrap}.logs-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-duration) var(--transition-easing)}.logs-table th.sortable:hover{background:var(--bg-muted);color:var(--primary-base)}.th-icon{width:var(--size-14);height:var(--size-14);display:inline-block;vertical-align:middle;margin-right:var(--size-6)}.logs-table tbody tr.log-row{border-bottom:var(--size-1) solid var(--border-default);transition:background var(--transition-duration) var(--transition-easing)}.logs-table tbody tr.log-row:hover{background:var(--bg-soft)}.logs-table td{padding:var(--size-16);font-size:var(--size-14);color:var(--text-primary)}.expand-btn{width:var(--size-28);height:var(--size-28);display:flex;align-items:center;justify-content:center;background:transparent;border:var(--size-1) solid var(--border-default);border-radius:var(--size-6);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);color:var(--text-secondary)}.expand-btn:hover{background:var(--bg-soft);border-color:var(--primary-base);color:var(--primary-base)}.expand-btn svg{width:var(--size-16);height:var(--size-16)}.timestamp-cell .timestamp{font-size:var(--size-13);color:var(--text-secondary);white-space:nowrap}.user-cell .user-info{display:flex;flex-direction:column;gap:var(--size-4)}.user-cell .user-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.user-cell .user-email{font-size:var(--size-12);color:var(--text-secondary)}.role-badge{display:inline-block;padding:var(--size-2) var(--size-8);background:var(--bg-highlight);color:var(--primary-base);border-radius:var(--size-4);font-size:var(--size-11);font-weight:var(--font-weight-semibold);text-transform:uppercase;margin-top:var(--size-4)}.action-badge{display:inline-flex;align-items:center;padding:var(--size-6) var(--size-12);border-radius:var(--size-6);font-size:var(--size-12);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide-025)}.action-create{background:var(--color-rgba-16-185-129-0-1);color:var(--color-hex-10b981)}.action-update{background:var(--color-rgba-59-130-246-0-1);color:var(--color-hex-3b82f6)}.action-delete{background:var(--color-rgba-239-68-68-0-1);color:var(--color-hex-ef4444)}.action-login{background:var(--color-rgba-16-185-129-0-1);color:var(--color-hex-10b981)}.action-logout{background:var(--color-rgba-107-114-128-0-1);color:var(--color-hex-6b7280)}.action-approve{background:var(--color-rgba-16-185-129-0-1);color:var(--color-hex-10b981)}.action-reject{background:var(--color-rgba-239-68-68-0-1);color:var(--color-hex-ef4444)}.action-bid{background:var(--color-rgba-93-169-255-0-1);color:var(--primary-base)}.action-default{background:var(--bg-soft);color:var(--text-primary)}.resource-cell .resource-type{font-weight:var(--font-weight-medium);color:var(--text-primary);text-transform:capitalize}.resource-cell .resource-id{font-size:var(--size-12);color:var(--text-secondary);font-family:Courier New,monospace;margin-top:var(--size-4)}.device-cell .device-info{display:flex;flex-direction:column;gap:var(--size-6)}.device-cell .ip-address{font-family:Courier New,monospace;font-size:var(--size-12);color:var(--text-primary)}.device-cell .device-details{display:flex;align-items:center;gap:var(--size-6);font-size:var(--size-11);color:var(--text-secondary)}.device-icon{width:var(--size-14);height:var(--size-14);color:var(--text-muted)}.separator{color:var(--text-muted)}.status-icon{width:var(--size-24);height:var(--size-24)}.status-icon.success{color:var(--color-hex-10b981)}.status-icon.error{color:var(--color-hex-ef4444)}.status-unknown{color:var(--text-muted);font-size:var(--size-18)}.expanded-row{background:var(--bg-soft);border-bottom:var(--size-2) solid var(--border-default)}.expanded-content{padding:var(--size-24);display:flex;flex-direction:column;gap:var(--size-20)}.detail-section{padding:var(--size-16);background:var(--bg-white);border:var(--size-1) solid var(--border-default);border-radius:var(--size-8)}.detail-section h4{font-size:var(--size-14);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--size-12) 0;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide-025)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--size-12)}.detail-item{display:flex;gap:var(--size-8);padding:var(--size-8);background:var(--bg-soft);border-radius:var(--size-6);font-size:var(--size-13)}.detail-key{font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:capitalize}.detail-value{color:var(--text-primary);word-break:break-all}.changes-view{background:var(--bg-soft);border:var(--size-1) solid var(--border-default);border-radius:var(--size-6);padding:var(--size-12);overflow-x:auto}.changes-view pre{margin:0;font-size:var(--size-12);font-family:Courier New,monospace;color:var(--text-primary)}.user-agent-text{font-size:var(--size-12);font-family:Courier New,monospace;color:var(--text-secondary);padding:var(--size-12);background:var(--bg-soft);border-radius:var(--size-6);word-break:break-all}.error-section{border-color:var(--color-hex-ef4444);background:var(--color-rgba-93-169-255-0-05)}.error-message{font-size:var(--size-13);color:var(--color-hex-ef4444);padding:var(--size-12);background:var(--bg-white);border-radius:var(--size-6);border-left:var(--size-3) solid var(--color-hex-ef4444)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--size-16) 0}.pagination-info{font-size:var(--size-14);color:var(--text-secondary)}.pagination-controls{display:flex;align-items:center;gap:var(--size-16)}.page-indicator{font-size:var(--size-14);font-weight:var(--font-weight-medium);color:var(--text-primary)}.pagination-btn{display:flex;align-items:center;gap:var(--size-8);padding:var(--size-8) var(--size-16);background:var(--bg-white);border:var(--size-1) solid var(--border-default);border-radius:var(--size-8);font-size:var(--size-14);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.pagination-btn:hover:not(:disabled){background:var(--bg-soft);border-color:var(--primary-base);color:var(--primary-base)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn svg{width:var(--size-16);height:var(--size-16)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--size-64) var(--size-24);text-align:center}.empty-icon{width:var(--size-64);height:var(--size-64);color:var(--text-muted);margin-bottom:var(--size-20)}.empty-state h3{font-size:var(--size-18);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--size-8) 0}.empty-state p{font-size:var(--size-14);color:var(--text-secondary);margin:0}.loading{display:flex;align-items:center;justify-content:center;padding:var(--size-64);font-size:var(--size-16);color:var(--text-secondary)}@media(max-width:1200px){.stats-section,.filters-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}}@media(max-width:768px){.audit-logs-page{padding:var(--size-16)}.page-header{flex-direction:column;gap:var(--size-16)}.header-actions{width:100%}.header-actions button{flex:1}.stats-section,.filters-grid{grid-template-columns:1fr}.pagination{flex-direction:column;gap:var(--size-16)}.table-container{overflow:visible;border-radius:var(--size-12)}.logs-table{display:block;width:100%;overflow:hidden;min-width:initial}.logs-table thead{display:none}.logs-table tbody{display:block}.logs-table tbody tr{display:block;margin-bottom:var(--size-12);border:var(--size-1) solid var(--border-default);border-radius:var(--size-12);padding:var(--size-16);background:var(--bg-card);box-shadow:0 var(--size-1) var(--size-3) var(--color-rgba-0-0-0-0-05)}.logs-table tbody tr:last-child{margin-bottom:0}.logs-table td{display:flex;flex-direction:column;align-items:flex-start;padding:var(--size-10) 0;border-bottom:var(--size-1) solid var(--border-default);gap:var(--size-4)}.logs-table td:first-child{padding-top:0;border-top:none}.logs-table td:last-child{border-bottom:none;padding-bottom:0}.logs-table td:before{content:attr(data-label);font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--size-11);text-transform:uppercase;letter-spacing:.05em}.logs-table td[data-label=""]:before{display:none}.expanded-row{display:block!important;margin-top:var(--size-8)!important;padding:var(--size-12)!important}.expand-btn{margin-bottom:var(--size-8)}}.nda-preview-page{min-height:100vh;background:var(--bg-page);padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center}.nda-loading,.nda-error{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:var(--font-size-body);color:var(--text-secondary)}.nda-error{color:var(--status-negative)}.nda-document{background:var(--bg-card);max-width:800px;width:100%;box-shadow:0 4px 20px var(--color-rgba-0-0-0-0-15);border-radius:var(--radius-medium);overflow:hidden}.nda-header{background:linear-gradient(135deg,var(--color-hex-dc3545),#c82333);color:var(--text-white);padding:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg)}.nda-logo{width:60px;height:60px;background:var(--bg-card);color:var(--color-hex-dc3545);border-radius:var(--radius-small);display:flex;align-items:center;justify-content:center;font-size:var(--size-24);font-weight:var(--font-weight-black);flex-shrink:0}.nda-header-text h1{font-size:var(--size-24);font-weight:var(--font-weight-bold);margin:0 0 var(--size-4) 0}.nda-header-text p{font-size:var(--size-12);opacity:.9;margin:0;letter-spacing:.5px}.nda-info-box{background:var(--color-hex-f8f9fa);border:1px solid var(--color-hex-e9ecef);margin:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-small)}.nda-info-row{display:flex;gap:var(--spacing-md);padding:var(--size-6) 0}.nda-info-row:not(:last-child){border-bottom:1px solid var(--color-hex-e9ecef)}.nda-info-label{font-weight:var(--font-weight-semibold);color:var(--color-hex-374151);min-width:150px}.nda-info-value{color:var(--color-hex-111827)}.nda-section{margin:var(--spacing-lg)}.nda-section-header{background:linear-gradient(135deg,var(--color-hex-dc3545),#c82333);color:var(--text-white);padding:var(--size-10) var(--spacing-md);font-weight:var(--font-weight-semibold);font-size:var(--size-14);border-radius:var(--radius-small) var(--radius-small) 0 0;letter-spacing:.5px}.nda-section-content{background:var(--bg-card);border:1px solid var(--color-hex-e9ecef);border-top:none;padding:var(--spacing-md);border-radius:0 0 var(--radius-small) var(--radius-small)}.nda-field{display:flex;gap:var(--spacing-md);padding:var(--size-8) 0}.nda-field:not(:last-child){border-bottom:1px dashed var(--color-hex-e9ecef)}.nda-field-label{color:var(--color-hex-6b7280);min-width:140px;font-size:var(--size-14)}.nda-field-value{color:var(--color-hex-111827);font-size:var(--size-14)}.nda-terms{padding:var(--spacing-lg)}.nda-term{margin-bottom:var(--spacing-md)}.nda-term:last-child{margin-bottom:0}.nda-term h4{font-size:var(--size-14);font-weight:var(--font-weight-semibold);color:var(--color-hex-111827);margin:0 0 var(--size-8) 0}.nda-term p{font-size:var(--size-13);color:var(--color-hex-374151);line-height:1.6;margin:0;text-align:justify}.nda-signature{margin:var(--spacing-lg);background:var(--gradient-green);border:2px solid var(--color-hex-10b981);border-radius:var(--radius-small);padding:var(--spacing-lg)}.nda-signature-badge{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-hex-155724);font-weight:var(--font-weight-semibold);font-size:var(--size-14);margin-bottom:var(--size-8)}.nda-signature-badge svg{color:var(--color-hex-10b981)}.nda-signature-details{font-size:var(--size-13);color:var(--color-hex-155724)}.nda-footer{text-align:center;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--size-12);color:var(--color-hex-6b7280);border-top:1px solid var(--color-hex-e9ecef)}.nda-actions{margin-top:var(--spacing-lg);display:flex;gap:var(--spacing-md)}.nda-print-btn{padding:var(--size-12) var(--spacing-xl);background:var(--primary-base);color:var(--text-white);border:none;border-radius:var(--radius-small);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-duration) var(--transition-easing)}.nda-print-btn:hover{background:var(--primary-dark)}@media print{.nda-preview-page{padding:0;background:var(--bg-card)}.nda-document{box-shadow:none;border-radius:0}.nda-actions{display:none}}[data-theme=dark] .nda-document{background:var(--bg-card)}[data-theme=dark] .nda-info-box{background:var(--bg-soft);border-color:var(--border-default)}[data-theme=dark] .nda-info-row{border-color:var(--border-default)}[data-theme=dark] .nda-info-label{color:var(--text-secondary)}[data-theme=dark] .nda-info-value{color:var(--text-primary)}[data-theme=dark] .nda-section-content{background:var(--bg-card);border-color:var(--border-default)}[data-theme=dark] .nda-field{border-color:var(--border-default)}[data-theme=dark] .nda-field-label{color:var(--text-muted)}[data-theme=dark] .nda-field-value,[data-theme=dark] .nda-term h4{color:var(--text-primary)}[data-theme=dark] .nda-term p{color:var(--text-secondary)}[data-theme=dark] .nda-footer{color:var(--text-muted);border-color:var(--border-default)}@media(max-width:768px){.nda-preview-page{padding:var(--spacing-md)}.nda-header{flex-direction:column;text-align:center;padding:var(--spacing-lg)}.nda-header-text h1{font-size:var(--size-20)}.nda-info-row,.nda-field{flex-direction:column;gap:var(--size-4)}.nda-info-label,.nda-field-label{min-width:auto;font-size:var(--size-12)}.nda-signature-badge{flex-direction:column;text-align:center}.nda-signature-details{text-align:center}}:root{--primary-base: #e11d48;--primary-gradient: linear-gradient(135deg, #e11d48 0%, #be123c 100%);--bg-page: #121212;--bg-white: #1a1a1a;--bg-card: #1a1a1a;--bg-soft: #1f1f1f;--bg-muted: #242424;--bg-highlight: #2a2a2a;--border-default: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--text-white: #ffffff;--icon-default: rgba(255, 255, 255, .5);--icon-active: #e11d48;--status-positive: #10b981;--status-negative: #e11d48;--status-neutral: #6b7280;--bg-hover: #2a2a2a;--shadow-card: 0 10px 30px rgba(0, 0, 0, .5);--shadow-button: 0 6px 20px rgba(225, 29, 72, .4);--shadow-dropdown: 0 12px 32px rgba(0, 0, 0, .6);--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .3);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-danger: 0 4px 12px rgba(239, 68, 68, .3);--shadow-danger-hover: 0 8px 20px rgba(239, 68, 68, .4);--shadow-success: 0 4px 12px rgba(16, 185, 129, .3);--radius-small: 10px;--radius-medium: 12px;--radius-large: 20px;--radius-pill: 999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-family-heading: "Cal Sans", "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-page-title: 26px;--font-size-section-title: 18px;--font-size-body: 14px;--font-size-caption: 12px;--font-size-button: 14px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--line-height-normal: 1.5;--line-height-compact: 1.3;--sidebar-width: 260px;--topbar-height: 64px;--transition-duration: .2s;--transition-easing: cubic-bezier(.4, 0, .2, 1);--glass-bg: rgba(18, 18, 18, .85);--glass-border: rgba(255, 255, 255, .05);--glass-blur: blur(16px);--ds-crimson-50: #2a1a1f;--ds-crimson-100: #3d1420;--ds-crimson-200: #5e1129;--ds-crimson-300: #7e1032;--ds-crimson-400: #a0123b;--ds-crimson-500: #be123c;--ds-crimson-600: #e11d48;--ds-crimson-700: #f43f5e;--ds-crimson-800: #fb7185;--ds-crimson-900: #fda4af;--ds-crimson-600-rgb: 225 29 72;--ds-crimson-500-rgb: 190 18 60;--ds-crimson-700-rgb: 244 63 94;--ds-slate-50: #1a1a1a;--ds-slate-100: #1f1f1f;--ds-slate-200: #242424;--ds-slate-300: #2a2a2a;--ds-slate-500: #6b7280;--ds-slate-700: #9ca3af;--ds-slate-900: #ffffff;--ds-slate-900-rgb: 255 255 255;--ds-surface-page: #121212;--ds-surface-card: #1a1a1a;--ds-surface-muted: #1f1f1f;--ds-surface-raised: #242424;--ds-border: rgba(255, 255, 255, .08);--ds-border-strong: rgba(255, 255, 255, .12);--ds-text-strong: #ffffff;--ds-text: rgba(255, 255, 255, .9);--ds-text-muted: rgba(255, 255, 255, .6);--ds-icon-muted: rgba(255, 255, 255, .3);--ds-accent-600: #e11d48;--ds-accent-500: #be123c;--ds-accent-400: #a0123b;--ds-accent-300: #7e1032;--ds-link-bg: rgba(225, 29, 72, .1);--ds-link-bg-hover: rgba(225, 29, 72, .15);--ds-link-border-hover: rgba(225, 29, 72, .3);--ds-focus-ring: #e11d48;--ds-table-row-alt: rgba(255, 255, 255, .02);--ds-status-draft-bg: rgba(225, 29, 72, .1);--ds-status-draft-text: #fb7185;--ds-status-draft-border: rgba(225, 29, 72, .3);--ds-status-published-bg: rgba(16, 185, 129, .1);--ds-status-published-text: #34d399;--ds-status-published-border: rgba(16, 185, 129, .3);--ds-status-archived-bg: rgba(107, 114, 128, .1);--ds-status-archived-text: #9ca3af;--ds-status-archived-border: rgba(107, 114, 128, .3);--ds-shadow-header: 0 14px 30px rgba(0, 0, 0, .5);--ds-shadow-card: 0 10px 22px rgba(0, 0, 0, .4);--ds-shadow-card-hover: 0 18px 34px rgba(0, 0, 0, .5);--ds-shadow-icon: 0 10px 18px rgba(0, 0, 0, .6);--ds-shadow-section: 0 16px 32px rgba(0, 0, 0, .5);--ds-shadow-primary: 0 4px 12px rgba(225, 29, 72, .5);--ds-shadow-primary-hover: 0 8px 20px rgba(225, 29, 72, .6);--ds-shadow-action: 0 12px 26px rgba(0, 0, 0, .4);--ds-shadow-action-hover: 0 18px 36px rgba(225, 29, 72, .4);--ds-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .05);--ds-icon-bg: rgba(225, 29, 72, .15);--color-hex-00f2fe: #e11d48;--color-hex-0284c7: #be123c;--color-hex-0369a1: #9f1239;--color-hex-059669: #059669;--color-hex-10b981: #10b981;--color-hex-111827: #111827;--color-hex-155724: #155724;--color-hex-15803d: #15803d;--color-hex-16a34a: #16a34a;--color-hex-1d4ed8: #be123c;--color-hex-2563eb: #e11d48;--color-hex-34d399: #34d399;--color-hex-374151: #374151;--color-hex-3b82f6: #e11d48;--color-hex-3ccf91: #3ccf91;--color-hex-4c9bff: #fb7185;--color-hex-4facfe: #f43f5e;--color-hex-5da9ff: #fb7185;--color-hex-6366f1: #e11d48;--color-hex-64748b: #64748b;--color-hex-666: #666;--color-hex-667eea: #be123c;--color-hex-6b7280: #6b7280;--color-hex-6bb6ff: #fb7185;--color-hex-764ba2: #9f1239;--color-hex-991b1b: #991b1b;--color-hex-999: #999;--color-hex-9ca3af: #9ca3af;--color-hex-a7f3d0: #a7f3d0;--color-hex-b91c1c: #b91c1c;--color-hex-bae6fd: #bae6fd;--color-hex-c2410c: #c2410c;--color-hex-ccc: #ccc;--color-hex-d1d5db: #d1d5db;--color-hex-d1ecf1: #d1ecf1;--color-hex-d1fae5: #d1fae5;--color-hex-d4edda: #d4edda;--color-hex-dbeafe: #dbeafe;--color-hex-dc2626: #dc2626;--color-hex-dc3545: #dc3545;--color-hex-dcfce7: #dcfce7;--color-hex-ddd: #ddd;--color-hex-e0e0e0: #e0e0e0;--color-hex-e0e7ff: #e0e7ff;--color-hex-e0edff: #e0edff;--color-hex-e0f2fe: #e0f2fe;--color-hex-e2e8f0: #e2e8f0;--color-hex-e5e7eb: #e5e7eb;--color-hex-e8eeff: #e8eeff;--color-hex-e8f0fe: #e8f0fe;--color-hex-ea580c: #ea580c;--color-hex-ef4444: #ef4444;--color-hex-eff6ff: #eff6ff;--color-hex-f093fb: #f093fb;--color-hex-f0f0f0: #f0f0f0;--color-hex-f0f4ff: #f0f4ff;--color-hex-f0f9ff: #f0f9ff;--color-hex-f0fdf4: #f0fdf4;--color-hex-f3f4f6: #f3f4f6;--color-hex-f5576c: #f5576c;--color-hex-f59e0b: #f59e0b;--color-hex-f5f7fb: #f5f7fb;--color-hex-f87171: #f87171;--color-hex-f8f9fa: #f8f9fa;--color-hex-f8fafc: #f8fafc;--color-hex-f9fafb: #f9fafb;--color-hex-fa709a: #fa709a;--color-hex-fecaca: #fecaca;--color-hex-fed7aa: #fed7aa;--color-hex-fee140: #fee140;--color-hex-fee2e2: #fee2e2;--color-hex-fef2f2: #fef2f2;--color-hex-fef3f2: #fef3f2;--color-hex-ffa726: #ffa726;--color-hex-fff3cd: #fff3cd;--color-hex-fff7ed: #fff7ed;--color-hex-60a5fa: #fb7185;--color-hex-fbbf24: #fbbf24;--color-hex-a78bfa: #fb7185;--color-hex-a855f7: #be123c;--color-hex-ca8a04: #ca8a04;--color-hex-7c3aed: #e11d48;--color-hex-e9ecef: #e9ecef;--color-hex-fca5a5: #fca5a5;--color-hex-065f46: #065f46;--color-hex-047857: #047857;--color-hex-92400e: #92400e;--color-hex-b45309: #b45309;--color-hex-721c24: #721c24;--color-hex-5a6268: #5a6268;--color-hex-11998e: #059669;--color-hex-38ef7d: #34d399;--color-rgba-0-0-0-0-1: rgba(0, 0, 0, .1);--color-rgba-0-0-0-0-12: rgba(0, 0, 0, .12);--color-rgba-0-0-0-0-2: rgba(0, 0, 0, .2);--color-rgba-0-0-0-0-3: rgba(0, 0, 0, .3);--color-rgba-0-0-0-0-5: rgba(0, 0, 0, .5);--color-rgba-107-182-255-0-9: rgba(225, 29, 72, .9);--color-rgba-16-185-129-0-1: rgba(16, 185, 129, .1);--color-rgba-16-185-129-0-125: rgba(16, 185, 129, .125);--color-rgba-16-185-129-0-15: rgba(16, 185, 129, .15);--color-rgba-245-158-11-0-125: rgba(245, 158, 11, .125);--color-rgba-239-68-68-0-1: rgba(239, 68, 68, .1);--color-rgba-239-68-68-0-125: rgba(239, 68, 68, .125);--color-rgba-239-68-68-0-15: rgba(239, 68, 68, .15);--color-rgba-248-113-113-0-1: rgba(248, 113, 113, .1);--color-rgba-59-130-246-0-1: rgba(225, 29, 72, .1);--color-rgba-59-130-246-0-3: rgba(225, 29, 72, .3);--color-rgba-60-207-145-0-1: rgba(60, 207, 145, .1);--color-rgba-93-169-255-0-05: rgba(225, 29, 72, .05);--color-rgba-93-169-255-0-08: rgba(225, 29, 72, .08);--color-rgba-93-169-255-0-1: rgba(225, 29, 72, .1);--color-rgba-93-169-255-0-15: rgba(225, 29, 72, .15);--color-rgba-93-169-255-0-2: rgba(225, 29, 72, .2);--color-rgba-93-169-255-0-25: rgba(225, 29, 72, .25);--color-rgba-93-169-255-0-35: rgba(225, 29, 72, .35);--color-rgba-93-169-255-0-4: rgba(225, 29, 72, .4);--color-rgba-93-169-255-0-8: rgba(225, 29, 72, .8);--color-rgba-255-255-255-0-1: rgba(255, 255, 255, .1);--color-rgba-245-158-11-0-1: rgba(245, 158, 11, .1);--color-rgba-245-158-11-0-12: rgba(245, 158, 11, .12);--color-rgba-245-158-11-0-15: rgba(245, 158, 11, .15);--color-rgba-245-158-11-0-2: rgba(245, 158, 11, .2);--color-rgba-16-185-129-0-12: rgba(16, 185, 129, .12);--color-rgba-16-185-129-0-18: rgba(16, 185, 129, .18);--color-rgba-59-130-246-0-05: rgba(225, 29, 72, .05);--color-rgba-59-130-246-0-06: rgba(225, 29, 72, .06);--color-rgba-59-130-246-0-12: rgba(225, 29, 72, .12);--color-rgba-59-130-246-0-15: rgba(225, 29, 72, .15);--color-rgba-59-130-246-0-2: rgba(225, 29, 72, .2);--color-rgba-59-130-246-0-25: rgba(225, 29, 72, .25);--color-rgba-99-102-241-0-12: rgba(225, 29, 72, .12);--color-rgba-99-102-241-0-15: rgba(225, 29, 72, .15);--color-rgba-99-102-241-0-25: rgba(225, 29, 72, .25);--color-rgba-239-68-68-0-18: rgba(239, 68, 68, .18);--color-rgba-239-68-68-0-3: rgba(239, 68, 68, .3);--color-rgba-139-92-246-0-18: rgba(225, 29, 72, .18);--color-rgba-107-114-128-0-15: rgba(107, 114, 128, .15);--color-rgba-30-41-59-0-5: rgba(30, 41, 59, .5);--color-rgba-168-85-247-0-12: rgba(225, 29, 72, .12);--color-rgba-168-85-247-0-15: rgba(225, 29, 72, .15);--color-rgba-168-85-247-0-3: rgba(225, 29, 72, .3);--color-rgba-16-185-129-0-08: rgba(16, 185, 129, .08);--color-rgba-16-185-129-0-2: rgba(16, 185, 129, .2);--color-rgba-16-185-129-0-4: rgba(16, 185, 129, .4);--color-rgba-52-211-153-0-05: rgba(52, 211, 153, .05);--color-rgba-52-211-153-0-1: rgba(52, 211, 153, .1);--color-rgba-234-88-12-0-1: rgba(234, 88, 12, .1);--color-rgba-220-38-38-0-08: rgba(220, 38, 38, .08);--color-rgba-220-38-38-0-1: rgba(220, 38, 38, .1);--color-rgba-16-185-129-0-04: rgba(16, 185, 129, .04);--color-rgba-59-130-246-0-03: rgba(225, 29, 72, .03);--color-rgba-234-179-8-0-1: rgba(234, 179, 8, .1);--color-rgba-139-92-246-0-1: rgba(225, 29, 72, .1);--color-rgba-107-114-128-0-1: rgba(107, 114, 128, .1);--color-rgba-0-0-0-0-05: rgba(0, 0, 0, .05);--color-rgba-0-0-0-0-06: rgba(0, 0, 0, .06);--color-rgba-0-0-0-0-08: rgba(0, 0, 0, .08);--color-rgba-0-0-0-0-15: rgba(0, 0, 0, .15);--color-rgba-0-0-0-0-25: rgba(0, 0, 0, .25);--color-rgba-0-0-0-0-6: rgba(0, 0, 0, .6);--color-rgba-0-0-0-0-7: rgba(0, 0, 0, .7);--color-rgba-255-255-255-0-08: rgba(255, 255, 255, .08);--color-rgba-255-255-255-0-15: rgba(255, 255, 255, .15);--color-rgba-255-255-255-0-2: rgba(255, 255, 255, .2);--color-rgba-255-255-255-0-25: rgba(255, 255, 255, .25);--color-rgba-255-255-255-0-3: rgba(255, 255, 255, .3);--color-rgba-255-255-255-0-4: rgba(255, 255, 255, .4);--color-rgba-255-255-255-0-9: rgba(255, 255, 255, .9);--color-rgba-26-26-26-0-8: rgba(26, 26, 26, .8);--color-rgba-22-163-74-0-2: rgba(22, 163, 74, .2);--color-rgba-168-85-247-0-1: rgba(225, 29, 72, .1);--color-rgba-107-114-128-0-2: rgba(107, 114, 128, .2);--color-rgba-99-102-241-0-06: rgba(225, 29, 72, .06);--color-rgba-99-102-241-0-08: rgba(225, 29, 72, .08);--color-rgba-99-102-241-0-2: rgba(225, 29, 72, .2);--color-rgba-99-102-241-0-35: rgba(225, 29, 72, .35);--color-rgba-16-185-129-0-25: rgba(16, 185, 129, .25);--color-rgba-16-185-129-0-3: rgba(16, 185, 129, .3);--color-rgba-16-185-129-0-35: rgba(16, 185, 129, .35);--color-rgba-239-68-68-0-06: rgba(239, 68, 68, .06);--color-rgba-239-68-68-0-12: rgba(239, 68, 68, .12);--color-rgba-102-126-234-0-3: rgba(225, 29, 72, .3);--shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, .25);--gradient-surface-wash: linear-gradient(135deg, #121212 0%, #1a1a1a 100%);--gradient-stat-indigo: linear-gradient(135deg, #e11d48 0%, #be123c 100%);--gradient-stat-pink: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);--gradient-stat-cyan: linear-gradient(135deg, #be123c 0%, #9f1239 100%);--gradient-stat-sunset: linear-gradient(135deg, #e11d48 0%, #881337 100%);--gradient-accent-soft: linear-gradient(135deg, rgba(225, 29, 72, .15) 0%, rgba(225, 29, 72, .05) 100%);--gradient-accent-soft-strong: linear-gradient(135deg, rgba(225, 29, 72, .25) 0%, rgba(225, 29, 72, .1) 100%);--gradient-green: linear-gradient(135deg, #10b981 0%, #059669 100%);--size-1: 1px;--size-2: 2px;--size-3: 3px;--size-4: 4px;--size-5: 5px;--size-6: 6px;--size-8: 8px;--size-9: 9px;--size-10: 10px;--size-11: 11px;--size-12: 12px;--size-13: 13px;--size-14: 14px;--size-15: 15px;--size-16: 16px;--size-17: 17px;--size-18: 18px;--size-19: 19px;--size-20: 20px;--size-21: 21px;--size-22: 22px;--size-24: 24px;--size-26: 26px;--size-28: 28px;--size-30: 30px;--size-32: 32px;--size-36: 36px;--size-38: 38px;--size-40: 40px;--size-42: 42px;--size-44: 44px;--size-46: 46px;--size-48: 48px;--size-50: 50px;--size-52: 52px;--size-56: 56px;--size-60: 60px;--size-64: 64px;--size-80: 80px;--size-90: 90px;--size-100: 100px;--size-120: 120px;--size-160: 160px;--size-180: 180px;--size-200: 200px;--size-240: 240px;--size-250: 250px;--size-260: 260px;--size-280: 280px;--size-300: 300px;--size-320: 320px;--size-350: 350px;--size-360: 360px;--size-380: 380px;--size-400: 400px;--size-480: 480px;--size-500: 500px;--size-600: 600px;--size-640: 640px;--size-700: 700px;--size-800: 800px;--size-900: 900px;--size-999: 999px;--size-9999: 9999px;--size-rem-0-25: .25rem;--size-rem-0-375: .375rem;--size-rem-0-5: .5rem;--size-rem-0-75: .75rem;--size-rem-0-875: .875rem;--size-rem-1: 1rem;--size-rem-1-125: 1.125rem;--size-rem-1-5: 1.5rem;--size-rem-2: 2rem;--size-em-0-5: .5em;--offset-1: -1px;--offset-2: -2px;--offset-4: -4px;--offset-6: -6px;--offset-8: -8px;--offset-50p: -50%;--offset-100p: -100%;--letter-spacing-tight-03: -.3px;--letter-spacing-tight-05: -.5px;--letter-spacing-tight-1: -1px;--letter-spacing-wide-02: .2px;--letter-spacing-wide-03: .3px;--letter-spacing-wide-05: .5px;--letter-spacing-wide-06: .6px;--letter-spacing-wide-5: 5px;--blur-8: 8px;--chart-color-1: #5DA9FF;--chart-color-2: #10B981;--chart-color-3: #F59E0B;--chart-color-4: #EF4444;--chart-color-5: #A855F7;--chart-color-6: #EC4899;--chart-grid: rgba(255, 255, 255, .1);--chart-text: rgba(255, 255, 255, .5);--chart-tooltip-bg: var(--bg-card);--chart-tooltip-border: var(--border-default)}[data-theme=light]{--primary-base: #e11d48;--primary-gradient: linear-gradient(135deg, #e11d48 0%, #be123c 100%);--bg-hover: #ebebeb;--shadow-subtle: 0 1px 2px rgba(0, 0, 0, .02);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .03);--bg-page: #ffffff;--bg-white: #ffffff;--bg-card: #fafafa;--bg-soft: #f5f5f5;--bg-muted: #f0f0f0;--bg-highlight: #fef2f2;--border-default: rgba(0, 0, 0, .08);--text-primary: #0a0a0a;--text-secondary: rgba(0, 0, 0, .7);--text-muted: rgba(0, 0, 0, .5);--text-white: #ffffff;--icon-default: rgba(0, 0, 0, .5);--icon-active: #e11d48;--status-positive: #10b981;--status-negative: #e11d48;--status-neutral: #6b7280;--shadow-card: 0 10px 30px rgba(0, 0, 0, .08);--shadow-button: 0 6px 20px rgba(225, 29, 72, .3);--shadow-dropdown: 0 12px 32px rgba(0, 0, 0, .12);--ds-surface-page: #ffffff;--ds-surface-card: #fafafa;--ds-surface-muted: #f5f5f5;--ds-surface-raised: #ffffff;--ds-border: rgba(0, 0, 0, .08);--ds-border-strong: rgba(0, 0, 0, .12);--ds-text-strong: #0a0a0a;--ds-text: rgba(0, 0, 0, .9);--ds-text-muted: rgba(0, 0, 0, .6);--ds-icon-muted: rgba(0, 0, 0, .3);--ds-link-bg: rgba(225, 29, 72, .08);--ds-link-bg-hover: rgba(225, 29, 72, .12);--ds-link-border-hover: rgba(225, 29, 72, .3);--ds-focus-ring: #e11d48;--ds-table-row-alt: rgba(0, 0, 0, .02);--ds-status-draft-bg: rgba(225, 29, 72, .08);--ds-status-draft-text: #be123c;--ds-status-draft-border: rgba(225, 29, 72, .2);--ds-status-published-bg: rgba(16, 185, 129, .08);--ds-status-published-text: #059669;--ds-status-published-border: rgba(16, 185, 129, .2);--ds-status-archived-bg: rgba(107, 114, 128, .08);--ds-status-archived-text: #4b5563;--ds-status-archived-border: rgba(107, 114, 128, .2);--ds-shadow-header: 0 14px 30px rgba(0, 0, 0, .08);--ds-shadow-card: 0 10px 22px rgba(0, 0, 0, .08);--ds-shadow-card-hover: 0 18px 34px rgba(0, 0, 0, .12);--ds-shadow-icon: 0 10px 18px rgba(0, 0, 0, .15);--ds-shadow-section: 0 16px 32px rgba(0, 0, 0, .08);--ds-shadow-primary: 0 4px 12px rgba(225, 29, 72, .3);--ds-shadow-primary-hover: 0 8px 20px rgba(225, 29, 72, .4);--ds-shadow-action: 0 12px 26px rgba(0, 0, 0, .08);--ds-shadow-action-hover: 0 18px 36px rgba(225, 29, 72, .3);--ds-shadow-inset: inset 0 1px 0 rgba(0, 0, 0, .05);--ds-icon-bg: rgba(225, 29, 72, .1);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .08);--gradient-surface-wash: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);--gradient-accent-soft: linear-gradient(135deg, rgba(225, 29, 72, .1) 0%, rgba(225, 29, 72, .05) 100%);--gradient-accent-soft-strong: linear-gradient(135deg, rgba(225, 29, 72, .15) 0%, rgba(225, 29, 72, .08) 100%)}.protocol-preview-page{min-height:100vh;background:var(--bg-page);padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center}.protocol-loading,.protocol-error{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:var(--font-size-body);color:var(--text-secondary)}.protocol-error{color:var(--status-negative)}.protocol-document{background:var(--bg-card);max-width:800px;width:100%;box-shadow:0 4px 20px var(--color-rgba-0-0-0-0-15);border-radius:var(--radius-medium);overflow:hidden}.protocol-header{color:var(--text-white);padding:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg)}.protocol-header--success{background:linear-gradient(135deg,var(--color-hex-10b981),#218838)}.protocol-header--failure{background:linear-gradient(135deg,var(--color-hex-dc3545),#c82333)}.protocol-logo{width:60px;height:60px;background:var(--bg-card);border-radius:var(--radius-small);display:flex;align-items:center;justify-content:center;font-size:var(--size-24);font-weight:var(--font-weight-black);flex-shrink:0}.protocol-header--success .protocol-logo{color:var(--color-hex-10b981)}.protocol-header--failure .protocol-logo{color:var(--color-hex-dc3545)}.protocol-header-text h1{font-size:var(--size-24);font-weight:var(--font-weight-bold);margin:0 0 var(--size-4) 0}.protocol-header-text p{font-size:var(--size-12);opacity:.9;margin:0;letter-spacing:.5px}.protocol-info-box{background:var(--color-hex-f8f9fa);border:1px solid var(--color-hex-e9ecef);margin:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-small)}.protocol-info-row{display:flex;gap:var(--spacing-md);padding:var(--size-6) 0}.protocol-info-row:not(:last-child){border-bottom:1px solid var(--color-hex-e9ecef)}.protocol-info-label{font-weight:var(--font-weight-semibold);color:var(--color-hex-374151);min-width:180px}.protocol-info-value{color:var(--color-hex-111827)}.protocol-section{margin:var(--spacing-lg)}.protocol-section-header{color:var(--text-white);padding:var(--size-10) var(--spacing-md);font-weight:var(--font-weight-semibold);font-size:var(--size-14);border-radius:var(--radius-small) var(--radius-small) 0 0;letter-spacing:.5px}.protocol-section-header--success{background:linear-gradient(135deg,var(--color-hex-10b981),#218838)}.protocol-section-header--failure{background:linear-gradient(135deg,var(--color-hex-dc3545),#c82333)}.protocol-section-header--neutral{background:linear-gradient(135deg,var(--color-hex-6b7280),var(--color-hex-5a6268))}.protocol-section-content{background:var(--bg-card);border:1px solid var(--color-hex-e9ecef);border-top:none;padding:var(--spacing-md);border-radius:0 0 var(--radius-small) var(--radius-small)}.protocol-field{display:flex;gap:var(--spacing-md);padding:var(--size-8) 0}.protocol-field:not(:last-child){border-bottom:1px dashed var(--color-hex-e9ecef)}.protocol-field-label{color:var(--color-hex-6b7280);min-width:180px;font-size:var(--size-14)}.protocol-field-value{color:var(--color-hex-111827);font-size:var(--size-14)}.protocol-field-value--highlight{font-weight:var(--font-weight-bold);font-size:var(--size-16);color:var(--color-hex-10b981)}.protocol-field-value--winner{font-weight:var(--font-weight-semibold);color:var(--color-hex-10b981)}.protocol-conclusion{margin:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-small);text-align:center;font-weight:var(--font-weight-semibold);font-size:var(--size-16)}.protocol-conclusion--success{background:var(--gradient-green);border:2px solid var(--color-hex-10b981);color:var(--color-hex-155724)}.protocol-conclusion--failure{background:linear-gradient(135deg,var(--color-hex-fecaca),var(--color-hex-fca5a5));border:2px solid var(--color-hex-dc3545);color:var(--color-hex-721c24)}.protocol-signature{margin:var(--spacing-lg);border-radius:var(--radius-small);padding:var(--spacing-lg)}.protocol-signature--signed{background:var(--gradient-green);border:2px solid var(--color-hex-10b981)}.protocol-signature--unsigned{background:var(--color-hex-f8f9fa);border:2px dashed var(--color-hex-9ca3af)}.protocol-signature-badge{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-semibold);font-size:var(--size-14);margin-bottom:var(--size-8)}.protocol-signature--signed .protocol-signature-badge{color:var(--color-hex-155724)}.protocol-signature--unsigned .protocol-signature-badge{color:var(--color-hex-6b7280)}.protocol-signature-badge svg{flex-shrink:0}.protocol-signature--signed .protocol-signature-badge svg{color:var(--color-hex-10b981)}.protocol-signature--unsigned .protocol-signature-badge svg{color:var(--color-hex-9ca3af)}.protocol-signature-details{font-size:var(--size-13)}.protocol-signature--signed .protocol-signature-details{color:var(--color-hex-155724)}.protocol-signature--unsigned .protocol-signature-details{color:var(--color-hex-6b7280)}.protocol-footer{text-align:center;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--size-12);color:var(--color-hex-6b7280);border-top:1px solid var(--color-hex-e9ecef)}.protocol-actions{margin-top:var(--spacing-lg);display:flex;gap:var(--spacing-md)}.protocol-btn{padding:var(--size-12) var(--spacing-xl);color:var(--text-white);border:none;border-radius:var(--radius-small);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-duration) var(--transition-easing)}.protocol-btn--print{background:var(--primary-base)}.protocol-btn--print:hover{background:var(--primary-dark)}.protocol-btn--back{background:var(--color-hex-6b7280)}.protocol-btn--back:hover{background:var(--color-hex-5a6268)}@media print{.protocol-preview-page{padding:0;background:var(--bg-card)}.protocol-document{box-shadow:none;border-radius:0}.protocol-actions{display:none}}[data-theme=dark] .protocol-document{background:var(--bg-card)}[data-theme=dark] .protocol-info-box{background:var(--bg-soft);border-color:var(--border-default)}[data-theme=dark] .protocol-info-row{border-color:var(--border-default)}[data-theme=dark] .protocol-info-label{color:var(--text-secondary)}[data-theme=dark] .protocol-info-value{color:var(--text-primary)}[data-theme=dark] .protocol-section-content{background:var(--bg-card);border-color:var(--border-default)}[data-theme=dark] .protocol-field{border-color:var(--border-default)}[data-theme=dark] .protocol-field-label{color:var(--text-muted)}[data-theme=dark] .protocol-field-value{color:var(--text-primary)}[data-theme=dark] .protocol-footer{color:var(--text-muted);border-color:var(--border-default)}[data-theme=dark] .protocol-signature--unsigned{background:var(--bg-soft);border-color:var(--border-default)}@media(max-width:768px){.protocol-preview-page{padding:var(--spacing-md)}.protocol-header{flex-direction:column;text-align:center;padding:var(--spacing-lg)}.protocol-header-text h1{font-size:var(--size-20)}.protocol-info-row,.protocol-field{flex-direction:column;gap:var(--size-4)}.protocol-info-label,.protocol-field-label{min-width:auto;font-size:var(--size-12)}.protocol-signature-badge{flex-direction:column;text-align:center}.protocol-signature-details{text-align:center}.protocol-actions{flex-direction:column}.protocol-btn{width:100%;text-align:center}}