*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4}img,picture,video,canvas,svg{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}:root{--op-bg-base:#000;--op-bg-surface:#0a0a0a;--op-bg-surface-raised:#121212;--op-bg-surface-overlay:#1a1a1a;--op-border-subtle:#1f1f1f;--op-border-default:#27272a;--op-border-active:#fff;--op-text-primary:#fff;--op-text-secondary:#a1a1aa;--op-text-tertiary:#52525b;--op-accent:#fff;--op-accent-hover:#e4e4e7;--op-accent-text:#000;--op-success:#e4e4e7;--op-success-subtle:#18181b;--op-success-text:#e4e4e7;--op-success-border:#27272a;--op-warning:#d4d4d8;--op-warning-subtle:#18181b;--op-warning-text:#d4d4d8;--op-warning-border:#27272a;--op-error:#a1a1aa;--op-error-subtle:#18181b;--op-error-text:#a1a1aa;--op-error-border:#27272a;--op-info:#d4d4d8;--op-info-subtle:#18181b;--op-info-text:#d4d4d8;--op-info-border:#27272a;--op-font-sans:"Inter", "Cairo", system-ui, sans-serif;--op-space-1:4px;--op-space-2:8px;--op-space-3:12px;--op-space-4:16px;--op-space-5:20px;--op-space-6:24px;--op-space-8:32px;--op-space-10:40px;--op-space-12:48px;--op-space-16:64px;--op-radius-sm:4px;--op-radius-md:6px;--op-radius-lg:8px;--op-radius-xl:12px;--op-radius-full:9999px;--op-shadow-sm:0 1px 2px #000c;--op-shadow-md:0 4px 12px #000000e6;--op-shadow-lg:0 8px 32px #000000f2;--op-shadow-glow:none;--op-duration-fast:.1s;--op-duration-normal:.18s;--op-duration-slow:.3s;--op-ease-default:cubic-bezier(.25, .1, .25, 1);--op-ease-spring:cubic-bezier(.34, 1.56, .64, 1);--op-ease-out:cubic-bezier(0, 0, .2, 1)}[data-theme=light]{--op-bg-base:#fff;--op-bg-surface:#fafafa;--op-bg-surface-raised:#f4f4f5;--op-bg-surface-overlay:#e4e4e7;--op-border-subtle:#e4e4e7;--op-border-default:#d4d4d8;--op-border-active:#000;--op-text-primary:#000;--op-text-secondary:#52525b;--op-text-tertiary:#a1a1aa;--op-accent:#000;--op-accent-hover:#27272a;--op-accent-text:#fff;--op-success-subtle:#f4f4f5;--op-success-text:#18181b;--op-success-border:#d4d4d8;--op-warning-subtle:#f4f4f5;--op-warning-text:#18181b;--op-warning-border:#d4d4d8;--op-error-subtle:#f4f4f5;--op-error-text:#18181b;--op-error-border:#d4d4d8;--op-info-subtle:#f4f4f5;--op-info-text:#18181b;--op-info-border:#d4d4d8;--op-shadow-sm:0 1px 2px #0000000d;--op-shadow-md:0 4px 12px #00000014;--op-shadow-lg:0 8px 24px #0000001f;--op-shadow-glow:none}body{font-family:var(--op-font-sans);background-color:var(--op-bg-base);color:var(--op-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--op-duration-normal) var(--op-ease-default), color var(--op-duration-normal) var(--op-ease-default);margin:0;font-size:14px;line-height:1.5}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3,h4{font-family:var(--op-font-sans);color:var(--op-text-primary);margin:0}h1{font-size:22px;font-weight:700;line-height:1.2}h2{font-size:18px;font-weight:600;line-height:1.3}h3{font-size:15px;font-weight:600;line-height:1.35}p{color:var(--op-text-secondary);margin:0}a{color:var(--op-accent);text-decoration:none}a:hover{color:var(--op-accent-hover)}input,select,textarea,button{font-family:inherit;font-size:inherit}::selection{background:var(--op-text-primary);color:var(--op-bg-base)}:focus-visible{outline:2px solid var(--op-border-active);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--op-border-default) transparent}::-webkit-scrollbar{block-size:6px;inline-size:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--op-border-default);border-radius:var(--op-radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--op-text-tertiary)}::-webkit-scrollbar-corner{background:0 0}.op-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.op-fade-in{animation:op-fade-in var(--op-duration-slow) var(--op-ease-default) both}@keyframes op-fade-in{0%{opacity:0}to{opacity:1}}@keyframes op-shimmer{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes op-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.op-input{height:44px;padding:var(--op-space-3) var(--op-space-4);background:var(--op-bg-surface-raised);border:1px solid var(--op-border-subtle);border-radius:var(--op-radius-md);color:var(--op-text-primary);font-size:14px;font-family:var(--op-font-sans);width:100%;transition:border-color var(--op-duration-normal) var(--op-ease-default), box-shadow var(--op-duration-normal) var(--op-ease-default);appearance:none}.op-input::placeholder{color:var(--op-text-tertiary)}.op-input:focus{border-color:var(--op-border-active);box-shadow:0 0 0 1px var(--op-border-active);outline:none}@keyframes op-slide-up{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.op-loading-shell{justify-content:center;align-items:center;gap:var(--op-space-4);background:var(--op-bg-base);flex-direction:column;min-height:100dvh;display:flex}.op-loading-shell__icon{background:var(--op-accent);border-radius:4px;width:24px;height:24px;animation:1.5s ease-in-out infinite op-pulse}.op-loading-shell__text{color:var(--op-text-tertiary);font-size:14px}@keyframes op-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.op-toast-container{top:var(--op-space-4);z-index:2000;gap:var(--op-space-2);flex-direction:column;width:calc(100% - 32px);max-width:400px;display:flex;position:fixed}[dir=ltr] .op-toast-container,:root:not([dir=rtl]) .op-toast-container{right:var(--op-space-4)}[dir=rtl] .op-toast-container{left:var(--op-space-4)}.op-toast{background:var(--op-bg-surface-overlay,var(--op-bg-surface));border:1px solid var(--op-border-subtle);border-radius:var(--op-radius-md);padding:var(--op-space-3) var(--op-space-4);align-items:center;gap:var(--op-space-3);box-shadow:var(--op-shadow-lg);animation:op-toast-slide-in var(--op-duration-slow,.3s) var(--op-ease-spring,cubic-bezier(.34, 1.56, .64, 1));display:flex;position:relative;overflow:hidden}.op-toast__icon{flex-shrink:0;font-size:16px}.op-toast__icon--success{color:var(--op-success)}.op-toast__icon--error{color:var(--op-error)}.op-toast__icon--info{color:var(--op-info)}.op-toast__message{color:var(--op-text-primary);flex:1;font-size:14px}.op-toast__close{color:var(--op-text-tertiary);cursor:pointer;padding:var(--op-space-1);border-radius:var(--op-radius-sm);min-width:28px;min-height:28px;transition:color var(--op-duration-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.op-toast__close:hover{color:var(--op-text-primary)}.op-toast__progress{bottom:0;border-radius:0 0 var(--op-radius-md) var(--op-radius-md);height:2px;transition:width linear;position:absolute;inset-inline-start:0}.op-toast__progress--success{background:var(--op-success)}.op-toast__progress--error{background:var(--op-error)}.op-toast__progress--info{background:var(--op-info)}@keyframes op-toast-slide-in{0%{opacity:0;transform:translateY(-12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.op-login{background:var(--op-bg-base);min-height:100dvh;padding:var(--op-space-6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.op-login:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#ffffff08 1px,#0000 0);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 40%,#000 20%,#0000 70%);mask-image:radial-gradient(80% 60% at 50% 40%,#000 20%,#0000 70%)}.op-login__card{z-index:1;width:100%;max-width:360px;animation:.6s cubic-bezier(0,0,.2,1) op-login-enter;position:relative}@keyframes op-login-enter{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.op-login__brand{justify-content:center;align-items:center;gap:10px;margin-bottom:6px;display:flex}.op-login__brand-icon{background:var(--op-text-primary);border-radius:4px;flex-shrink:0;width:28px;height:28px;position:relative}.op-login__brand-icon:after{content:"";border:2px solid var(--op-bg-base);border-radius:2px;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.op-login__brand-name{color:var(--op-text-primary);letter-spacing:-.5px;font-size:26px;font-weight:700;line-height:1}.op-login__tagline{text-align:center;color:var(--op-text-tertiary);margin-bottom:48px;font-size:13px;font-weight:400}.op-login__divider{background:linear-gradient(to right, transparent, var(--op-border-default), transparent);height:1px;margin-bottom:32px}.op-login__form{flex-direction:column;gap:20px;display:flex}.op-login__field{flex-direction:column;gap:6px;display:flex}.op-login__label{color:var(--op-text-secondary);font-size:13px;font-weight:500}.op-login__input{background:var(--op-bg-surface);border:1px solid var(--op-border-subtle);border-radius:var(--op-radius-md);height:44px;color:var(--op-text-primary);font-size:14px;font-family:var(--op-font-sans);width:100%;padding:0 14px;transition:border-color .18s,box-shadow .18s,background .18s}.op-login__input::placeholder{color:var(--op-text-tertiary)}.op-login__input:hover{border-color:var(--op-border-default);background:var(--op-bg-surface-raised)}.op-login__input:focus{border-color:var(--op-border-active);background:var(--op-bg-surface-raised);box-shadow:0 0 0 1px var(--op-border-active);outline:none}.op-login__input--error{border-color:#ef444480}.op-login__input--error:focus{border-color:var(--op-error);box-shadow:0 0 0 3px #ef444414}.op-login__submit{background:var(--op-accent);height:44px;color:var(--op-accent-text);border-radius:var(--op-radius-md);font-size:14px;font-weight:600;font-family:var(--op-font-sans);cursor:pointer;box-shadow:var(--op-shadow-sm);border:none;margin-top:4px;transition:all .18s;position:relative}.op-login__submit:hover:not(:disabled){background:var(--op-accent-hover);box-shadow:var(--op-shadow-md);transform:translateY(-1px)}.op-login__submit:active:not(:disabled){box-shadow:var(--op-shadow-sm);transform:translateY(0)scale(.99)}.op-login__submit:disabled{opacity:.5;cursor:not-allowed}.op-login__submit--loading{color:#0000}.op-login__submit--loading:after{content:"";border:2px solid var(--op-accent-text);border-top-color:#0000;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;animation:.6s linear infinite op-spin;position:absolute;top:50%;left:50%}.op-login__error{background:var(--op-error-subtle);border:1px solid var(--op-error-border);border-radius:var(--op-radius-md);color:var(--op-error-text);align-items:center;gap:8px;margin-bottom:4px;padding:10px 14px;font-size:13px;animation:.3s op-slide-up;display:flex}.op-login__error-icon{opacity:.8;flex-shrink:0;font-size:13px}.op-login__footer{text-align:center;margin-top:48px}.op-login__controls{justify-content:center;gap:6px;margin-bottom:24px;display:flex}.op-login__ctrl-btn{border:1px solid var(--op-border-subtle);border-radius:var(--op-radius-sm);color:var(--op-text-tertiary);cursor:pointer;font-size:12px;font-family:var(--op-font-sans);background:0 0;min-height:28px;padding:5px 14px;transition:all .15s}.op-login__ctrl-btn:hover{border-color:var(--op-border-default);color:var(--op-text-secondary);background:var(--op-bg-surface)}.op-login__powered{color:var(--op-text-tertiary);opacity:.4;justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex}.op-login__powered-dot{background:var(--op-text-secondary);opacity:.5;border-radius:1px;width:4px;height:4px}.op-login__version{color:var(--op-text-tertiary);opacity:.3;font-size:10px;font-family:var(--op-font-sans);letter-spacing:.02em;position:absolute;bottom:16px;right:20px}@media (width<=480px){.op-login{padding:var(--op-space-5)}.op-login__card{max-width:100%}}.op-shell{flex-direction:column;min-height:100dvh;display:flex}.op-shell__nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb, var(--op-border-subtle) 60%, transparent);padding:0 var(--op-space-6);z-index:100;background:#09090bcc;justify-content:space-between;align-items:center;height:52px;display:flex;position:sticky;top:0}.op-shell__brand{align-items:center;gap:var(--op-space-2);color:var(--op-text-primary);font-size:16px;font-weight:700;display:flex}.op-shell__brand-icon{background:var(--op-accent);border-radius:2px;flex-shrink:0;width:8px;height:8px}.op-shell__actions{align-items:center;gap:var(--op-space-2);display:flex}.op-shell__user{color:var(--op-text-secondary);margin-inline-end:var(--op-space-2);font-size:13px}.op-shell__action-btn{color:var(--op-text-tertiary);cursor:pointer;padding:var(--op-space-2);border-radius:var(--op-radius-sm);transition:all var(--op-duration-fast);align-items:center;gap:var(--op-space-1);background:0 0;border:none;min-height:36px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.op-shell__action-btn:hover{background:var(--op-bg-surface-raised);color:var(--op-text-primary)}.op-shell__main{padding:var(--op-space-6);box-sizing:border-box;flex:1;width:100%;max-width:1280px;margin:0 auto}@media (width<=768px){.op-shell__nav{padding:0 var(--op-space-4)}.op-shell__main{padding:var(--op-space-4)}}.op-tabs{gap:var(--op-space-1);border-bottom:1px solid color-mix(in srgb, var(--op-border-subtle) 40%, transparent);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.op-tabs::-webkit-scrollbar{display:none}.op-tab{padding:var(--op-space-3) var(--op-space-4);color:var(--op-text-tertiary);cursor:pointer;white-space:nowrap;transition:all var(--op-duration-normal);align-items:center;gap:var(--op-space-2);background:0 0;border:none;min-height:48px;font-family:inherit;font-size:13px;font-weight:500;display:flex;position:relative}.op-tab:hover{color:var(--op-text-secondary)}.op-tab--active{color:var(--op-accent)}.op-tab--active:after{content:"";bottom:0;background:var(--op-accent);border-radius:2px 2px 0 0;height:1.5px;position:absolute;inset-inline:0}.op-tab__badge{background:var(--op-error);color:#fff;border-radius:var(--op-radius-full);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:flex}.op-page-header{margin-bottom:var(--op-space-6);justify-content:space-between;align-items:flex-start;gap:var(--op-space-3);flex-wrap:wrap;display:flex}.op-page-header__text{flex:1;min-width:0}.op-page-header__title{color:var(--op-text-primary);font-size:20px;font-weight:700}.op-page-header__subtitle{color:var(--op-text-tertiary);opacity:.7;margin-top:var(--op-space-1);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.op-page-header__actions{gap:var(--op-space-2);align-items:center;display:flex}@media (width<=576px){.op-page-header{flex-direction:column;align-items:stretch}.op-page-header__actions,.op-page-header__actions>*{width:100%}}.op-card{background:var(--op-bg-surface);border:1px solid color-mix(in srgb, var(--op-border-subtle) 30%, transparent);border-radius:var(--op-radius-md);transition:all var(--op-duration-normal) var(--op-ease-default);overflow:hidden}.op-card--hoverable:hover{border-color:var(--op-border-default);box-shadow:var(--op-shadow-sm)}.op-card__header{padding-block:var(--op-space-4);padding-inline:var(--op-space-5);border-block-end:1px solid var(--op-border-subtle)}.op-card__body--none{padding:0}.op-card__body--sm{padding:12px}.op-card__body--md{padding:20px}.op-card__body--lg{padding:24px}.op-card__footer{padding-block:var(--op-space-3);padding-inline:var(--op-space-5);border-block-start:1px solid var(--op-border-subtle);background:var(--op-bg-surface-raised)}.op-btn{justify-content:center;align-items:center;gap:var(--op-space-2);font-family:var(--op-font-sans);border-radius:var(--op-radius-md);cursor:pointer;white-space:nowrap;transition:all var(--op-duration-normal) var(--op-ease-default);border:none;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;position:relative}.op-btn--sm{height:36px;padding-block:0;padding-inline:var(--op-space-3);font-size:13px}.op-btn--md{height:44px;padding-block:0;padding-inline:var(--op-space-5);font-size:14px}.op-btn--lg{min-height:48px;padding-block:0;padding-inline:var(--op-space-6);font-size:15px}.op-btn--primary{background:var(--op-accent);color:var(--op-accent-text)}.op-btn--primary:hover{background:var(--op-accent-hover);box-shadow:var(--op-shadow-sm)}.op-btn--secondary{color:var(--op-text-primary);border:1px solid var(--op-border-default);background:0 0}.op-btn--secondary:hover{border-color:var(--op-border-active);background:var(--op-bg-surface-raised);color:var(--op-text-primary)}.op-btn--ghost{color:var(--op-text-secondary);background:0 0}.op-btn--ghost:hover{background:var(--op-bg-surface-raised);color:var(--op-text-primary)}.op-btn--danger{background:var(--op-error);color:#fff}.op-btn--danger:hover{opacity:.9}.op-btn--full{width:100%}.op-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.op-btn--loading{color:#0000;pointer-events:none}.op-btn--loading:after{content:"";border:2px solid;width:16px;height:16px;color:var(--op-accent-text);border-block-start-color:#0000;border-radius:50%;animation:.6s linear infinite op-spin;position:absolute;inset-block-start:50%;inset-inline-start:50%}.op-btn--secondary.op-btn--loading:after{color:var(--op-text-primary)}.op-btn--ghost.op-btn--loading:after{color:var(--op-text-secondary)}.op-btn--danger.op-btn--loading:after{color:#fff}.op-btn__icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.op-select-wrapper{gap:var(--op-space-1);flex-direction:column;display:flex}.op-select-label{color:var(--op-text-secondary);letter-spacing:.01em;font-size:13px;font-weight:500}.op-select-field-wrap{position:relative}.op-select{height:48px;padding-block:var(--op-space-3);background:var(--op-bg-surface-raised);border:1px solid var(--op-border-subtle);border-radius:var(--op-radius-md);color:var(--op-text-primary);font-size:14px;font-family:var(--op-font-sans);transition:all var(--op-duration-normal) var(--op-ease-default);box-sizing:border-box;appearance:none;cursor:pointer;width:100%;padding-inline-start:var(--op-space-4);padding-inline-end:calc(var(--op-space-4) + 24px)}.op-select:focus{border-color:var(--op-border-active);box-shadow:0 0 0 1px var(--op-border-active);outline:none}.op-select--error{border-color:var(--op-error)}.op-select--error:focus{border-color:var(--op-error);box-shadow:0 0 0 3px #ef444426}.op-select:disabled{opacity:.5;cursor:not-allowed}.op-select--placeholder{color:var(--op-text-tertiary)}.op-select-arrow{inset-inline-end:var(--op-space-3);pointer-events:none;color:var(--op-text-tertiary);justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.op-select-error{color:var(--op-error);margin-block-start:var(--op-space-1);font-size:12px}.op-badge{align-items:center;gap:var(--op-space-1);border-radius:var(--op-radius-full);white-space:nowrap;border:1px solid #0000;padding-block:2px;padding-inline:10px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.op-badge--sm{padding-block:1px;padding-inline:8px;font-size:11px}.op-badge--success,.op-badge--warning,.op-badge--error,.op-badge--info,.op-badge--neutral,.op-badge--purple{background:var(--op-bg-surface-raised);color:var(--op-text-secondary);border:1px solid var(--op-border-subtle)}.op-badge--success{color:var(--op-text-primary);border-color:var(--op-border-default)}.op-badge__dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.op-skeleton{background:var(--op-bg-surface-raised);border-radius:var(--op-radius-sm);animation:1.5s ease-in-out infinite op-shimmer}.op-skeleton--text{border-radius:var(--op-radius-sm);width:100%;height:14px;margin-block-end:var(--op-space-2)}.op-skeleton--text:last-child{width:70%}.op-skeleton--rectangular{border-radius:var(--op-radius-md)}.op-skeleton--circular{border-radius:50%}.op-skeleton-lines{flex-direction:column;display:flex}.op-table-wrap{border-radius:var(--op-radius-lg);border:1px solid var(--op-border-subtle);overflow-x:auto}.op-table{border-collapse:collapse;width:100%}.op-table thead{background:var(--op-bg-surface-raised)}.op-table th{padding:var(--op-space-3) var(--op-space-4);text-align:start;color:var(--op-text-tertiary);letter-spacing:.01em;white-space:nowrap;border-bottom:1px solid var(--op-border-subtle);font-size:11px;font-weight:500}.op-table td{padding:var(--op-space-3) var(--op-space-4);color:var(--op-text-primary);border-bottom:1px solid color-mix(in srgb, var(--op-border-subtle) 50%, transparent);vertical-align:middle;font-size:14px}.op-table tbody tr{transition:background var(--op-duration-fast)}.op-table tbody tr:hover{background:color-mix(in srgb, var(--op-bg-surface-raised) 60%, transparent)}.op-table tbody tr:last-child td{border-bottom:none}.op-table--clickable tbody tr{cursor:pointer}.op-table__skeleton-row td{padding:var(--op-space-3) var(--op-space-4)}.op-table__empty{padding:var(--op-space-12) var(--op-space-6);text-align:center;color:var(--op-text-tertiary);flex-direction:column;justify-content:center;align-items:center;font-size:14px;display:flex}.op-table__empty-icon{margin-bottom:var(--op-space-3);opacity:.5;font-size:24px}.op-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;padding:var(--op-space-4);animation:op-fade-in var(--op-duration-normal) var(--op-ease-default);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.op-modal{background:var(--op-bg-surface);border:1px solid color-mix(in srgb, var(--op-border-subtle) 40%, transparent);border-radius:var(--op-radius-lg);box-shadow:var(--op-shadow-lg);animation:op-slide-up var(--op-duration-slow) var(--op-ease-spring);width:100%;max-height:90vh;overflow-y:auto}.op-modal--sm{max-width:400px}.op-modal--md{max-width:560px}.op-modal--lg{max-width:720px}.op-modal__header{padding:var(--op-space-5);border-bottom:1px solid var(--op-border-subtle);justify-content:space-between;align-items:center;display:flex}.op-modal__title{color:var(--op-text-primary);font-size:18px;font-weight:600}.op-modal__close{color:var(--op-text-tertiary);cursor:pointer;padding:var(--op-space-2);border-radius:var(--op-radius-sm);transition:all var(--op-duration-fast);background:0 0;border:none;justify-content:center;align-items:center;min-width:36px;min-height:36px;font-size:18px;display:flex}.op-modal__close:hover{background:var(--op-bg-surface-raised);color:var(--op-text-primary)}.op-modal__body{padding:var(--op-space-5)}.op-modal__footer{padding:var(--op-space-4) var(--op-space-5);border-top:1px solid var(--op-border-subtle);justify-content:flex-end;gap:var(--op-space-3);display:flex}.op-field{gap:var(--op-space-1);flex-direction:column;display:flex}.op-field__label{color:var(--op-text-secondary);letter-spacing:.01em;align-items:center;gap:var(--op-space-1);font-size:13px;font-weight:500;display:flex}.op-field__required{color:var(--op-error);font-size:14px;line-height:1}.op-field__error{color:var(--op-error);font-size:12px}.op-field__helper{color:var(--op-text-tertiary);font-size:12px}.op-form-grid{gap:var(--op-space-5);display:grid}.op-form-grid--1,.op-form-grid--2{grid-template-columns:1fr}@media (width>=640px){.op-form-grid--2{grid-template-columns:repeat(2,1fr)}}.op-form-grid--3{grid-template-columns:1fr}@media (width>=640px){.op-form-grid--3{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.op-form-grid--3{grid-template-columns:repeat(3,1fr)}}