*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(ellipse at bottom,#1b2735,#090a0f);color:#fff;overflow-x:hidden}#root{width:100vw;min-height:100vh;position:relative}#root:has(.stars){height:100vh;overflow:hidden}.stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.stars:before{content:"";position:absolute;width:2px;height:2px;background:#fff;box-shadow:200px 300px #fff,400px 100px #fff,600px 400px #fff,150px 150px #fff,350px 350px #fff,550px 200px #fff,100px 450px #fff,300px 250px #fff,500px 350px #fff,250px 50px #fff,450px 450px #fff,650px 150px #fff,50px 200px #ffffff80,700px 300px #ffffff80;animation:twinkle 3s infinite}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.5}}.content-panel{position:fixed;right:0;top:0;width:380px;height:100vh;background:#050a1466;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-left:2px solid transparent;border-image:linear-gradient(to bottom,#00d4ff99,#00d4ff33,#00d4ff99) 1;transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:10;overflow-y:auto;box-shadow:-4px 0 30px #00d4ff26,inset 0 0 60px #00d4ff08;cursor:pointer}.content-panel.active{transform:translate(0)}.panel-content{padding:50px 30px;cursor:default}.content-panel h2{font-size:22px;margin-bottom:16px;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.5),0 0 20px rgba(0,212,255,.3);font-weight:600;letter-spacing:.5px}.content-panel .meta{font-size:11px;color:#00d4ff;margin-bottom:24px;font-family:Courier New,monospace;opacity:.6;letter-spacing:1px}.content-panel .content{font-size:15px;line-height:1.9;color:#ffffffd9;text-shadow:0 0 1px rgba(255,255,255,.1)}.content-panel .close{position:absolute;top:24px;right:24px;width:36px;height:36px;border:1px solid rgba(0,212,255,.3);background:#00d4ff0d;color:#00d4ff;font-size:22px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s;line-height:1}.content-panel .close:hover{background:#ff323233;border-color:#ff323299;color:#f55;transform:rotate(90deg);box-shadow:0 0 15px #ff323266}.content-panel .tags{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.content-panel .tag{padding:6px 14px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.4);border-radius:16px;font-size:11px;color:#00d4ff;letter-spacing:.5px;box-shadow:0 0 10px #00d4ff33,inset 0 0 10px #00d4ff0d;transition:all .2s}.content-panel .tag:hover{background:#00d4ff33;box-shadow:0 0 15px #00d4ff66}.admin-page{min-height:100vh;padding:40px;background:radial-gradient(ellipse at top,#1b2735,#090a0f);max-width:1400px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:16px}.admin-header h1{font-size:32px;color:#00d4ff;margin:0}.admin-stats{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:#888;font-size:14px}.page-size-selector{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ccc;cursor:pointer;transition:all .2s}.page-size-selector:hover{border-color:#00d4ff80;background:#ffffff14}.btn-back{padding:10px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}.btn-back:hover{background:#ffffff26;transform:translate(-3px)}.admin-actions{display:flex;gap:12px;margin-bottom:30px}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,#00d4ff,#08f);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;font-size:14px;box-sizing:border-box}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff66}.btn-secondary{padding:12px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ccc;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1;white-space:nowrap;font-size:14px;box-sizing:border-box}.btn-secondary:hover{background:#ffffff1a;border-color:#00d4ff80;color:#00d4ff;transform:translateY(-2px)}.btn-danger{padding:12px 24px;background:#ff323233;border:1px solid rgba(255,50,50,.5);border-radius:8px;color:#f55;cursor:pointer;transition:all .2s;font-weight:500;display:inline-flex;align-items:center;justify-content:center;font-size:14px;box-sizing:border-box}.btn-danger:hover{background:#ff32324d;transform:translateY(-2px);box-shadow:0 4px 12px #ff32324d}.nodes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.empty-state{grid-column:1 / -1;text-align:center;padding:60px;color:#666;font-size:16px}.node-card{background:#141923cc;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;transition:all .2s}.node-card:hover{border-color:#00d4ff4d;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.node-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.node-card-header h3{font-size:18px;color:#00d4ff;margin:0;flex:1}.node-card-actions{display:flex;gap:8px}.btn-edit{padding:6px 12px;background:#00d4ff26;border:1px solid rgba(0,212,255,.4);border-radius:6px;color:#00d4ff;font-size:12px;cursor:pointer;transition:all .2s;font-weight:500}.btn-edit:hover{background:#00d4ff40;transform:translateY(-1px);box-shadow:0 2px 8px #00d4ff33}.btn-delete{padding:6px 12px;background:#ff323233;border:1px solid rgba(255,50,50,.4);border-radius:6px;color:#f55;font-size:12px;cursor:pointer;transition:all .2s}.btn-delete:hover{background:#ff32324d;transform:translateY(-1px)}.node-card-meta{font-size:12px;color:#888;margin-bottom:12px}.node-card-content{font-size:14px;line-height:1.6;color:#ccc;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.node-card-tags{display:flex;gap:6px;flex-wrap:wrap}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:40px;padding:20px 0}.page-btn{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ccc;cursor:pointer;transition:all .2s;font-size:14px}.page-btn:hover:not(:disabled){background:#00d4ff1a;border-color:#00d4ff80;color:#00d4ff}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-numbers{display:flex;gap:8px}.page-num{width:36px;height:36px;padding:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ccc;cursor:pointer;transition:all .2s;font-size:14px}.page-num:hover{background:#00d4ff1a;border-color:#00d4ff80;color:#00d4ff}.page-num.active{background:linear-gradient(135deg,#00d4ff,#08f);border-color:#00d4ff;color:#fff;font-weight:600}@media (max-width: 1024px){.admin-page{padding:30px}.nodes-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.content-panel{width:350px}}@media (max-width: 768px){.admin-page{padding:20px}.admin-header{flex-direction:column;align-items:flex-start}.admin-header h1{font-size:24px}.btn-back{width:100%;text-align:center}.admin-actions{flex-direction:column;width:100%}.btn-primary,.btn-danger,.btn-secondary{width:100%}.admin-stats{flex-wrap:wrap;font-size:12px}.page-size-selector{width:100%}.nodes-list{grid-template-columns:1fr;gap:12px}.node-card{padding:16px}.node-card-header h3{font-size:16px}.content-panel{width:100%}.panel-content{padding:40px 20px}.content-panel h2{font-size:19px}.content-panel .content{font-size:14px}.pagination{flex-wrap:wrap;gap:8px}.page-btn{padding:6px 12px;font-size:12px}.page-num{width:32px;height:32px;font-size:12px}}@media (max-width: 480px){.admin-page{padding:16px}.admin-header h1{font-size:20px}.modal-content{width:95vw;padding:24px}.modal-content h2{font-size:20px}.form-group input,.form-group textarea{font-size:16px}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#141923f2;border:1px solid rgba(0,212,255,.3);border-radius:16px;padding:40px;width:500px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 10px 50px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h2{margin-bottom:30px;color:#00d4ff;font-size:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#aaa;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#00d4ff;background:#ffffff14;box-shadow:0 0 0 3px #00d4ff1a}.form-group textarea{resize:vertical;min-height:100px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:30px}.btn-cancel,.btn-submit{padding:10px 24px;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.btn-cancel{background:#ffffff1a;color:#ccc}.btn-cancel:hover{background:#ffffff26}.btn-submit{background:linear-gradient(135deg,#00d4ff,#08f);color:#fff;font-weight:500}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff66}.btn-submit:active{transform:translateY(0)}