:root{--bg: #060b1a;--bg-2: #0a1128;--panel: #0e1733;--panel-2: #131e42;--panel-hi: #1a2652;--line: rgba(140, 165, 230, .14);--line-soft: rgba(140, 165, 230, .08);--txt: #e9eefc;--txt-2: #a9b8dd;--txt-3: #7286b3;--brand: #3b7bff;--brand-2: #6f5cff;--brand-glow: rgba(59, 123, 255, .35);--ok: #2fcf7a;--warn: #f6b53c;--danger: #ff5f6d;--info: #3ac6f0;--r-sm: 10px;--r: 16px;--r-lg: 22px;--sidebar: 276px;--shadow: 0 18px 44px rgba(2, 6, 20, .55);--ff: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--ff);color:var(--txt);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(900px 520px at 12% -8%,rgba(59,123,255,.2),transparent 60%),radial-gradient(760px 520px at 92% 4%,rgba(111,92,255,.18),transparent 62%),radial-gradient(700px 600px at 60% 108%,rgba(58,198,240,.1),transparent 60%),var(--bg)}a{color:inherit;text-decoration:none}button{font-family:inherit}h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.02em}p{margin:0 0 .8em;line-height:1.7}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8ca5e62e;border-radius:20px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#8ca5e652;background-clip:content-box}.shell{display:flex;min-height:100vh}.main{flex:1;min-width:0;margin-left:var(--sidebar);display:flex;flex-direction:column}.page{padding:22px 30px 60px;flex:1;max-width:1560px;width:100%}@media (max-width: 1080px){.main{margin-left:0}.page{padding:16px 16px 48px}}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,#0e1733fa,#080e22fa);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;padding:20px 18px 18px;border-bottom:1px solid var(--line-soft)}.brand-mark{width:42px;height:42px;flex:none;border-radius:13px;display:grid;place-items:center;background:linear-gradient(140deg,var(--brand),var(--brand-2));box-shadow:0 8px 22px var(--brand-glow);color:#fff}.brand-logo{flex:none;border-radius:50%;box-shadow:0 6px 18px #1a7dc466}.brand-text b{display:block;font-size:15px;font-weight:800;line-height:1.25}.brand-text span{display:block;font-size:11.5px;color:var(--txt-3);margin-top:2px}.nav{flex:1;overflow-y:auto;padding:12px 10px 20px}.nav-label{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);padding:16px 12px 8px;font-weight:700}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border:0;background:none;color:var(--txt-2);border-radius:11px;font-size:13.6px;font-weight:600;cursor:pointer;text-align:left;transition:background .16s,color .16s;line-height:1.35}.nav-item:hover{background:#8ca5e617;color:var(--txt)}.nav-item.active{background:linear-gradient(90deg,#3b7bff3d,#3b7bff0a);color:#fff;box-shadow:inset 2px 0 0 var(--brand)}.nav-item .ico{flex:none;opacity:.85}.nav-item .caret{margin-left:auto;flex:none;transition:transform .2s;opacity:.6}.nav-item.open .caret{transform:rotate(90deg)}.nav-count{margin-left:auto;font-size:10.5px;font-weight:700;color:var(--txt-3);background:#8ca5e61f;padding:2px 7px;border-radius:20px}.nav-children{margin:2px 0 4px 20px;padding-left:10px;border-left:1px solid var(--line-soft)}.nav-children .nav-item{font-size:13px;font-weight:500;padding:8px 10px}.sidebar-foot{padding:12px;border-top:1px solid var(--line-soft)}.sidebar-backdrop{display:none}@media (max-width: 1080px){.sidebar{transform:translate(-100%);transition:transform .26s cubic-bezier(.4,0,.2,1);width:300px}.sidebar.open{transform:none}.sidebar-backdrop.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#030714a8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:55}}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;padding:12px 30px;background:#080d20c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line-soft)}@media (max-width: 1080px){.topbar{padding:10px 14px}}.burger{display:none;width:40px;height:40px;border-radius:11px;border:1px solid var(--line);background:var(--panel);color:var(--txt);cursor:pointer;place-items:center}@media (max-width: 1080px){.burger{display:grid}}.search{position:relative;flex:1;max-width:460px}.search input{width:100%;padding:10px 14px 10px 40px;border-radius:12px;border:1px solid var(--line);background:#090f24e6;color:var(--txt);font-size:13.5px;font-family:inherit;outline:none;transition:border-color .16s,box-shadow .16s}.search input:focus{border-color:#3b7bff99;box-shadow:0 0 0 3px #3b7bff24}.search .ico{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--txt-3);pointer-events:none}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;max-height:380px;overflow-y:auto;z-index:50}.search-results a{display:block;padding:11px 14px;border-bottom:1px solid var(--line-soft);font-size:13.4px;transition:background .14s}.search-results a:last-child{border-bottom:0}.search-results a:hover{background:var(--panel-hi)}.search-results small{display:block;color:var(--txt-3);font-size:11.5px;margin-top:2px}.topbar-spacer{flex:1}.user-chip{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:30px;border:1px solid var(--line);background:var(--panel);cursor:pointer;color:var(--txt);font-family:inherit}.user-chip:hover{background:var(--panel-hi)}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,var(--brand),var(--brand-2));font-size:12.5px;font-weight:800;color:#fff;flex:none}.user-chip .who{text-align:left;line-height:1.2}.user-chip .who b{display:block;font-size:12.8px}.user-chip .who span{font-size:11px;color:var(--txt-3)}@media (max-width: 600px){.user-chip .who{display:none}}.menu-pop{position:absolute;top:58px;right:24px;min-width:208px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:6px;z-index:70}.menu-pop button,.menu-pop a{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border:0;background:none;color:var(--txt-2);border-radius:9px;font-size:13.3px;font-family:inherit;font-weight:600;cursor:pointer;text-align:left}.menu-pop button:hover,.menu-pop a:hover{background:var(--panel-hi);color:var(--txt)}.menu-pop .sep{height:1px;background:var(--line-soft);margin:5px 4px}.card{background:linear-gradient(165deg,#141f44eb,#0b122beb);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line-soft)}.card-head h3{font-size:15px}.card-head .more{margin-left:auto;font-size:12.5px;color:var(--brand);font-weight:700}.card-body{padding:18px 20px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(268px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.layout-main{display:grid;grid-template-columns:minmax(0,1fr) 348px;gap:18px;align-items:start}@media (max-width: 1300px){.layout-main{grid-template-columns:minmax(0,1fr)}}.hero{position:relative;overflow:hidden;border-radius:var(--r-lg);padding:34px 38px;background:linear-gradient(115deg,#1e3ba8,#3d47c9 42%,#6b3fd0);box-shadow:0 22px 50px #263caa57;min-height:210px;display:flex;align-items:center;gap:24px}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(520px 260px at 88% 18%,rgba(255,255,255,.2),transparent 70%),radial-gradient(360px 220px at 8% 96%,rgba(0,0,0,.22),transparent 70%);pointer-events:none}.hero-body{position:relative;z-index:2;max-width:520px}.hero h1{font-size:36px;line-height:1.1;margin-bottom:12px}.hero p{color:#ffffffdb;font-size:14.6px;margin-bottom:20px}.hero-art{position:relative;z-index:2;margin-left:auto;flex:none}@media (max-width: 980px){.hero{padding:26px 22px}.hero h1{font-size:27px}.hero-art{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:11px;border:1px solid transparent;background:linear-gradient(135deg,var(--brand),#2f66e8);color:#fff;font-size:13.6px;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .14s,box-shadow .16s,background .16s,opacity .16s;box-shadow:0 8px 20px #2f66e84d;white-space:nowrap}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px #2f66e86b}.btn:active{transform:none}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn.ghost{background:#8ca5e61a;border-color:var(--line);color:var(--txt);box-shadow:none}.btn.ghost:hover{background:#8ca5e62e;box-shadow:none}.btn.light{background:#fff;color:#17245a;box-shadow:0 8px 20px #00000038}.btn.danger{background:linear-gradient(135deg,#ff5f6d,#e2394b);box-shadow:0 8px 20px #e2394b47}.btn.sm{padding:7px 13px;font-size:12.6px;border-radius:9px}.btn.icon{padding:8px;width:34px;height:34px;border-radius:9px}.btn.block{width:100%}.stat{display:flex;align-items:center;gap:14px;padding:17px 18px}.stat .bubble{width:46px;height:46px;flex:none;border-radius:14px;display:grid;place-items:center;background:#3b7bff29;color:var(--brand)}.stat b{display:block;font-size:23px;line-height:1.1;letter-spacing:-.02em}.stat span{font-size:12.4px;color:var(--txt-3);font-weight:600}.mat-card{display:flex;flex-direction:column;padding:16px;border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(165deg,#141f44e6,#0b122be6);transition:transform .16s,border-color .16s,box-shadow .16s;height:100%;cursor:pointer}.mat-card:hover{transform:translateY(-3px);border-color:#3b7bff73;box-shadow:0 16px 34px #060c2299}.mat-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.type-badge{width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center}.type-doc{background:#3b7bff29;color:#6fa0ff}.type-video{background:#ff5f6d29;color:#ff8b94}.type-html{background:#2fcf7a29;color:#55dc95}.type-link{background:#f6b53c29;color:#f6c56b}.type-iframe{background:#6f5cff2e;color:#a496ff}.type-file{background:#3ac6f029;color:#6fd8f5}.mat-card h4{font-size:14.4px;line-height:1.42;font-weight:700;margin-bottom:6px}.mat-card p{font-size:12.6px;color:var(--txt-3);margin:0;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mat-foot{margin-top:auto;padding-top:13px;display:flex;align-items:center;gap:8px;font-size:11.6px;color:var(--txt-3);font-weight:600}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;background:#8ca5e61f;color:var(--txt-2)}.chip.ok{background:#2fcf7a26;color:#55dc95}.chip.warn{background:#f6b53c26;color:#f6c56b}.chip.danger{background:#ff5f6d26;color:#ff8b94}.chip.brand{background:#3b7bff29;color:#6fa0ff}.klass-card{position:relative;overflow:hidden;padding:20px;border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(150deg,#182552f0,#0b122bf0);transition:transform .18s,border-color .18s;display:block}.klass-card:hover{transform:translateY(-3px);border-color:#6f5cff80}.klass-card .num{font-size:33px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#7ea6ff,#b39cff);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.klass-card h4{font-size:14.4px;margin:9px 0 4px}.klass-card span{font-size:12.2px;color:var(--txt-3);font-weight:600}.viewer{border-radius:var(--r);border:1px solid var(--line);overflow:hidden;background:#0a1128}.viewer iframe{display:block;width:100%;border:0;background:#fff}.viewer.video iframe{aspect-ratio:16 / 9;height:auto;background:#000}.viewer.doc iframe{height:min(80vh,900px)}.viewer.app iframe{height:min(86vh,1000px);background:#fff}.prose{font-size:15px;line-height:1.8;color:var(--txt-2)}.prose h1,.prose h2,.prose h3{color:var(--txt);margin:1.4em 0 .5em}.prose h2{font-size:21px}.prose h3{font-size:17px}.prose a{color:#6fa0ff;text-decoration:underline}.prose img{max-width:100%;border-radius:var(--r-sm);margin:10px 0}.prose ul,.prose ol{padding-left:1.35em}.prose li{margin-bottom:.4em}.prose table{width:100%;border-collapse:collapse;margin:1em 0;font-size:14px}.prose th,.prose td{border:1px solid var(--line);padding:8px 11px;text-align:left}.prose th{background:#8ca5e614;color:var(--txt)}.prose blockquote{margin:1em 0;padding:2px 16px;border-left:3px solid var(--brand);color:var(--txt-2);background:#3b7bff0f;border-radius:0 8px 8px 0}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:12.4px;color:var(--txt-3);margin-bottom:12px;font-weight:600}.crumbs a:hover{color:var(--txt)}.crumbs .sep{opacity:.45}.page-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-head h1{font-size:27px;line-height:1.22}.page-head p{color:var(--txt-3);font-size:13.6px;margin:6px 0 0}.page-head .actions{margin-left:auto;display:flex;gap:9px;flex-wrap:wrap}.field{margin-bottom:15px}.field label{display:block;font-size:12.4px;font-weight:700;color:var(--txt-2);margin-bottom:6px}.field .hint{font-size:11.6px;color:var(--txt-3);margin-top:5px;font-weight:500;line-height:1.5}.input,.select,.textarea{width:100%;padding:10px 13px;border-radius:11px;border:1px solid var(--line);background:#090f24e6;color:var(--txt);font-size:13.8px;font-family:inherit;outline:none;transition:border-color .16s,box-shadow .16s}.input:focus,.select:focus,.textarea:focus{border-color:#3b7bff99;box-shadow:0 0 0 3px #3b7bff21}.textarea{min-height:110px;resize:vertical;line-height:1.6}.select option{background:#0e1733;color:var(--txt)}.row{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:13.4px;font-weight:600;color:var(--txt-2);-webkit-user-select:none;user-select:none}.switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:42px;height:24px;border-radius:20px;background:#8ca5e633;position:relative;cursor:pointer;transition:background .18s;margin:0;flex:none}.switch input:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .18s}.switch input:checked{background:var(--brand)}.switch input:checked:after{transform:translate(18px)}.table{width:100%;border-collapse:collapse;font-size:13.4px}.table th{text-align:left;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3);padding:11px 14px;border-bottom:1px solid var(--line);font-weight:700;white-space:nowrap}.table td{padding:12px 14px;border-bottom:1px solid var(--line-soft);color:var(--txt-2);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:#8ca5e60d}.table .t-actions{display:flex;gap:6px;justify-content:flex-end}.table-wrap{overflow-x:auto}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#030714b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:18px;z-index:200;animation:fade .16s ease}.modal{width:100%;max-width:620px;max-height:90vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 30px 70px #0009;animation:pop .18s cubic-bezier(.2,.9,.3,1.2)}.modal.wide{max-width:940px}.modal-head{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line-soft);position:sticky;top:0;background:var(--panel);z-index:2}.modal-head h3{font-size:16.5px}.modal-body{padding:20px 22px}.modal-foot{display:flex;gap:10px;justify-content:flex-end;padding:16px 22px;border-top:1px solid var(--line-soft);position:sticky;bottom:0;background:var(--panel)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(14px) scale(.98)}}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:400;padding:12px 20px;border-radius:12px;background:var(--panel-hi);border:1px solid var(--line);box-shadow:var(--shadow);font-size:13.5px;font-weight:600;animation:pop .2s ease;max-width:calc(100vw - 40px)}.toast.error{border-color:#ff5f6d80;color:#ff9ba3}.toast.ok{border-color:#2fcf7a80;color:#6ee5a5}.empty{text-align:center;padding:56px 24px;color:var(--txt-3)}.empty .ico{opacity:.4;margin-bottom:14px}.empty h3{font-size:16.5px;color:var(--txt-2);margin-bottom:7px}.empty p{font-size:13.4px;max-width:400px;margin:0 auto}.skeleton{background:linear-gradient(100deg,#8ca5e612 30%,#8ca5e629,#8ca5e612 70%);background-size:220% 100%;animation:shimmer 1.3s infinite;border-radius:var(--r)}@keyframes shimmer{to{background-position:-220% 0}}.spinner{width:34px;height:34px;border:3px solid rgba(140,165,230,.2);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;margin:60px auto}@keyframes spin{to{transform:rotate(360deg)}}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:412px;padding:34px 32px;border-radius:var(--r-lg);background:linear-gradient(165deg,#141f44f5,#0a1128f5);border:1px solid var(--line);box-shadow:0 30px 70px #00000080}.login-card .brand-mark{width:52px;height:52px;border-radius:16px;margin-bottom:18px}.login-card h1{font-size:23px;margin-bottom:7px}.login-card>p{color:var(--txt-3);font-size:13.4px;margin-bottom:24px}.alert{padding:11px 14px;border-radius:11px;font-size:13px;font-weight:600;margin-bottom:16px;background:#ff5f6d1f;border:1px solid rgba(255,95,109,.32);color:#ff9ba3}.editor-tools{display:flex;flex-wrap:wrap;gap:4px;padding:8px;border:1px solid var(--line);border-bottom:0;border-radius:11px 11px 0 0;background:#090f24e6}.editor-tools button{min-width:32px;height:30px;padding:0 8px;border-radius:7px;border:0;background:none;color:var(--txt-2);cursor:pointer;font-size:12.6px;font-weight:700;display:grid;place-items:center}.editor-tools button:hover{background:#8ca5e624;color:var(--txt)}.editor-tools .divider{width:1px;background:var(--line);margin:4px}.editor-area{min-height:300px;max-height:60vh;overflow-y:auto;padding:16px 18px;border:1px solid var(--line);border-radius:0 0 11px 11px;background:#090f24e6;outline:none;font-size:14.6px;line-height:1.8;color:var(--txt)}.editor-area:focus{border-color:#3b7bff8c}.editor-area:empty:before{content:attr(data-placeholder);color:var(--txt-3)}.tree-node{border:1px solid var(--line-soft);border-radius:12px;margin-bottom:6px;background:#0d153099}.tree-row{display:flex;align-items:center;gap:10px;padding:10px 12px}.tree-row .name{font-size:13.6px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-row .slug{font-size:11.4px;color:var(--txt-3);font-weight:500}.tree-row .t-actions{margin-left:auto;display:flex;gap:5px;flex:none}.tree-kids{padding:0 10px 8px 26px}.toggle-btn{width:24px;height:24px;border-radius:7px;border:0;background:#8ca5e61a;color:var(--txt-2);cursor:pointer;display:grid;place-items:center;flex:none}.toggle-btn:hover{background:#8ca5e633}.bar{height:7px;border-radius:20px;background:#8ca5e624;overflow:hidden}.bar>i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,var(--brand),var(--brand-2));transition:width .5s ease}.bar-row{display:flex;align-items:center;gap:12px;margin-bottom:13px;font-size:12.8px}.bar-row .bar{flex:1}.bar-row .lbl{width:132px;flex:none;color:var(--txt-2);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-row .val{width:42px;text-align:right;color:var(--txt-3);font-weight:700;flex:none}.feed-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.feed-item:last-child{border-bottom:0}.feed-item .type-badge{width:34px;height:34px;border-radius:10px}.feed-item b{display:block;font-size:13.2px;font-weight:700;line-height:1.4}.feed-item span{font-size:11.8px;color:var(--txt-3)}.feed-item time{margin-left:auto;font-size:11.2px;color:var(--txt-3);white-space:nowrap;flex:none}.muted{color:var(--txt-3)}.flex{display:flex;align-items:center;gap:10px}.wrap{flex-wrap:wrap}.mt{margin-top:18px}.mb{margin-bottom:18px}.tabs{display:flex;gap:5px;padding:5px;background:#090f24cc;border:1px solid var(--line);border-radius:13px;overflow-x:auto}.tabs button{padding:8px 15px;border:0;border-radius:9px;background:none;color:var(--txt-2);font-size:13.2px;font-weight:700;font-family:inherit;cursor:pointer;white-space:nowrap}.tabs button.on{background:linear-gradient(135deg,var(--brand),#2f66e8);color:#fff}@media print{.sidebar,.topbar,.print-hide{display:none!important}.main{margin-left:0}}