:root{--bg-main:#fafafa;--bg-white:#fff;--bg-hover:#f3f4f6;--bg-active:#eff6ff;--bg-grey:#f5f5f5;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--text-main:#111827;--text-secondary:#5b5b64;--text-muted:#9ca3af;--text-primary:#2563eb;--gray-light:#f0f0f0;--gray-medium:#e9e9e9;--border-active:#dbeafe;--border-light:1px solid var(--gray-light);--border-medium:1px solid var(--gray-medium);--shadow-border:0 0 transparent,0 0 transparent,0 0 transparent,0 0 transparent,0px 4px 4px 0px #0000000a,0px 0px 1px 0px #0000009e;--mono-font-mac:monospace;--mono-font-win:Consolas;--border-transparent:1px solid transparent;--shadow-light:rgba(0,0,0,.01) 0px 1px 1px,rgba(0,0,0,.1) 0px 1px 1px;--font-body-scale:1.0;--img-card:3/4;--high-head:6rem;--width-sidebar:24rem;--width-pageside:28rem}*{box-sizing:border-box;margin:0;padding:0}html{font-size:calc(var(--font-body-scale) * 62.5%)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-main);background:var(--bg-main);height:100vh;width:100vw;overflow:hidden;font-size:1.2rem;line-height:1.5;display:flex}.form-item input,.form-item select,.form-item textarea{width:100%;resize:none;color:#333;font-size:1.6rem;border-radius:10px;border:var(--border-light);padding:15px 18px 10px;font-family:var(--mono-font-win),var(--mono-font-mac);font-size:1.4rem}.form-item input:not([type=checkbox]),.form-item select{height:5rem}.form-item input::placeholder,.form-item select::placeholder,.form-item textarea::placeholder{color:#e1e1e1;opacity:1}.isload{height:100%;width:100%}.spinner{animation:spin 1s linear infinite}.isload>.spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-image:initial;border-radius:50%;animation:spin 1s linear 0s infinite normal none running}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.form-item{width:100%;display:flex;position:relative;align-items:center}.form-item>label{position:absolute;line-height:12px;top:-5px;left:15px;color:#333;background:#fff;padding:0 5px;display:inline-block;font-weight:500}.login{height:100vh;width:100vw;background-color:var(--bg-grey)}.login-container{gap:20px;align-items:center;padding:28px 28px 40px;background:var(--bg-white);border-radius:12px;border:1px solid #e3e3e3;margin-bottom:10vh}.login-form{gap:10px;width:300px}.login-form label{display:none}.login-form svg{position:absolute;left:18px;width:20px;height:auto}.login-form input{padding:5px 10px 5px 50px}.login-form button{height:50px;width:100%;border:none;border-radius:10px}button:disabled{opacity:.6;cursor:not-allowed}.glass-bg{background:hsla(0,0%,100%,.2);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.3)}.actionBar{display:flex;justify-content:space-between;align-items:center;width:100%}.actionBar>button{height:3.6rem;padding:0 1.6rem;border-radius:1.8rem;border:1px solid transparent}.flex-center{display:flex;align-items:center;justify-content:center}.flex-col{display:flex;flex-direction:column}.flex-end{display:flex;justify-content:flex-end;align-items:center}.type-column{display:flex;flex-direction:column;gap:20px}.card{overflow:hidden;transition:all .5s;border-radius:1rem;border:2px solid var(--bg-grey)}.card.active,.card:hover{border-color:var(--primary)}.card.disabled{opacity:.5;cursor:not-allowed}.check-topRight{position:absolute;top:1rem;right:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-size:1.4rem;transition:all .2s;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 4px rgba(37,99,235,.2)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{color:var(--text-muted);background:transparent}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-main)}.blueBtn{background:var(--primary);color:#fff}.greyBtn{background:#f2f2f2;color:var(--text-secondary)}.redBtn{background:#fee2e2;color:#ef4444}.the-sidebar{width:var(--width-sidebar);background:var(--bg-white);border-right:var(--border-light);flex-shrink:0}.the-header{height:var(--high-head);padding:0 20px;display:flex;align-items:center;gap:12px;border-bottom:var(--border-light)}.the-header h1{font-weight:600;font-size:1.8rem}.menu-nav{flex:1 1;padding:20px 16px}.admin-nav{padding:16px}.nav-item{display:flex;align-items:center;gap:12px;padding:15px;border-radius:8px;font-size:1.4rem;font-weight:500;color:var(--text-secondary);background:transparent;transition:all .2s;margin-bottom:4px;text-decoration:none}.nav-item:hover{background:var(--bg-hover);color:var(--text-main)}.nav-item.active{background:var(--bg-active);color:var(--primary)}.nav-item svg{color:inherit}.sidebar-item{display:flex;align-items:center;gap:12px;padding:15px;border-radius:10px;cursor:pointer;transition:all .2s;border:1px solid transparent;color:var(--text-secondary);background:transparent;position:relative}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-main)}.sidebar-item.active{background:var(--bg-active);border-color:var(--border-active);color:var(--text-primary)}.sidebar-item .icon{color:var(--text-muted)}.sidebar-item.active .icon{color:var(--primary)}.upload-box{height:120px;aspect-ratio:var(--img-card);border-radius:12px;border:2px dashed var(--gray-light);cursor:pointer;background:var(--bg-white);position:relative;transition:all .2s;overflow:hidden}.upload-box:hover{border-color:var(--primary)}.upload-box.has-image{border:var(--border-light)}.upload-overlay{position:absolute;inset:0;background:rgba(0,0,0,.4);opacity:0;transition:opacity .2s}.upload-box:hover .upload-overlay{opacity:1}.preset-btn{height:48px;border:var(--border-light);border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;cursor:pointer;background:#fff;transition:all .2s}.preset-btn:hover{border-color:#d1d5db;background:var(--bg-hover)}.preset-btn.active{border-color:var(--border-active);background:var(--bg-active)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.main-container{flex:1 1;display:flex;overflow:hidden}.main-content{display:flex;width:100%;height:100%;overflow:hidden}.page-title{height:var(--high-head);display:flex;align-items:center;padding:0 20px;gap:12px;border-bottom:var(--border-light)}.page-sidebar{width:var(--width-pageside);background:#fff;border-right:var(--border-light);height:100%}.page-right{flex:1 1;position:relative;min-width:700px;background:var(--bg-main)}.page-header{height:var(--high-head);padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:var(--border-light);background:var(--bg-white);flex-shrink:0}.page-header h2,.page-title h2{font-weight:500;font-size:1.6rem;color:var(--text-secondary)}.page-content{flex:1 1;overflow-y:auto;padding:24px 24px 240px}.admin-content{max-width:1000px;margin:0 auto;gap:20px}.modal-window{position:relative;border-radius:2rem;background:var(--bg-white);width:480px;z-index:1;max-height:80vh;overflow:clip}.modal-body{flex:1 1;overflow-y:auto;min-height:0}.modal-header{height:var(--high-head);display:flex;align-items:center;justify-content:space-between;padding-left:20px;border-bottom:var(--border-light)}.modal-header h3{font-size:1.6rem;font-weight:500;font-family:var(--mono-font-win),var(--mono-font-mac)}.modal-header button{height:var(--high-head);width:var(--high-head);border:none;background:none}.modal-loading{height:100px;color:var(--text-secondary)}.modal-content{padding:30px 20px 100px}.modal-btns{position:absolute;bottom:0;left:0;width:100%;padding:20px}.del-detail{margin-bottom:30px;color:var(--text-muted);font-size:1.4rem}.del-item{display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:var(--border-light);line-height:36px}.del-item:last-child{border-bottom:none}.del-list{background:#f9fafb;border-radius:8px;font-size:1.3rem;font-family:monospace}.count{color:#fff;margin-right:8px;display:inline-block;line-height:16px;width:26px;text-align:center;border-radius:10px;font-size:1rem}.modal-window form{padding:30px 20px 100px;display:flex;flex-direction:column;gap:20px}.mini-tabs{display:flex;gap:8px;height:3.6rem;background:#f2f2f2;padding:1px;border-radius:10px}.tab-item{padding:0 12px;border-radius:8px;font-size:1.4rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-item-active{background:#fff;color:var(--text-main);box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}.the-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.the-scrollbar::-webkit-scrollbar{display:none}.select-opts{gap:8px}.select-opts,.select-wrapper{display:flex;align-items:center}.select-wrapper{overflow:clip;border-radius:20px;background:var(--bg-grey);border:1px solid transparent;height:40px}.select-wrapper:hover{border-color:var(--border-active);background:var(--bg-white)}.select-list{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;text-align:center;border-radius:20px;line-height:40px;padding:0 15px;color:#333;cursor:pointer;outline:none;font-family:inherit;transition:background .2s}.select-list:hover{background:var(--bg-active)}.workspace{flex:1 1;display:flex;flex-direction:column;overflow:hidden;position:relative;height:100%}.workspace__logout-btn{padding:8px}.bubble-portal{position:fixed;z-index:9999;transform:translateX(-50%)}.bubble-portal .bubble{position:relative;top:auto;left:auto;transform:none}.bubble-portal .bubble:after,.bubble-portal .bubble:before{left:50%;transform:translateX(-50%)}.bubble,.bubble:after,.bubble:before{position:absolute;left:50%;transform:translateX(-50%)}.bubble:after,.bubble:before{content:"";bottom:100%;border-style:solid}.bubble{z-index:99;top:calc(100% + 1rem);gap:12px;width:36rem;padding:3rem 1.6rem 1.6rem;background:var(--bg-white);border-radius:2rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04),0 0 0 1px rgba(0,0,0,.05)}.bubble:after{border-width:10px;border-color:transparent transparent #fff}.bubble:before{border-width:11px;border-color:transparent transparent #e5e7eb}.bubble-content{max-height:200px;overflow-y:auto;font-size:1.3rem;line-height:1.6;color:#374151;white-space:pre-wrap;word-break:break-word;padding-right:4px}.bubble-action{display:grid;grid-gap:12px;gap:12px;margin-top:10px;grid-template-columns:1fr 1fr}.full-overlay{position:fixed;inset:0;z-index:99;display:flex}.full-overlay.right{justify-content:flex-end}.full-overlay.center{justify-content:center;align-items:center}.blank{position:absolute;inset:0;background:rgba(0,0,0,.2);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.popover-right{position:relative;width:500px;background:#fff;height:100%;box-shadow:-4px 0 24px rgba(0,0,0,.1);z-index:10}