*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#f6f7fb;color:#172033}a{color:#1769ff;text-decoration:none}.topbar{height:64px;background:#fff;border-bottom:1px solid #e6e9ef;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.brand{font-size:21px;font-weight:800;color:#111827}.public-nav{display:flex;gap:8px}.public-nav a{padding:9px 12px;color:#334155}.admin-shell{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 64px);direction:rtl}.sidebar{background:#111827;color:#dbe3ef;padding:20px 14px;position:sticky;top:64px;height:calc(100vh - 64px);overflow:auto}.sidebar .admin-name{padding:12px 14px 20px;color:#94a3b8;font-size:12px}.sidebar a{display:flex;align-items:center;gap:10px;color:#dbe3ef;padding:11px 14px;border-radius:9px;margin:2px 0}.sidebar a:hover,.sidebar a.active{background:#1769ff;color:#fff}.content{padding:34px;min-width:0}.page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}.page-head h1{margin:0;font-size:30px}.card{background:#fff;border:1px solid #e2e7ef;border-radius:14px;padding:22px;box-shadow:0 3px 14px #11182708}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat strong{font-size:30px;display:block}.muted{color:#64748b}.grid2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}label{display:block;font-weight:700;font-size:13px;margin-bottom:14px}input,textarea,select{width:100%;margin-top:7px;padding:11px 12px;border:1px solid #d6dde8;border-radius:8px;background:#fff;font:inherit;color:#172033}textarea{min-height:130px;resize:vertical}.editor{min-height:340px;font-family:Tahoma,Arial}.button,button{display:inline-block;background:#1769ff;color:#fff;border:0;border-radius:8px;padding:11px 18px;font:inherit;cursor:pointer}.button.secondary{background:#eef3fb;color:#172033}.button.danger{background:#fee2e2;color:#991b1b}.actions{display:flex;gap:8px;flex-wrap:wrap}.notice{padding:12px 14px;border-radius:8px;background:#ecfdf5;color:#166534;margin-bottom:16px}.error{background:#fef2f2;color:#991b1b}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:right;padding:12px;border-bottom:1px solid #edf0f5;vertical-align:middle}th{font-size:12px;color:#64748b}.table-wrap{overflow:auto}.thumb{width:54px;height:54px;object-fit:cover;border-radius:7px;background:#eef2f7}.badge{display:inline-block;padding:4px 8px;border-radius:20px;background:#eef2ff;font-size:11px}.media-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.media-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tabs a{padding:8px 12px;border-radius:8px;background:#fff;border:1px solid #e2e7ef}.tabs a.active{background:#1769ff;color:#fff}.login{max-width:440px;margin:8vh auto}.public-main{max-width:1180px;margin:auto;padding:50px 24px;min-height:70vh}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center;min-height:520px}.hero h1{font-size:54px;margin:0 0 18px}.code{background:#111827;color:#dbeafe;padding:42px;border-radius:20px;line-height:2;font-family:Consolas}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards img{width:100%;height:190px;object-fit:cover;border-radius:9px}.footer{text-align:center;padding:30px;background:#111827;color:#cbd5e1}.mobile-menu{display:none}@media(max-width:980px){.admin-shell{grid-template-columns:1fr}.sidebar{display:none;position:fixed;right:0;top:64px;width:260px;z-index:30}.menu-open .sidebar{display:block}.mobile-menu{display:block}.content{padding:22px}.stats{grid-template-columns:1fr 1fr}.grid2,.hero{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(3,1fr)}.cards{grid-template-columns:1fr 1fr}}@media(max-width:600px){.form-grid,.stats,.cards{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:38px}.public-nav{display:none}}

