:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{min-height:100%;background:#0a1628}body{margin:0;min-height:100vh;color:#f5f8ff;background:radial-gradient(ellipse 75% 58% at 86% -8%,#31598166,transparent 75%),radial-gradient(ellipse 50% 45% at -10% 30%,#17496b77,transparent 75%),linear-gradient(154deg,#0a1323 0%,#142b41 52%,#081322 100%);position:relative;isolation:isolate}body:before{content:"";position:fixed;inset:auto 0 0;height:34vh;pointer-events:none;z-index:-1;background:linear-gradient(160deg,transparent 35%,#112d3c33 50%,#0a1728 80%);clip-path:polygon(0 56%,15% 32%,28% 52%,45% 18%,62% 62%,82% 24%,100% 55%,100% 100%,0 100%)}.ambient{position:fixed;border-radius:50%;filter:blur(85px);opacity:.22;pointer-events:none;z-index:-1}.ambient-one{height:220px;width:220px;background:#3b82f6;top:17%;left:2%}.ambient-two{height:280px;width:280px;background:#17a3a3;bottom:5%;right:1%}.container{max-width:1100px;margin:0 auto;padding:45px 30px 32px;min-height:100vh;display:flex;flex-direction:column}.site-header{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:51px}.brand-mark{width:58px;height:58px;display:grid;place-items:center;margin-bottom:17px;background:#dff5ff18;border:1px solid #d7eeff35;border-radius:19px;box-shadow:0 12px 40px #0003}.brand-mark svg{height:30px;width:30px;stroke:#eaf8ff;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.heading h1{font-size:clamp(2rem,4.5vw,3.3rem);letter-spacing:-.055em;line-height:1.1;margin:0 0 10px;font-weight:740}.heading p{color:#b1c5d9;margin:0;font-size:1.05rem}.header-settings{position:absolute;right:0;top:0;width:43px;height:43px;display:grid;place-items:center;border:1px solid #ffffff3b;border-radius:14px;background:#ffffff12;transition:background .2s}.header-settings:hover{background:#ffffff29}.header-settings svg{width:22px;height:22px;stroke:#ecf5ff;stroke-width:1.7;fill:none;stroke-linecap:round}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-head h2{margin:0;font-size:1.12rem;letter-spacing:-.015em}.app-count{font-size:.8rem;color:#a9c1d6;background:#ffffff12;border:1px solid #ffffff25;border-radius:30px;padding:5px 11px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{min-width:0;min-height:190px;position:relative;display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;color:inherit;background:linear-gradient(145deg,#ffffff1d,#ffffff0a);border:1px solid #ffffff32;border-radius:22px;padding:23px;box-shadow:0 14px 35px #0003, inset 0 1px #ffffff13;transition:transform .2s,border-color .2s,background .2s}.card:hover,.card:focus-visible{transform:translateY(-4px);border-color:#8ecfff;outline:none;background:linear-gradient(145deg,#ffffff2b,#ffffff12)}.tile-icon{background:var(--accent,#277ac5);width:61px;height:61px;border-radius:17px;display:grid;place-items:center;box-shadow:inset 0 1px #ffffff55,0 9px 24px #0003;flex:none;margin-bottom:20px}.tile-icon svg{width:32px;height:32px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.tile-text{display:block;padding-right:20px;min-width:0}.tile-text strong{display:block;font-size:1.04rem;letter-spacing:-.02em;line-height:1.3;overflow-wrap:anywhere}.tile-text small{display:block;color:#b9ccde;font-size:.83rem;line-height:1.45;margin-top:6px}.arrow{position:absolute;bottom:20px;right:21px;border:1px solid #ffffff3a;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:16px;color:#e7f4ff}.add-card{border:1.5px dashed #ffffff60;background:#ffffff09}.add-icon{background:#ffffff18;box-shadow:none;border:1px solid #ffffff50;font-size:37px;font-weight:250;color:#d5ecff}.bottom-nav{text-align:center;margin-top:30px}.bottom-nav a,.back a{color:#b9dcf7;text-decoration:none;font-size:.94rem}.bottom-nav a:hover,.back a:hover{text-decoration:underline}footer{color:#93a7be;text-align:center;margin-top:auto;padding-top:60px;font-size:.82rem}footer span{margin:0 8px;color:#7895ae}.notice{padding:13px 17px;background:#205d71;border:1px solid #70b4d7;border-radius:12px;margin-bottom:20px}.panel{background:linear-gradient(150deg,#ffffff17,#ffffff0c);border:1px solid #ffffff35;border-radius:20px;padding:25px;margin:17px 0}.panel p{color:#b7c6d9}h2,h3{margin:0 0 18px}label{display:block;font-size:.9rem;color:#cfdded}input,select{display:block;width:100%;border:1px solid #ffffff50;border-radius:11px;background:#0c1e34;color:#fff;font:inherit;padding:12px;margin-top:7px;min-width:0}input:focus,select:focus{outline:2px solid #75baf7;outline-offset:1px}button{border:0;border-radius:11px;background:#277fe0;color:white;font:inherit;font-weight:600;cursor:pointer;padding:12px 18px}button:hover{filter:brightness(1.1)}button.secondary{background:#37546e}button.danger{background:#a64056}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-items:end}.form-grid button{align-self:end}.admin-head,.actions{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}.actions{justify-content:flex-start;margin-top:15px}.item summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;font-weight:700}.item summary span{font-size:.85rem;color:#a5bdd9;font-weight:400}.item[open] summary{margin-bottom:20px}.back{margin-top:25px}@media(max-width:850px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.container{padding:33px 24px}.site-header{margin-bottom:38px}}@media(max-width:550px){.container{padding:23px 15px 25px}.site-header{margin-bottom:29px}.brand-mark{height:48px;width:48px;border-radius:15px;margin-bottom:12px}.brand-mark svg{width:26px}.heading h1{font-size:2rem}.heading p{font-size:.86rem}.header-settings{height:39px;width:39px;border-radius:12px}.section-head{margin-bottom:13px}.cards{gap:11px}.card{padding:15px 12px;min-height:160px;border-radius:17px}.tile-icon{width:46px;height:46px;border-radius:13px;margin-bottom:14px}.tile-icon svg{width:25px;height:25px}.tile-text{padding-right:2px}.tile-text strong{font-size:.87rem}.tile-text small{font-size:.73rem;line-height:1.35;margin-top:5px;padding-right:8px}.arrow{width:23px;height:23px;right:11px;bottom:11px;font-size:14px}.add-icon{font-size:29px}.bottom-nav{margin-top:23px}.form-grid{grid-template-columns:1fr}.panel{padding:17px}footer{padding-top:45px}}
