SIMON Master Console Rebuild
True command center for SIMON + WEB360
This rebuild gives you a cleaner production spine: interactive tree, live viewer, guarded editor, dynamic graphics, architecture map, and note storage. It is designed to sit beside your existing
console.php
and become the stronger replacement path.
Dashboard
Tree
Viewer
System Map
File Registry
Notes
Files
15,645
Folders
433
Scanned Size
3.88 GB
PHP Files
988
Editable Text Files
12,903
File viewer
guarded to /htdocs
/infinity/assets/my-infinity.css
:root{--bg:#070611;--panel:rgba(16,13,35,.78);--edge:rgba(255,255,255,.12);--text:#f6f3ff;--muted:#aaa3bf;--indigo:#8a67ff;--cyan:#62ddff;--pink:#ff62c7;--rail:88px;--top:82px} *{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:#06050e;color:var(--text);font:14px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.cosmos{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 15% 15%,rgba(120,74,255,.24),transparent 30%),radial-gradient(circle at 82% 24%,rgba(77,208,255,.15),transparent 30%),radial-gradient(circle at 48% 88%,rgba(255,75,181,.11),transparent 36%),#06050e}.cosmos:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.6px);background-size:82px 82px;opacity:.14} .app{min-height:100vh}.rail{position:fixed;inset:0 auto 0 0;width:var(--rail);z-index:20;overflow:hidden;background:rgba(5,4,13,.94);border-right:1px solid var(--edge);transition:width .28s ease;box-shadow:20px 0 70px rgba(0,0,0,.25)}.rail:hover,.nav-open .rail{width:292px}.brand{height:var(--top);display:flex;align-items:center;gap:14px;padding:12px 16px;color:#fff;text-decoration:none;border-bottom:1px solid var(--edge);white-space:nowrap}.brand span{flex:0 0 56px;width:56px;height:56px;border-radius:20px;display:grid;place-items:center;font-size:30px;background:linear-gradient(145deg,#b8a5ff,#7150ff 55%,#171020);box-shadow:0 0 36px rgba(126,91,255,.46)}.brand strong{font-size:20px}.rail nav{display:grid;gap:5px;padding:18px 10px}.rail nav a{display:flex;align-items:center;gap:15px;min-height:48px;padding:7px 10px;border:1px solid transparent;border-radius:15px;color:#bbb4cc;text-decoration:none;white-space:nowrap}.rail nav a:hover,.rail nav a.active{color:#fff;background:linear-gradient(90deg,rgba(138,103,255,.20),rgba(98,221,255,.07));border-color:rgba(138,103,255,.32)}.rail nav i{flex:0 0 46px;width:46px;height:34px;display:grid;place-items:center;font-style:normal;font-weight:900;color:#cabdff}.logout{position:absolute;left:14px;bottom:18px;color:#d4cced;text-decoration:none;white-space:nowrap}.top{position:fixed;left:var(--rail);right:0;top:0;height:var(--top);z-index:10;display:flex;align-items:center;gap:18px;padding:0 30px;background:rgba(7,6,17,.78);border-bottom:1px solid var(--edge);backdrop-filter:blur(20px)}.top small,.section-title small,.hero small,.panel-head small{display:block;color:#a79fc0;font-size:10px;letter-spacing:.18em}.top h1{font-size:21px;margin:3px 0}.menu{display:none;border:1px solid var(--edge);background:rgba(255,255,255,.05);color:#fff;border-radius:12px;width:42px;height:42px}.user-chip{margin-left:auto;display:flex;align-items:center;gap:10px}.user-chip>span,.avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-weight:900;background:linear-gradient(145deg,#9c7cff,#5d42df)}.user-chip small{letter-spacing:0;font-size:11px;color:#9f98b4}.content{margin-left:var(--rail);padding:calc(var(--top) + 30px) clamp(22px,3vw,48px) 80px;min-height:100vh}.alert{max-width:1100px;margin:0 auto 18px;padding:12px 15px;border-radius:14px}.alert.ok{background:rgba(80,213,151,.1);border:1px solid rgba(80,213,151,.3)}.alert.bad{background:rgba(255,89,117,.1);border:1px solid rgba(255,89,117,.3)}.hero,.section-title,.stats,.panel,.profile-grid,.media-grid,.timeline,.list{width:min(1240px,100%);margin-inline:auto}.hero{min-height:410px;display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:50px;padding:48px;border:1px solid var(--edge);border-radius:32px;background:linear-gradient(135deg,rgba(24,17,57,.88),rgba(8,8,19,.68));box-shadow:0 35px 110px rgba(0,0,0,.38)}.hero h2{max-width:820px;font-size:clamp(42px,5vw,74px);line-height:.96;letter-spacing:-.055em;margin:12px 0 20px}.hero p{max-width:760px;color:var(--muted);font-size:17px}.orb{width:220px;aspect-ratio:1;border-radius:38%;display:grid;place-items:center;font-size:92px;background:radial-gradient(circle at 34% 30%,#fff 0 2%,#bca9ff 7%,#744dff 34%,#15102c 72%);box-shadow:inset -25px -30px 60px #07050e,0 0 65px rgba(122,86,255,.52);animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-12px) rotate(3deg)}}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:11px 17px;border:1px solid var(--edge);border-radius:14px;background:rgba(255,255,255,.05);color:#fff;text-decoration:none;font-weight:850;cursor:pointer}.button.primary{background:linear-gradient(100deg,#7758ff,#a854e9 52%,#3bc8f0);border-color:rgba(255,255,255,.22)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px}.stats article{padding:22px;border:1px solid var(--edge);border-radius:20px;background:var(--panel)}.stats b{display:block;font-size:34px}.stats span{color:var(--muted)}.panel{margin-top:22px;padding:24px;border:1px solid var(--edge);border-radius:25px;background:var(--panel);backdrop-filter:blur(18px)}.panel-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.panel-head h3{font-size:25px;margin:4px 0}.panel-head a{color:#cabfff}.section-title{padding:25px 0 18px}.section-title h2{font-size:clamp(38px,4vw,64px);letter-spacing:-.05em;margin:8px 0}.section-title p{color:var(--muted);font-size:16px}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.profile-card{overflow:hidden;border:1px solid var(--edge);border-radius:22px;background:var(--panel)}.profile-card.large{min-height:410px}.profile-visual{height:210px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(159,112,255,.65),rgba(27,15,62,.85));font-size:72px}.profile-visual img{width:100%;height:100%;object-fit:cover}.profile-card>div:last-child{padding:18px}.profile-card small{text-transform:uppercase;color:#9e96b7;letter-spacing:.1em}.profile-card h3{font-size:24px;margin:7px 0}.profile-card p{color:var(--muted)}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.06);font-size:11px}.empty{width:min(1240px,100%);margin:20px auto;padding:28px;border:1px dashed rgba(255,255,255,.2);border-radius:22px;color:var(--muted);text-align:center}.form-panel form{display:grid;gap:15px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:grid;gap:7px}label>span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#aaa2bb}input,select,textarea{width:100%;border:1px solid var(--edge);border-radius:14px;padding:12px 13px;background:rgba(0,0,0,.25);color:#fff;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:rgba(138,103,255,.75);box-shadow:0 0 0 4px rgba(138,103,255,.1)}.drop{min-height:230px;place-items:center;text-align:center;border:1px dashed rgba(138,103,255,.56);border-radius:22px;background:rgba(95,57,198,.08);padding:30px}.drop input{max-width:380px}.drop b{font-size:23px}.drop span{color:var(--muted);text-transform:none;letter-spacing:0}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:15px;margin-top:22px}.media-grid article{overflow:hidden;border:1px solid var(--edge);border-radius:20px;background:var(--panel)}.media-grid img,.media-grid video{width:100%;height:220px;object-fit:cover;background:#000}.media-grid article div{display:grid;padding:13px}.media-grid span{color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis}.timeline{display:grid;gap:12px;margin-top:20px}.timeline article{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:20px;border:1px solid var(--edge);border-radius:20px;background:var(--panel)}.timeline time{color:#a99cff}.timeline h3{margin:4px 0}.timeline p{color:var(--muted)}.list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:20px}.list article{padding:20px;border:1px solid var(--edge);border-radius:20px;background:var(--panel)}.list h3{margin:0 0 8px}.list p{color:var(--muted)}.account-card{display:flex;align-items:center;gap:16px}.account-card .avatar{width:70px;height:70px;font-size:26px} @media(max-width:900px){:root{--rail:0px}.rail{width:0}.nav-open .rail{width:min(310px,88vw)}.top{left:0;padding:0 14px}.menu{display:block}.content{margin-left:0;padding-left:14px;padding-right:14px}.hero{grid-template-columns:1fr;padding:28px}.orb{display:none}.stats{grid-template-columns:repeat(2,1fr)}.user-chip div{display:none}.form-grid{grid-template-columns:1fr}.timeline article{grid-template-columns:1fr}.hero h2{font-size:clamp(40px,11vw,62px)}}@media(max-width:520px){.stats{grid-template-columns:1fr 1fr}.profile-grid,.media-grid,.list{grid-template-columns:1fr}.top h1{font-size:17px}.content{padding-top:calc(var(--top) + 18px)}}
Save file
Quick jump
open a path
Open