https://frogsns.com/admin_panel.php

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
6<title>Admin Panel &mdash; FrogSNS &amp; ScoobyMedia</title>
7<link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
8<style>
9*,*::before,*::after{box-sizing:border-box;}
10body{font-family:'Segoe UI',Tahoma,sans-serif;margin:0;background:#0a0a0a;color:#d0d0d0;min-height:100vh;}
11a{color:#e44d26;text-decoration:none;}a:hover{color:#f0b232;}
12.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0a0a0a;}
13.login-box{background:#141414;border:1px solid #2a2a2a;border-radius:14px;padding:2.5rem 2rem;width:90%;max-width:380px;}
14.login-box h1{margin:0 0 .3rem;font-size:1.4rem;color:#f0f0f0;text-align:center;}
15.login-box p{text-align:center;color:#555;font-size:.82rem;margin:0 0 1.8rem;}
16.form-group{margin-bottom:1rem;}
17.form-group label{display:block;font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;}
18.form-group input,.form-group select,.form-group textarea{width:100%;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:6px;color:#e0e0e0;padding:9px 12px;font-size:.88rem;transition:border-color .2s;font-family:inherit;}
19.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#e44d26;}
20.form-group textarea{min-height:80px;resize:vertical;}
21.btn{display:inline-block;padding:.5rem 1.2rem;border-radius:6px;font-weight:700;font-size:.8rem;border:none;cursor:pointer;transition:opacity .2s,background .2s;text-transform:uppercase;letter-spacing:.04em;}
22.btn-primary{background:#e44d26;color:#fff;}.btn-primary:hover{background:#c93d1b;}
23.btn-success{background:#23a55a;color:#fff;}.btn-success:hover{background:#1a8047;}
24.btn-danger{background:#f23f43;color:#fff;}.btn-danger:hover{background:#c92f33;}
25.btn-ghost{background:#1e1e1e;color:#aaa;border:1px solid #2a2a2a;}.btn-ghost:hover{border-color:#e44d26;color:#fff;}
26.btn-sm{padding:.3rem .7rem;font-size:.7rem;}
27.btn-full{width:100%;display:block;text-align:center;}
28.app{display:flex;min-height:100vh;}
29.sidebar{width:220px;background:#111;border-right:1px solid #1e1e1e;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto;}
30.sidebar-logo{padding:1.4rem 1.2rem;border-bottom:1px solid #1e1e1e;}
31.sidebar-logo .brand{font-size:.95rem;font-weight:700;color:#f0f0f0;}
32.sidebar-logo .sub{font-size:.68rem;color:#555;margin-top:2px;}
33.sidebar nav{flex:1;padding:.5rem 0;}
34.nav-item{display:flex;align-items:center;gap:10px;padding:.65rem 1.2rem;font-size:.82rem;color:#888;cursor:pointer;transition:background .15s,color .15s;text-decoration:none;border-left:2px solid transparent;}
35.nav-item:hover,.nav-item.active{background:#1a1a1a;color:#f0f0f0;border-left-color:#e44d26;}
36.nav-item .icon{font-size:1rem;flex-shrink:0;}
37.sidebar-footer{padding:1rem 1.2rem;border-top:1px solid #1e1e1e;}
38.content{flex:1;padding:2rem;overflow-x:hidden;}
39.page-header{margin-bottom:1.8rem;}
40.page-header h2{margin:0 0 .2rem;font-size:1.4rem;color:#f0f0f0;}
41.page-header p{margin:0;color:#555;font-size:.82rem;}
42.phrow{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;}
43.alert{padding:.8rem 1rem;border-radius:7px;font-size:.83rem;margin-bottom:1.2rem;border:1px solid transparent;}
44.alert-success{background:rgba(35,165,90,.12);border-color:rgba(35,165,90,.3);color:#23a55a;}
45.alert-error{background:rgba(242,63,67,.12);border-color:rgba(242,63,67,.3);color:#f23f43;}
46.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;}
47.stat-card{background:#141414;border:1px solid #1e1e1e;border-radius:10px;padding:1.2rem;}
48.stat-card .stat-val{font-size:2rem;font-weight:700;color:#e44d26;line-height:1;}
49.stat-card .stat-label{font-size:.72rem;color:#555;text-transform:uppercase;letter-spacing:.05em;margin-top:.3rem;}
50.table-wrap{overflow-x:auto;}
51table.dt{width:100%;border-collapse:collapse;font-size:.82rem;}
52table.dt thead tr{background:#141414;}
53table.dt thead th{padding:10px 12px;text-align:left;color:#666;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;border-bottom:1px solid #1e1e1e;white-space:nowrap;}
54table.dt tbody tr{border-bottom:1px solid #161616;transition:background .1s;}
55table.dt tbody tr:hover{background:#141414;}
56table.dt tbody td{padding:9px 12px;color:#bbb;vertical-align:middle;}
57.badge{display:inline-block;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em;}
58.bg{background:rgba(35,165,90,.15);color:#23a55a;border:1px solid rgba(35,165,90,.3);}
59.br{background:rgba(242,63,67,.15);color:#f23f43;border:1px solid rgba(242,63,67,.3);}
60.by{background:rgba(240,178,50,.15);color:#f0b232;border:1px solid rgba(240,178,50,.3);}
61.bb{background:rgba(103,114,229,.15);color:#6772e5;border:1px solid rgba(103,114,229,.3);}
62.bgr{background:rgba(128,132,142,.15);color:#80848e;border:1px solid rgba(128,132,142,.3);}
63.form-card{background:#141414;border:1px solid #1e1e1e;border-radius:10px;padding:1.5rem;}
64.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
65.form-row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;}
66.sec-div{border:none;border-top:1px solid #1e1e1e;margin:1.2rem 0;}
67.cbrow{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;}
68.cbrow input[type=checkbox]{width:16px;height:16px;accent-color:#e44d26;cursor:pointer;}
69.cbrow label{font-size:.82rem;color:#ccc;cursor:pointer;}
70.ss{background:#141414;border:1px solid #1e1e1e;border-radius:10px;padding:1.4rem;margin-bottom:1.2rem;}
71.ss h3{margin:0 0 1rem;font-size:.9rem;color:#f0f0f0;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #1e1e1e;padding-bottom:.6rem;}
72.log-det{font-size:.7rem;color:#555;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
73.recent-log{margin-top:2rem;}
74.recent-log h3{font-size:.9rem;color:#888;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .8rem;}
75/* delete handled by inline confirm() */
76@media(max-width:768px){
77  .sidebar{width:60px;}.sidebar-logo .brand,.sidebar-logo .sub,.nav-item .lbl{display:none;}
78  .nav-item{justify-content:center;padding:.7rem;}.stats-grid{grid-template-columns:1fr 1fr;}.form-row,.form-row3{grid-template-columns:1fr;}
79}
80</style>
81</head>
82<body>
83<div class="login-wrap">

84  <div class="login-box">
85    <h1>&#128274; Admin Panel</h1>
86    <p>FrogSNS &amp; ScoobyMedia Services</p>
87            <form method="POST">
88      <input type="hidden" name="action" value="login">
89      <div class="form-group"><label>Username</label><input type="text" name="username" required autofocus autocomplete="username"></div>
90      <div class="form-group"><label>Password</label><input type="password" name="password" required autocomplete="current-password"></div>
91      <input type="text" name="website_url" style="display:none;position:absolute;left:-9999px;" tabindex="-1" autocomplete="off">
92      <button type="submit" class="btn btn-primary btn-full" style="margin-top:.5rem;">Sign In</button>
93    </br>
94      <a href="/" class="btn btn-ghost btn-sm btn-full" style="display:block;text-align:center;margin-bottom:.5rem;text-decoration:none;">&#127760; Back to Store</a>
95    </form>
96        <p style="text-align:center;margin-top:1.2rem;font-size:.72rem;color:#333;">All access attempts are logged.</p>
97  </div>
98</div>

99<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"98f3e2430ec349a1bf460bfd6fbc631d","r":1,"spa":2}' crossorigin="anonymous"></script>

99
100</body>
101</html>