*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:#08111f;color:#eef5ff}body{background:linear-gradient(135deg,#07111f,#0d1e35)}a{text-decoration:none;color:inherit}.topbar{min-height:70px;padding:18px 5%;display:flex;justify-content:space-between;align-items:center;background:#0a1729;border-bottom:1px solid #203a5d}.subtitle{color:#8fa9c8}.admin-link{color:#9bc5ff}.container{width:min(1200px,92%);margin:0 auto;padding:45px 0}.container.narrow{max-width:850px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.page-heading h1{margin:0 0 8px;font-size:32px}.page-heading p{margin:0;color:#9db0c7}.heading-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-block;border:0;border-radius:10px;padding:12px 18px;font-weight:700;cursor:pointer;font-size:14px}.btn-primary{background:#2384ff;color:#fff}.btn-secondary{background:#1b304a;color:#d9e8fb}.btn-danger{background:#b52d3c;color:#fff}.btn-small{padding:8px 11px;font-size:12px}.btn-large{padding:15px 26px;font-size:16px}.btn-block{width:100%}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.app-card{background:#10233a;border:1px solid #254565;border-radius:18px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.25)}.app-image{height:190px;background:#0b1828;display:flex;align-items:center;justify-content:center;overflow:hidden}.app-image img{width:100%;height:100%;object-fit:contain}.app-placeholder{font-size:34px;font-weight:800;color:#56799e}.app-content{padding:22px}.app-content h2{margin:0 0 10px}.app-content p{color:#a9bad0;min-height:48px;line-height:1.5}.empty{padding:35px;text-align:center;background:#10233a;border-radius:15px;color:#a9bad0}.welcome-body{min-height:100vh;display:flex;align-items:center;justify-content:center}.welcome-wrap{width:100%;padding:30px}.welcome-screen{text-align:center}.welcome-screen h1{font-size:clamp(28px,5vw,54px);margin:35px 0 12px;letter-spacing:1px}.welcome-screen p{color:#9db0c7;font-size:18px;margin-bottom:28px}.computer{width:min(600px,85vw);margin:0 auto}.monitor{padding:14px;background:#25364b;border-radius:18px;box-shadow:0 25px 60px rgba(0,0,0,.45)}.monitor-screen{height:min(330px,45vw);min-height:220px;border-radius:9px;background:#02090f;border:5px solid #17283c;text-align:left;padding:30px;color:#53f28b;font-family:monospace;font-size:clamp(12px,2vw,18px);line-height:2;box-shadow:inset 0 0 35px rgba(0,255,130,.08)}.terminal-cursor{animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}.monitor-neck{width:80px;height:35px;background:#25364b;margin:auto}.monitor-base{width:230px;height:15px;background:#25364b;border-radius:10px;margin:auto}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-box{width:min(420px,100%);background:#10233a;border:1px solid #254565;border-radius:18px;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.35)}.login-box h1{margin-top:0}.login-box p{color:#9db0c7}label{display:block;font-weight:700;margin:18px 0;color:#dce8f6}input[type=text],input[type=password],input[type=url],input[type=number],input[type=file],textarea{display:block;width:100%;margin-top:8px;padding:12px;border-radius:9px;border:1px solid #365676;background:#091828;color:#fff;font:inherit}textarea{resize:vertical}.checkbox{display:flex;align-items:center;gap:10px}.checkbox input{width:auto}.alert{padding:14px 16px;border-radius:10px;margin-bottom:20px}.alert.error{background:#4b1822;border:1px solid #a53a4b;color:#ffd8de}.alert.success{background:#123e2b;border:1px solid #2c9364;color:#c9ffe4}.form-card{background:#10233a;border:1px solid #254565;border-radius:18px;padding:30px}.upload-box{padding:18px;border:1px dashed #45698e;border-radius:12px;background:#0b1a2b}.upload-box small{color:#8fa9c8}.preview{margin-top:18px}.preview img{display:block;max-width:280px;max-height:220px;object-fit:contain;background:#08111f;border-radius:10px;border:1px solid #35506e;padding:8px}.filename{color:#8fa9c8;font-family:monospace}.form-actions{display:flex;gap:10px;margin-top:25px}.table-wrap{overflow-x:auto;background:#10233a;border:1px solid #254565;border-radius:15px}.table-wrap table{width:100%;border-collapse:collapse;min-width:850px}.table-wrap th,.table-wrap td{padding:14px;text-align:left;border-bottom:1px solid #233f5e;vertical-align:middle}.table-wrap th{color:#9db0c7;font-size:13px}.thumb{width:65px;height:50px;object-fit:contain;border-radius:6px;background:#08111f}.no-image{color:#7890aa;font-size:12px}.url-cell{max-width:240px;overflow-wrap:anywhere;font-size:12px;color:#a9bad0}.back-link{display:block;margin-top:22px;color:#9bc5ff}@media(max-width:700px){.page-heading{align-items:flex-start;flex-direction:column}.form-card{padding:20px}.welcome-screen h1{line-height:1.15}}