/* SELCOTO Future Light Homepage v2.2 */
body{background:#fff}.future-home{direction:rtl}.public-main:has(.future-home){max-width:none;padding:0;overflow:hidden}.topbar:has(+.public-main .future-home){height:76px;padding:0 max(4vw,28px);box-shadow:0 5px 24px #0b65d80b}.topbar:has(+.public-main .future-home) .brand{font-family:Arial,sans-serif;font-size:25px;letter-spacing:1px;color:#071a3b;order:-1}.topbar:has(+.public-main .future-home) .brand:before{content:'S';display:inline-grid;place-items:center;width:38px;height:38px;margin-left:10px;border-radius:12px;background:linear-gradient(135deg,#0a91ff,#3454ed);color:#fff;font-weight:900;transform:skew(-8deg)}.topbar:has(+.public-main .future-home) .public-nav{margin-right:auto;margin-left:35px;gap:20px}.topbar:has(+.public-main .future-home) .public-nav a{font-weight:700;color:#14233c;position:relative}.topbar:has(+.public-main .future-home) .public-nav a:first-child{color:#087cf0}.topbar:has(+.public-main .future-home) .public-nav a:first-child:after{content:'';position:absolute;right:12px;left:12px;bottom:0;height:2px;background:#1688ff}.future-hero{min-height:560px;padding:58px max(5.5vw,30px) 42px;display:grid;grid-template-columns:1fr 1.08fr;gap:50px;align-items:center;background:radial-gradient(circle at 20% 20%,#dff1ff 0,transparent 32%),linear-gradient(120deg,#fff 28%,#f2f9ff 100%);position:relative}.future-copy{z-index:2}.future-pill{display:inline-block;padding:9px 15px;border-radius:30px;background:#eaf5ff;color:#0875df;font-weight:700;font-size:13px;margin-bottom:18px}.future-copy h1{font-size:clamp(43px,4.7vw,76px);line-height:1.12;margin:0;color:#07152f;letter-spacing:-2px}.future-copy h1 span{color:#087df0}.future-copy h2{font-size:clamp(25px,2.4vw,39px);color:#087df0;margin:10px 0 20px}.future-copy>p{font-size:17px;line-height:2.05;color:#4c5d75;max-width:700px;margin:0 0 24px}.future-actions{display:flex;gap:13px;flex-wrap:wrap}.future-primary,.future-secondary{padding:14px 25px;border-radius:13px;font-weight:800}.future-primary{background:linear-gradient(135deg,#0785ff,#1768e9);color:#fff;box-shadow:0 12px 28px #0b7df23d}.future-secondary{background:#fff;color:#152540;border:1px solid #cfe0f3}.future-trust{display:flex;gap:24px;margin-top:32px;flex-wrap:wrap}.future-trust span{display:grid;grid-template-columns:auto 1fr;column-gap:8px;color:#087df0;font-size:20px}.future-trust b{font-size:12px;color:#182842}.future-trust small{grid-column:2;font-size:10px;color:#8391a4}.future-visual{height:455px;position:relative;perspective:1000px}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb1{width:390px;height:390px;left:8%;top:5%;background:radial-gradient(circle at 35% 30%,#fff,#bfe5ff 35%,#69baff 67%,#e8f7ff 68%);opacity:.65}.orb2{width:220px;height:220px;right:2%;bottom:0;background:#d7f3ff;filter:blur(35px)}.screen{position:absolute;background:#0b1b35;border:8px solid #182d49;border-radius:18px;box-shadow:0 25px 50px #22557f35;overflow:hidden}.main-screen{width:58%;height:58%;left:19%;top:24%;transform:rotateY(4deg) rotateX(2deg)}.screen-top{height:27px;background:#edf6ff;display:flex;align-items:center;gap:5px;padding:0 8px}.screen-top i{width:6px;height:6px;background:#5d90c3;border-radius:50%}.screen-top b{color:#1769e8;font-size:8px;margin-right:auto}.screen-body{height:calc(100% - 27px);display:flex;background:#f7fbff}.screen-body aside{width:22%;background:#102a4a;padding:14px 9px}.screen-body aside span{height:6px;background:#3a5878;border-radius:5px;display:block;margin:12px 0}.screen-body main{flex:1;padding:18px}.screen-body em{font-style:normal;font-weight:900;color:#0d76e7;font-size:24px}.chart{height:80px;display:flex;align-items:end;gap:10px;margin:20px 0}.chart i{width:12%;background:linear-gradient(#15a3ff,#2f67e8);border-radius:5px 5px 0 0}.chart i:nth-child(1){height:30%}.chart i:nth-child(2){height:55%}.chart i:nth-child(3){height:42%}.chart i:nth-child(4){height:80%}.chart i:nth-child(5){height:68%}.mini-cards{display:flex;gap:8px}.mini-cards b{height:35px;flex:1;border-radius:7px;background:#e2f0ff}.ai-badge,.plugin-float,.code-float{position:absolute;z-index:4;background:#ffffffd9;backdrop-filter:blur(12px);border:1px solid #cfe7ff;box-shadow:0 15px 35px #2174c829;border-radius:18px}.ai-badge{right:5%;top:8%;padding:20px 25px}.ai-badge i{display:block;font-style:normal;font-size:36px;font-weight:900;color:#087df0}.ai-badge strong,.plugin-float b,.code-float b{display:block;color:#102542}.ai-badge small,.plugin-float small,.code-float small{color:#6c7e94}.plugin-float{left:1%;top:8%;padding:17px 21px;color:#7656ef;font-size:25px}.plugin-float b,.code-float b{font-size:12px}.plugin-float small,.code-float small{font-size:9px}.code-float{right:2%;bottom:5%;padding:15px 19px;color:#0aa8b4;font-size:22px}.future-ring{position:absolute;left:8%;bottom:1%;width:100px;height:100px;border-radius:50%;background:linear-gradient(145deg,#0d9eff,#224ee4);display:grid;place-items:center;box-shadow:inset 8px 8px 20px #ffffff55,0 18px 35px #1769e84a}.future-ring span{font-size:48px;font-family:Arial;font-weight:900;color:white}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;padding:18px max(3vw,22px) 26px;background:#fff}.service-card{min-height:215px;padding:22px 18px;border-radius:16px;border:1px solid #e7edf5;color:#17233a;transition:.25s;box-shadow:0 5px 20px #183a6008}.service-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px #183a6018}.service-card i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;font-style:normal;font-weight:900;font-size:19px;margin-bottom:14px}.service-card h3{font-size:16px;margin:0 0 10px}.service-card p{font-size:12px;line-height:1.9;color:#66758a;min-height:68px}.service-card>b{font-size:11px;color:#087df0}.service-card.blue{background:#f1f8ff}.blue i{background:#dceeff;color:#087df0}.service-card.violet{background:#f6f2ff}.violet i{background:#e9dfff;color:#7555ee}.service-card.green{background:#effcf8}.green i{background:#d9f8ec;color:#00a977}.service-card.orange{background:#fff7ef}.orange i{background:#ffe9d5;color:#f47c20}.service-card.rose{background:#fff2f5}.rose i{background:#ffe0e8;color:#cf2b53}.service-card.purple{background:#f5f3ff}.purple i{background:#e8e2ff;color:#6848db}.future-stats{margin:0 max(3vw,22px) 18px;padding:22px 30px;border-radius:22px;background:linear-gradient(110deg,#f9fcff,#eef7ff);border:1px solid #e1edf9;display:grid;grid-template-columns:repeat(4,1fr) 1.6fr;align-items:center}.future-stats>div{text-align:center;border-left:1px solid #dce8f4}.future-stats strong{display:block;font-size:25px;color:#087df0}.future-stats span{font-size:11px;color:#607188}.future-stats aside{padding-right:30px}.future-stats h3{margin:0;color:#0a4f9b;font-size:19px}.future-stats p{margin:6px 0 0;color:#7890a8;font-size:11px}.tech-strip{padding:22px max(5vw,30px);display:flex;justify-content:space-around;gap:25px;flex-wrap:wrap;color:#7a8da5;font-weight:800;border-top:1px solid #eef3f8}.footer:has(~*){}.future-home+.footer{background:#071a35}.footer{font-size:12px}
@media(max-width:1100px){.future-hero{grid-template-columns:1fr;padding-top:40px}.future-visual{height:390px}.service-grid{grid-template-columns:repeat(3,1fr)}.future-stats{grid-template-columns:repeat(4,1fr)}.future-stats aside{grid-column:1/-1;text-align:center;padding:20px 0 0}.topbar:has(+.public-main .future-home) .public-nav{gap:5px;margin-left:10px}}
@media(max-width:700px){.topbar:has(+.public-main .future-home){height:64px;padding:0 16px}.topbar:has(+.public-main .future-home) .brand{font-size:20px}.topbar:has(+.public-main .future-home) .brand:before{width:31px;height:31px}.future-hero{padding:35px 20px 20px;text-align:center;gap:15px}.future-copy h1{font-size:42px}.future-copy h2{font-size:24px}.future-copy>p{font-size:14px}.future-actions,.future-trust{justify-content:center}.future-visual{height:310px}.main-screen{width:72%;height:60%;left:14%;top:25%}.orb1{width:280px;height:280px}.ai-badge{right:0}.plugin-float{left:0}.future-ring{width:65px;height:65px}.future-ring span{font-size:30px}.service-grid{grid-template-columns:1fr 1fr;padding:14px}.future-stats{grid-template-columns:1fr 1fr;margin:0 14px 15px;padding:20px 10px;gap:18px}.future-stats>div{border:0}.tech-strip{font-size:11px}.public-main:has(.future-home){padding:0}.future-trust span{min-width:120px}.service-card{min-height:200px}}
@media(max-width:430px){.service-grid{grid-template-columns:1fr}.future-copy h1{font-size:36px}.future-visual{height:270px}.ai-badge{transform:scale(.8);transform-origin:right top}.plugin-float{transform:scale(.8);transform-origin:left top}.future-trust{gap:13px}.future-primary,.future-secondary{width:100%}}