@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Merriweather:ital,wght@0,300;0,400;0,700;1,400&display=swap');
*{margin:0;padding:0;box-sizing:border-box}

body{
  font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
  min-height:100vh;
  background-color:#c8b89a;
  background-image:
    repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.06) 2px,rgba(255,255,255,.06) 3px),
    repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 3px),
    linear-gradient(160deg,#d4c4a8 0%,#bfaa88 40%,#c9b898 70%,#b8a57a 100%);
  color:#2c1e0f;
}

/* ── NAVBAR ── */
.navbar{
  background:
    repeating-linear-gradient(180deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 3px),
    linear-gradient(180deg,#5a4030 0%,#3d2a1a 20%,#2e1e0e 50%,#3a2818 80%,#2a1a0a 100%);
  border-bottom:2px solid #1a0e05;
  box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 4px 12px rgba(0,0,0,.5),0 8px 30px rgba(0,0,0,.3);
  position:sticky;top:0;z-index:1000;
}
.nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;padding:0 24px;height:60px;position:relative}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo-icon{width:38px;height:38px;background:linear-gradient(145deg,#e8d5a0 0%,#c8a855 40%,#a07820 70%,#c8a040 100%);border-radius:9px;border:1px solid #6a4a10;box-shadow:0 2px 0 rgba(255,255,255,.3) inset,0 4px 8px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;font-size:20px}
.logo-text{font-family:'Merriweather',Georgia,serif;font-size:19px;font-weight:700;color:#f5e6c8;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.5px}
.nav-links{display:flex;gap:2px;margin-left:24px;flex:1}
.nav-links a{color:#c8a878;text-decoration:none;padding:7px 14px;border-radius:6px;font-size:13px;font-weight:700;letter-spacing:.3px;transition:all .15s;text-shadow:0 1px 2px rgba(0,0,0,.6);border:1px solid transparent}
.nav-links a:hover{background:rgba(255,255,255,.08);color:#f5e6c8;border-color:rgba(255,255,255,.1)}
.nav-links a.active{background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(0,0,0,.1) 100%);color:#ffd080;border-color:rgba(0,0,0,.3);box-shadow:inset 0 1px 3px rgba(0,0,0,.4)}
.nav-right{display:flex;gap:8px;align-items:center}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;border:none;transition:all .1s;font-family:'Lato',sans-serif;letter-spacing:.2px;text-shadow:0 1px 1px rgba(0,0,0,.25)}
.btn:active{transform:scale(.97) translateY(1px)}
.btn-primary{background:linear-gradient(180deg,#6aafee 0%,#4a90d9 12%,#2b72c8 50%,#1a5aaa 51%,#2a6aba 80%,#3a80d0 100%);color:#fff;border:1px solid #1040a0;box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 3px 8px rgba(0,0,0,.35)}
.btn-primary:hover{background:linear-gradient(180deg,#7ac0ff 0%,#5aa0e8 12%,#3a82d8 50%,#2a6ac8 51%,#4a90e0 100%);color:#fff}
.btn-secondary{background:linear-gradient(180deg,#f5f5f0 0%,#e8e5de 12%,#d5d0c5 50%,#c8c3b8 51%,#dedad0 100%);color:#3a3028;border:1px solid #8a8070;box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 3px 6px rgba(0,0,0,.25);text-shadow:0 1px 0 rgba(255,255,255,.7)}
.btn-secondary:hover{background:linear-gradient(180deg,#fff 0%,#f0ede5 12%,#ddd8cc 50%,#d5d0c4 51%,#e8e5da 100%);color:#3a3028}
.btn-danger{background:linear-gradient(180deg,#f07070 0%,#e04040 12%,#c82020 50%,#b81010 51%,#d84040 100%);color:#fff;border:1px solid #800808;box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 3px 6px rgba(0,0,0,.3)}
.btn-success{background:linear-gradient(180deg,#70d070 0%,#40b040 12%,#208020 50%,#106010 51%,#30a030 100%);color:#fff;border:1px solid #084808;box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 3px 6px rgba(0,0,0,.3)}
.btn-sm{padding:6px 14px;font-size:12px;border-radius:8px}

/* ── LAYOUT ── */
.container{max-width:1100px;margin:0 auto;padding:28px 20px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:640px){.grid-2{grid-template-columns:1fr}}
.sidebar-layout{display:grid;grid-template-columns:200px 1fr;gap:24px}
@media(max-width:700px){.sidebar-layout{grid-template-columns:1fr}}

/* ── HERO ── */
.hero{text-align:center;padding:40px 20px 30px}
.terminal-box{
  background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.015) 10px,rgba(0,0,0,.015) 20px),
    linear-gradient(160deg,#2a1a0a 0%,#1e1208 50%,#2e1c0c 100%);
  border-radius:14px;max-width:780px;margin:0 auto;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 12px 40px rgba(0,0,0,.7);
  overflow:hidden;border:2px solid #0a0602
}
.terminal-bar{background:linear-gradient(180deg,#e8e0d8 0%,#d0c8be 40%,#c0b8ae 100%);padding:10px 14px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #8a8070}
.terminal-dot{width:13px;height:13px;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.4)}
.dot-red{background:radial-gradient(circle at 35% 35%,#ff7060,#dd2010);border:1px solid #aa1008}
.dot-yellow{background:radial-gradient(circle at 35% 35%,#ffd840,#e8a800);border:1px solid #aa7800}
.dot-green{background:radial-gradient(circle at 35% 35%,#60d840,#28a800);border:1px solid #187800}
.terminal-title-bar{flex:1;text-align:center;font-size:12px;color:#5a5048;font-weight:600}
.terminal-content{padding:36px 40px 40px}
.hero-title{font-family:'Merriweather',Georgia,serif;font-size:26px;font-weight:700;line-height:1.4;color:#f0d890;text-shadow:0 2px 4px rgba(0,0,0,.8);margin-bottom:14px}
.hero-subtitle{font-family:'Courier New',monospace;font-size:14px;color:#60a060;text-shadow:0 0 8px rgba(80,180,80,.5);margin-bottom:6px}
.cursor{display:inline-block;animation:blink 1s infinite;color:#70c870}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
.hero-desc{color:#a08860;font-size:14px;margin-top:18px;line-height:1.7}

/* ── PANEL ── */
.panel{
  background:repeating-linear-gradient(transparent,transparent 27px,#d4c9b0 27px,#d4c9b0 28px),
    linear-gradient(180deg,#fdf8ef 0%,#f5eedc 100%);
  border-radius:4px;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,2px 0 0 #d4c9a8 inset,-2px 0 0 #d4c9a8 inset,0 6px 20px rgba(0,0,0,.25);
  border:1px solid #b8a888;overflow:hidden;position:relative
}
.panel::before{content:'';position:absolute;top:0;bottom:0;left:58px;width:1px;background:rgba(200,80,80,.35);z-index:1;pointer-events:none}
.panel-header{
  background:repeating-linear-gradient(180deg,rgba(255,255,255,.4) 0px,rgba(255,255,255,.4) 1px,transparent 1px,transparent 4px),
    linear-gradient(180deg,#8b6040 0%,#6b4020 50%,#7a5030 100%);
  padding:14px 20px 14px 70px;border-bottom:2px solid #4a2a10;
  display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;
  box-shadow:0 1px 0 rgba(255,255,255,.15) inset,0 3px 6px rgba(0,0,0,.2)
}
.panel-header h2{font-family:'Merriweather',Georgia,serif;font-size:16px;font-weight:700;color:#f5e8d0;text-shadow:0 1px 3px rgba(0,0,0,.6);display:flex;align-items:center;gap:10px}
.panel-body{padding:24px 20px 24px 70px;position:relative;z-index:2}

/* ── STATS ── */
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}
.stat-card{background:linear-gradient(160deg,#fffdf5,#f0e8d0);border-radius:6px;padding:20px;text-align:center;border:1px solid #c8b888;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 4px 12px rgba(0,0,0,.18)}
.stat-number{font-family:'Merriweather',serif;font-size:32px;font-weight:700;color:#2a60c0;line-height:1}
.stat-label{font-size:12px;color:#6a5030;margin-top:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}

/* ── PKG CARDS ── */
.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.pkg-card{
  background:linear-gradient(160deg,#fffdf5 0%,#f8f2e0 100%);
  border-radius:6px;padding:18px;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 6px 16px rgba(0,0,0,.2);
  border:1px solid #c8b888;position:relative;transition:transform .15s,box-shadow .15s
}
.pkg-card::after{content:'';position:absolute;bottom:0;right:0;width:20px;height:20px;background:linear-gradient(135deg,transparent 50%,#c8b070 50%);border-top-left-radius:3px}
.pkg-card:hover{transform:translateY(-3px) rotate(.2deg);box-shadow:0 12px 30px rgba(0,0,0,.25)}
.pkg-type-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;box-shadow:0 1px 0 rgba(255,255,255,.5) inset}
.type-deb{background:linear-gradient(180deg,#c0d8f8,#80b0e8);color:#103060;border:1px solid #5080c0}
.type-ipa{background:linear-gradient(180deg,#f0d8f8,#c080e8);color:#400060;border:1px solid #9050c0}
.pkg-icon{width:54px;height:54px;background:linear-gradient(145deg,#f0e8d0 0%,#d8c898 50%,#c0a870 100%);border-radius:13px;border:1px solid #a08840;box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 3px 8px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:12px;overflow:hidden}
.pkg-name{font-family:'Merriweather',Georgia,serif;font-size:14px;font-weight:700;color:#2a1a08;margin-bottom:8px;line-height:1.35}
.pkg-version{background:rgba(80,120,200,.15);color:#1a4080;border:1px solid rgba(80,120,200,.3);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}
.category-badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#e8dfc8;border:1px solid #c8b888;color:#4a3820}
.ios-badge{background:linear-gradient(180deg,#f8d8f0,#e0a0d0);color:#500040;border:1px solid #c070b0;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}
.pkg-desc{font-size:12px;color:#6a5030;line-height:1.55;margin-bottom:8px}
.pkg-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:#8a7050;margin-bottom:4px}
.pkg-meta span{display:flex;align-items:center;gap:3px}

/* ── DEPS ── */
.deps-box{background:rgba(255,255,255,.5);border:1px solid #d4c9a8;border-radius:4px;padding:8px 12px;margin-top:10px}
.deps-box-title{font-size:11px;font-weight:700;color:#5a4020;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.dep-count-badge{background:#c8b888;color:#4a3820;border-radius:8px;padding:1px 6px;font-size:10px}
.dep-item{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:4px}
.dep-name{font-weight:700;color:#2a1a08}
.dep-ver{color:#6a5030;font-size:11px}
.dep-link a{color:#2a60c0}

/* ── FORMS ── */
.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:12px;font-weight:700;color:#4a3820;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.form-control{
  width:100%;padding:9px 12px;border-radius:6px;
  background:linear-gradient(180deg,#f5f0e8,#fdf8ef);
  border:1px solid #c8b888;
  box-shadow:inset 0 2px 4px rgba(0,0,0,.08),0 1px 0 rgba(255,255,255,.8);
  font-family:'Lato',sans-serif;font-size:13px;color:#2a1a08;
  transition:border-color .15s,box-shadow .15s;outline:none
}
.form-control:focus{border-color:#4a80d0;box-shadow:inset 0 2px 4px rgba(0,0,0,.08),0 0 0 3px rgba(74,128,208,.2)}
textarea.form-control{min-height:90px;resize:vertical}
select.form-control{cursor:pointer}

/* ── TYPE RADIO ── */
.type-radio{display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 18px;border-radius:8px;border:2px solid #c8b888;background:transparent;font-size:14px;font-weight:700;color:#2a1a08;transition:all .15s;user-select:none}
.type-radio input{position:absolute;opacity:0;pointer-events:none}
.type-radio.active-deb{border-color:#4a80d0;background:rgba(74,128,208,.1)}
.type-radio.active-ipa{border-color:#9050c0;background:rgba(144,80,192,.1)}

/* ── ALERTS ── */
.alert{padding:12px 16px;border-radius:6px;font-size:13px;margin-bottom:16px;font-weight:600}
.alert-error{background:rgba(200,40,20,.1);border:1px solid rgba(200,40,20,.3);color:#8a1010}
.alert-success{background:rgba(40,160,40,.1);border:1px solid rgba(40,160,40,.3);color:#105010}
.alert-info{background:rgba(40,100,200,.1);border:1px solid rgba(40,100,200,.3);color:#102080}
.alert-warn{background:rgba(200,160,40,.1);border:1px solid rgba(200,160,40,.3);color:#604010}

/* ── CODE BLOCK ── */
.code-block{background:linear-gradient(160deg,#1e180a,#2a1e0a);color:#b8f8b0;border-radius:6px;padding:12px 16px;font-family:'Courier New',monospace;font-size:12px;line-height:1.7;border:1px solid #0a0605;box-shadow:inset 0 2px 6px rgba(0,0,0,.5)}

/* ── TABLE ── */
.data-table{width:100%;border-collapse:collapse;font-size:13px}
.data-table th{background:linear-gradient(180deg,#c8b888,#b8a878);color:#3a2a10;font-weight:700;padding:10px 14px;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #a09060}
.data-table td{padding:10px 14px;border-bottom:1px solid #e0d8c0;vertical-align:middle}
.data-table tr:last-child td{border-bottom:none}
.data-table tr:hover td{background:rgba(255,240,200,.3)}

/* ── BADGES ── */
.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.badge-admin,.badge-superadmin{background:linear-gradient(180deg,#f8e060,#e0a820);color:#3a2000;border:1px solid #a07000}
.badge-user{background:linear-gradient(180deg,#d0d0d0,#b0b0a0);color:#404030;border:1px solid #808070}
.badge-approved{background:rgba(40,140,40,.15);color:#104010;border:1px solid rgba(40,140,40,.3)}
.badge-pending{background:rgba(200,160,40,.15);color:#503010;border:1px solid rgba(200,160,40,.3)}
.badge-rejected{background:rgba(200,40,20,.12);color:#600010;border:1px solid rgba(200,40,20,.25)}

/* ── SIDEBAR ── */
.sidebar{display:flex;flex-direction:column;gap:4px}
.sidebar-item{display:block;padding:10px 14px;border-radius:6px;color:#5a4828;text-decoration:none;font-size:13px;font-weight:700;transition:all .15s;border:1px solid transparent}
.sidebar-item:hover{background:rgba(255,255,255,.5);border-color:#c8b888}
.sidebar-item.active{background:linear-gradient(180deg,#fff8f0,#f0e8d0);border-color:#c8a870;box-shadow:inset 0 1px 3px rgba(0,0,0,.08)}

/* ── AUTH ── */
.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.auth-card{background:linear-gradient(160deg,#fdf8ef 0%,#f5eedc 100%);border-radius:8px;border:1px solid #c8b888;box-shadow:0 20px 60px rgba(0,0,0,.3);width:100%;max-width:400px;overflow:hidden}
.auth-header{background:linear-gradient(180deg,#8b6040 0%,#6b4020 50%,#7a5030 100%);padding:28px 24px;text-align:center;border-bottom:2px solid #4a2a10}
.auth-header h1{font-family:'Merriweather',serif;color:#f5e8d0;font-size:22px;margin:8px 0 4px;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.auth-header p{color:#c8a878;font-size:13px}
.auth-body{padding:24px}
.auth-footer{padding:16px 24px;text-align:center;font-size:13px;background:rgba(0,0,0,.03);border-top:1px solid #e0d8c0;color:#6a5030}
.auth-footer a{color:#2a60c0;font-weight:700}

/* ── EMPTY STATE ── */
.empty-state{text-align:center;padding:40px 20px;color:#8a7050}
.empty-state .icon{font-size:48px;margin-bottom:12px;opacity:.6}

/* ── SEARCH BAR ── */
.search-bar{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}

/* ── TAB BAR ── */
.tab-bar{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}

/* ── SECTION SEP ── */
.section-sep{height:1px;background:linear-gradient(90deg,transparent,#d4c9a8,transparent);margin:20px 0}

/* ── FOOTER ── */
footer{background:linear-gradient(180deg,#3a2818 0%,#2a1a0a 100%);border-top:2px solid #1a0e05;padding:30px 20px;text-align:center;color:#c8a878;margin-top:40px}
.footer-inner{max-width:500px;margin:0 auto}
.footer-logo{font-size:28px;margin-bottom:6px}
.footer-title{font-family:'Merriweather',serif;font-size:16px;color:#f5e6c8;margin-bottom:4px}
.footer-sub{font-size:12px;color:#9a7858;margin-bottom:14px}
.footer-sep{height:1px;background:rgba(255,255,255,.08);margin:14px 0}
.footer-dev{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}
.footer-dev-label{font-size:11px;color:#8a6848;text-transform:uppercase;letter-spacing:.5px}
.footer-dev-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:#c8a878;font-size:13px;font-weight:700}
.footer-dev-avatar{width:28px;height:28px;background:linear-gradient(145deg,#e8c870,#c8a040);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;color:#3a2008;font-weight:900;border:1px solid #8a6030}
.footer-dev-tg{font-size:11px;color:#6a8aaa;font-weight:400}
.footer-copy{font-size:11px;color:#6a5038;margin-top:8px}

/* ── MODERATION ── */
.pkg-card.mod-card{margin-bottom:18px}

/* ── SCROLLBAR ── */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#c8b898}
::-webkit-scrollbar-thumb{background:#8a6848;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#6a4828}