@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600&display=swap');
:root{--bg:#05050a;--panel:#0b0a12e8;--panel2:#0f0c18e8;--line:#7d5a9d55;--line-strong:#a679cd88;--text:#f2eff5;--muted:#9f98a8;--accent:#8e57bd;--accent2:#b8649c;--ok:#72cda0;--danger:#d3677d;--shadow:0 24px 80px #0009}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Jost,sans-serif;font-weight:300;background:radial-gradient(circle at 82% 5%,#221225 0,transparent 28%),radial-gradient(circle at 12% 78%,#10152a 0,transparent 25%),linear-gradient(145deg,#030306,#08070d 60%,#0d0910);color:var(--text);min-height:100vh;overflow-x:hidden}.network-world{position:fixed;left:-255px;bottom:-265px;width:760px;height:760px;pointer-events:none;opacity:.34;transform:rotate(-10deg);background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20700%20700%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CradialGradient%20id%3D%22g%22%20cx%3D%2252%25%22%20cy%3D%2242%25%22%20r%3D%2258%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2374558f%22%20stop-opacity%3D%22.18%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22.72%22%20stop-color%3D%22%23382747%22%20stop-opacity%3D%22.06%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23000%22%20stop-opacity%3D%220%22%2F%3E%0A%20%20%20%20%3C%2FradialGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Ccircle%20cx%3D%22350%22%20cy%3D%22350%22%20r%3D%22300%22%20fill%3D%22url%28%23g%29%22%20stroke%3D%22%238e72a8%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%238e72a8%22%20stroke-opacity%3D%22.26%22%20stroke-width%3D%221.5%22%3E%0A%20%20%20%20%3Cellipse%20cx%3D%22350%22%20cy%3D%22350%22%20rx%3D%22300%22%20ry%3D%22110%22%2F%3E%0A%20%20%20%20%3Cellipse%20cx%3D%22350%22%20cy%3D%22350%22%20rx%3D%22300%22%20ry%3D%22205%22%2F%3E%0A%20%20%20%20%3Cellipse%20cx%3D%22350%22%20cy%3D%22350%22%20rx%3D%22120%22%20ry%3D%22300%22%2F%3E%0A%20%20%20%20%3Cellipse%20cx%3D%22350%22%20cy%3D%22350%22%20rx%3D%22215%22%20ry%3D%22300%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M68%20255%20C150%20310%20250%20334%20350%20334%20C450%20334%20550%20310%20632%20255%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M68%20445%20C150%20390%20250%20366%20350%20366%20C450%20366%20550%20390%20632%20445%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cg%20stroke%3D%22%23b07ad0%22%20stroke-opacity%3D%22.20%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M110%20410%20L180%20345%20L250%20390%20L318%20300%20L392%20350%20L470%20280%20L575%20340%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M150%20220%20L235%20270%20L305%20205%20L390%20255%20L485%20195%20L555%20250%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M120%20520%20L215%20460%20L300%20510%20L390%20430%20L490%20500%20L575%20430%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cg%20fill%3D%22%23c497e0%22%20fill-opacity%3D%22.48%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22110%22%20cy%3D%22410%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22180%22%20cy%3D%22345%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22250%22%20cy%3D%22390%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22318%22%20cy%3D%22300%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22392%22%20cy%3D%22350%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22470%22%20cy%3D%22280%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22575%22%20cy%3D%22340%22%20r%3D%224%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22150%22%20cy%3D%22220%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22235%22%20cy%3D%22270%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22305%22%20cy%3D%22205%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22390%22%20cy%3D%22255%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22485%22%20cy%3D%22195%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22555%22%20cy%3D%22250%22%20r%3D%224%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22120%22%20cy%3D%22520%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22215%22%20cy%3D%22460%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22510%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22390%22%20cy%3D%22430%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22490%22%20cy%3D%22500%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22575%22%20cy%3D%22430%22%20r%3D%224%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;filter:drop-shadow(0 0 22px #4e356b22)}.network-world:before{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,#6b4a8330 0,transparent 68%);filter:blur(26px)}.network-world:after{content:"";position:absolute;inset:6%;border-radius:50%;background-image:radial-gradient(circle,#b790cf 0 1.4px,transparent 2px);background-size:38px 38px;opacity:.10;mask-image:radial-gradient(circle,#000 0 62%,transparent 78%);-webkit-mask-image:radial-gradient(circle,#000 0 62%,transparent 78%)}.shell{position:relative;z-index:1;max-width:1180px;margin:auto;padding:42px 24px 80px}.brand{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.brand h1{font-size:clamp(46px,7vw,82px);line-height:1;font-weight:300;margin:0;letter-spacing:.01em}.brand p{font-size:20px;color:var(--muted);margin:18px 0 0}.zaee-logo{width:76px;filter:brightness(0) invert(1)}.browser{margin-top:34px;border:1px solid var(--line-strong);border-radius:22px;background:linear-gradient(180deg,#100d18f2,#07070cf7);box-shadow:var(--shadow),0 0 34px #6f3a8c22;overflow:hidden}.browser-top{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 20px}.dot{width:11px;height:11px;border-radius:50%;background:#b86ec7}.address{margin-left:14px;flex:1;border:1px solid var(--line);border-radius:999px;padding:9px 16px;color:#817b88;background:#08070c}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:14px;padding:22px}.search-wrap{position:relative}.search-wrap>i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#8d83a0}.search{padding-left:44px!important;padding-right:46px!important}.clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;color:#bbb1c7;text-decoration:none;border-radius:8px}.clear-search:hover{background:#ffffff0b;color:#fff}.search,.select,.input,.textarea{width:100%;border:1px solid var(--line);background:#08070d;color:var(--text);border-radius:12px;padding:13px 15px;font:300 16px Jost;outline:none;transition:.2s border-color,.2s box-shadow,.2s background}.search:focus,.select:focus,.input:focus,.textarea:focus{border-color:#9a70bd;box-shadow:0 0 0 3px #8a59a61f;background:#0b0911}.docs-list{display:grid;grid-template-columns:1fr;gap:12px;padding:0 22px 24px}.doc{width:100%;border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:15px;align-items:center;background:#ffffff03;transition:.2s transform,.2s border-color,.2s background,.2s box-shadow}.doc:hover{transform:translateY(-2px);border-color:#9b72bd88;background:#ffffff06;box-shadow:0 14px 34px #0005}.doc.empty{grid-template-columns:58px 1fr}.file-icon{width:54px;height:54px;border:1px solid #956ab5;border-radius:13px;display:grid;place-items:center;color:#c8a5df;font-size:22px;background:#8c5bab0c}.doc h3{font-weight:500;margin:0 0 4px;font-size:19px}.doc-desc{color:#bbb2c2;margin:0 0 5px;font-size:14px}.meta{color:var(--muted);font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.btn{border:1px solid var(--line-strong);background:#7b4f9220;color:var(--text);padding:10px 13px;border-radius:10px;cursor:pointer;font:400 14px Jost;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:.2s transform,.2s background,.2s border-color,.2s box-shadow}.btn:hover{transform:translateY(-2px);background:#8c5aaa34;border-color:#b184cf;box-shadow:0 10px 24px #0005}.btn.primary{background:linear-gradient(90deg,#7d4cab,#a65583);border-color:transparent}.btn.primary:hover{filter:brightness(1.12)}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.info-card{border:1px solid var(--line);border-radius:16px;padding:22px;background:#09080ebb;display:grid;grid-template-columns:48px 1fr;gap:16px;transition:.2s transform,.2s border-color,.2s background}.info-card:hover{transform:translateY(-3px);border-color:#9b72bd88;background:#0d0b13}.info-icon{width:46px;height:46px;border:1px solid #8f67ac;border-radius:50%;display:grid;place-items:center;color:#c49ddd}.info-card h3{font-weight:500;margin:2px 0 8px}.rich-copy{color:var(--muted);font-size:14px;line-height:1.55}.rich-copy p{margin:0 0 8px}.rich-copy ul,.rich-copy ol{margin:6px 0 0;padding-left:20px}.rich-copy li{margin:4px 0}.footer-send{margin-top:24px;border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;justify-content:space-between;align-items:center;background:#ffffff03}.footer-send h2{font-weight:300;margin:0 0 5px}.muted{color:var(--muted)}.modal{position:fixed;inset:0;background:#000c;display:none;align-items:center;justify-content:center;z-index:20;padding:20px}.modal.open{display:flex}.modal-card{position:relative;width:min(600px,94vw);background:#0d0a14;border:1px solid var(--line-strong);border-radius:18px;padding:26px;box-shadow:var(--shadow)}.modal-card h2{font-weight:300;font-size:34px;margin:0 0 20px}.modal-close{position:absolute;right:18px;top:18px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-card .input,.modal-card .textarea,.modal-card .file-select{margin-top:12px}.file-select{display:flex;align-items:center;gap:10px;border:1px dashed var(--line-strong);border-radius:12px;padding:14px;color:var(--muted);cursor:pointer}.file-select:hover{background:#ffffff05;color:#fff}.file-select input{display:none}.alert{padding:12px 14px;border-radius:10px;margin:16px 0}.ok{background:#2a8d5f24;color:#b8ffdc}.err{background:#c13b5b24;color:#ffd1dc}
/* admin */.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.admin-section{margin-top:20px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{border:1px solid var(--line);border-radius:16px;padding:20px;background:#0a0810cc}.panel h2{font-weight:300;margin-top:0}.stack>*+*{margin-top:10px}.editor-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:8px;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;background:#07060b}.editor-toolbar button,.editor-toolbar select,.editor-toolbar input[type=color]{height:34px;border:1px solid var(--line);background:#0d0a14;color:#fff;border-radius:7px;padding:0 10px}.rich-editor{min-height:160px;border:1px solid var(--line);border-radius:0 0 12px 12px;padding:14px;background:#08070d;outline:none}.icon-picker{display:grid;grid-template-columns:1fr 56px;gap:10px}.icon-preview{border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;font-size:22px}.admin-list{display:grid;gap:10px}.admin-item{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:13px;background:#ffffff03}.admin-item-actions{display:flex;gap:7px;flex-wrap:wrap}.danger{border-color:#a34f634f;color:#ffbdc8}.danger:hover{background:#8c33442a;border-color:#c26779}.badge{display:inline-flex;padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:#b8afc0;font-size:12px}.small{font-size:12px}
@media(max-width:820px){.info-grid,.toolbar,.row,.admin-grid{grid-template-columns:1fr}.brand h1{font-size:48px}.toolbar{padding:16px}.docs-list{padding:0 16px 18px}.doc{grid-template-columns:50px 1fr}.actions{grid-column:1/-1;justify-content:flex-start}.footer-send{display:block}.footer-send .btn{margin-top:14px}.brand p{font-size:17px}.network-world{left:-300px;bottom:-250px}.info-card{grid-template-columns:42px 1fr}}