.login-container{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;background-color:#fff;transition:background-color .3s ease;position:relative}body:not(.dark-mode) .login-container{background-color:#fff}body.dark-mode .login-container{background-color:#1a1a1a}.login-card{width:100%;max-width:400px;background-color:#262626;border-radius:8px;padding:40px;box-shadow:0 2px 8px #0000004d;transition:background-color .3s ease,box-shadow .3s ease}body:not(.dark-mode) .login-card{background-color:#fff;box-shadow:0 2px 8px #0000001a}body.dark-mode .login-card{background-color:#1a1a1a;box-shadow:0 2px 8px #00000080}.login-header{text-align:center;margin-bottom:32px}.login-title{font-size:28px;font-weight:600;color:#f4f4f4;margin-bottom:8px;transition:color .3s ease}body:not(.dark-mode) .login-title{color:#161616}.login-subtitle{font-size:14px;color:#a8a8a8;transition:color .3s ease}body:not(.dark-mode) .login-subtitle{color:#6f6f6f}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:500;color:#f4f4f4;transition:color .3s ease}body:not(.dark-mode) .form-label{color:#161616}.form-input{width:100%;padding:12px 16px;font-size:14px;border:1px solid #525252;border-radius:4px;background-color:#393939;color:#f4f4f4;transition:all .3s ease}body:not(.dark-mode) .form-input{background-color:#fff;border-color:#d1d1d1;color:#161616}.form-input:focus{outline:none;border-color:#0f62fe;box-shadow:0 0 0 2px #0f62fe1a}.form-input:disabled{opacity:.6;cursor:not-allowed}.email-display{font-size:14px;font-weight:500;color:#78a9ff;margin-bottom:16px;padding:8px;background-color:#1e3a5f;border-radius:4px;text-align:center;transition:all .3s ease}body:not(.dark-mode) .email-display{color:#0f62fe;background-color:#e5f0ff}.code-inputs-container{display:flex;gap:12px;justify-content:center;margin-bottom:8px}.code-input{width:48px;height:56px;text-align:center;font-size:24px;font-weight:600;border:2px solid #525252;border-radius:4px;background-color:#393939;color:#f4f4f4;transition:all .3s ease}body:not(.dark-mode) .code-input{background-color:#fff;border-color:#d1d1d1;color:#161616}.code-input:focus{outline:none;border-color:#0f62fe;box-shadow:0 0 0 2px #0f62fe1a}.code-input:disabled{opacity:.6;cursor:not-allowed}.login-button{width:100%;padding:12px 24px;font-size:14px;font-weight:600;color:#fff;background-color:#0f62fe;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.login-button:hover:not(:disabled){background-color:#0043ce}.login-button:disabled{opacity:.6;cursor:not-allowed}.back-button{width:100%;padding:8px 16px;font-size:14px;color:#a8a8a8;background-color:transparent;border:none;cursor:pointer;transition:color .3s ease;margin-top:8px}body:not(.dark-mode) .back-button{color:#6f6f6f}.back-button:hover:not(:disabled){color:#f4f4f4}body:not(.dark-mode) .back-button:hover:not(:disabled){color:#161616}.back-button:disabled{opacity:.6;cursor:not-allowed}.error-message{padding:12px;background-color:#3d1f1f;border:1px solid #5a2a2a;border-radius:4px;color:#ff8389;font-size:14px;text-align:center;transition:all .3s ease}body:not(.dark-mode) .error-message{background-color:#fff1f1;border-color:#ffd7d9;color:#da1e28}.success-message{padding:12px;background-color:#1e3a1e;border:1px solid #2d4d2d;border-radius:4px;color:#6fcf97;font-size:14px;text-align:center;transition:all .3s ease}body:not(.dark-mode) .success-message{background-color:#e8f5e9;border-color:#c8e6c9;color:#2e7d32}.data-table-container{--bg-primary: #f4f4f4;--bg-secondary: #ffffff;--bg-header: #e0e0e0;--bg-selected: rgba(141, 141, 141, .2);--bg-hover: rgba(0, 0, 0, .02);--bg-batch-actions: #0f62fe;--bg-batch-actions-hover: #0050e6;--bg-slot: #e8daff;--bg-button-hover: rgba(0, 0, 0, .05);--text-primary: #161616;--text-secondary: #525252;--text-on-color: #ffffff;--text-slot: #6929c4;--border-color: #c6c6c6;--border-slot: #6929c4;--divider-batch: rgba(255, 255, 255, .3);--checkbox-accent: #161616;--sort-icon-opacity: .6}.data-table-container.dark-mode{--bg-primary: #161616;--bg-secondary: #262626;--bg-header: #393939;--bg-selected: rgba(141, 141, 141, .3);--bg-hover: rgba(255, 255, 255, .05);--bg-batch-actions: #4589ff;--bg-batch-actions-hover: #0050e6;--bg-slot: #2d1a4a;--bg-button-hover: rgba(255, 255, 255, .1);--text-primary: #f4f4f4;--text-secondary: #c6c6c6;--text-on-color: #ffffff;--text-slot: #a78bfa;--border-color: #525252;--border-slot: #6929c4;--divider-batch: rgba(255, 255, 255, .3);--checkbox-accent: #f4f4f4;--sort-icon-opacity: .7}.data-table-container{width:100%;max-width:1400px;background-color:var(--bg-primary);display:flex;flex-direction:column;border-radius:4px;overflow:hidden;transition:background-color .3s ease,color .3s ease}.table-header-section{padding:16px 24px;background-color:var(--bg-primary);display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.theme-toggle-container{display:flex;align-items:center}.theme-toggle-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:400;cursor:pointer;transition:all .2s ease}.theme-toggle-button:hover{background-color:var(--bg-hover)}.theme-toggle-label{font-size:14px}.title-description{display:flex;flex-direction:column;gap:0}.table-title{font-family:IBM Plex Sans,sans-serif;font-size:20px;font-weight:400;line-height:28px;color:var(--text-primary);margin:0;transition:color .3s ease}.table-description{font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:400;line-height:18px;color:var(--text-secondary);letter-spacing:.16px;margin:0;transition:color .3s ease}.batch-actions-bar{background-color:var(--bg-batch-actions);display:flex;align-items:center;padding:15px 16px;gap:0;transition:background-color .3s ease}.selected-items-label{flex:1;font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:400;line-height:18px;color:var(--text-on-color);letter-spacing:.16px;white-space:nowrap;transition:color .3s ease}.batch-actions-buttons{display:flex;align-items:center;gap:0}.batch-action-button{background-color:var(--bg-batch-actions);border:none;color:var(--text-on-color);font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:.16px;padding:15px 16px;cursor:pointer;white-space:nowrap;transition:background-color .3s ease,color .3s ease}.batch-action-button:hover{background-color:var(--bg-batch-actions-hover)}.batch-action-button:active{background-color:var(--bg-batch-actions-hover);opacity:.9}.batch-divider{width:1px;height:16px;background-color:var(--divider-batch);margin:0 8px;transition:background-color .3s ease}.table-wrapper{overflow-x:auto;background-color:var(--bg-secondary);transition:background-color .3s ease}.data-table{width:100%;border-collapse:collapse;background-color:var(--bg-secondary);transition:background-color .3s ease}.table-header-row{background-color:var(--bg-header);border-bottom:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}.select-cell{width:48px;padding:14px 16px 30px;vertical-align:top}.checkbox-container{display:flex;align-items:center;justify-content:flex-start}.checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--checkbox-accent);transition:accent-color .3s ease}.table-header-cell{padding:16px 8px 30px 16px;text-align:left;vertical-align:top;min-width:120px}.header-content{display:flex;align-items:center;gap:8px;font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:600;line-height:18px;color:var(--text-primary);letter-spacing:.16px;transition:color .3s ease}.sort-icon{font-size:12px;opacity:var(--sort-icon-opacity);cursor:pointer;transition:opacity .3s ease}.table-row{border-bottom:1px solid var(--border-color);background-color:transparent;transition:background-color .2s ease,border-color .3s ease}.table-row:hover{background-color:var(--bg-hover)}.table-row.selected{background-color:var(--bg-selected)}.table-cell{padding:16px 16px 30px;font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:400;line-height:18px;color:var(--text-secondary);letter-spacing:.16px;vertical-align:top;transition:color .3s ease}.slot-component{background-color:var(--bg-slot);border:1px solid var(--border-slot);padding:16px;display:flex;gap:16px;align-items:flex-start;transition:background-color .3s ease,border-color .3s ease}.slot-icon{font-size:24px;flex-shrink:0}.slot-content{display:flex;flex-direction:column;gap:4px;color:var(--text-slot)}.slot-title{font-family:IBM Plex Sans,sans-serif;font-size:20px;font-weight:400;line-height:28px;color:var(--text-slot);margin:0;transition:color .3s ease}.slot-description{font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:400;line-height:18px;color:var(--text-slot);letter-spacing:.16px;margin:0;transition:color .3s ease}.pagination-bar{background-color:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0;min-height:48px;transition:background-color .3s ease,border-color .3s ease}.pagination-left{display:flex;align-items:center;gap:0}.items-per-page{display:flex;align-items:center;gap:8px;padding:15px 16px}.items-per-page label{font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:400;line-height:18px;color:var(--text-primary);letter-spacing:.16px;white-space:nowrap;transition:color .3s ease}.page-select{font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:400;line-height:18px;color:var(--text-primary);letter-spacing:.16px;border:none;background-color:transparent;padding:14px 32px 14px 8px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23161616' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:color .3s ease}.data-table-container.dark-mode .page-select{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23f4f4f4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.pagination-divider{width:1px;height:48px;background-color:var(--border-color);transition:background-color .3s ease}.pagination-center{flex:1;display:flex;align-items:center;padding:15px 16px}.items-range{font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:400;line-height:18px;color:var(--text-secondary);letter-spacing:.16px;white-space:nowrap;transition:color .3s ease}.pagination-right{display:flex;align-items:center;gap:0}.page-navigation{display:flex;align-items:center;gap:8px;padding:0 16px}.total-pages{font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:400;line-height:18px;color:var(--text-primary);letter-spacing:.16px;white-space:nowrap;padding:15px 0;transition:color .3s ease}.pagination-buttons{display:flex;align-items:center;gap:0}.nav-button{background-color:transparent;border:none;color:var(--text-primary);font-size:16px;padding:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .3s ease}.nav-button:hover:not(:disabled){background-color:var(--bg-button-hover)}.nav-button:disabled{opacity:.4;cursor:not-allowed}.app{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:20px}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-y-\[-30\%\]{inset-block:-30%}.z-10{z-index:10}.container{width:100%}.flex{display:flex}.grid{display:grid}.inline{display:inline}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.h-\[200\%\]{height:200%}.h-full{height:100%}.w-full{width:100%}.skew-y-12{--tw-skew-y:skewY(12deg);transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.overflow-visible{overflow:visible}.border{border-style:var(--tw-border-style);border-width:1px}.\[mask-image\:radial-gradient\(600px_circle_at_center\,white\,transparent\)\]{-webkit-mask-image:radial-gradient(600px,#fff,#0000);mask-image:radial-gradient(600px,#fff,#0000)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f4f4;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s}body.dark-mode{background-color:#161616}#root{width:100%;min-height:100vh}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}