/* Albumik 0.1.3 FIX - projekt dashboard */
:root{
  --a-bg:#f7f9fd;
  --a-card:#ffffff;
  --a-text:#15162d;
  --a-muted:#7f7897;
  --a-border:#ece8f5;
  --a-dark:#17102e;
  --a-dark2:#0b1728;
  --a-pink:#e63791;
  --a-purple:#8b5cf6;
  --a-shadow:0 20px 55px rgba(28,21,53,.08);
}
html,body{
  background:linear-gradient(115deg,#fafbff 0%,#fff8fc 100%)!important;
  color:var(--a-text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.hidden{display:none!important}
.app-shell{
  min-height:100vh!important;
  display:grid!important;
  grid-template-columns:250px minmax(0,1fr) 300px!important;
  background:linear-gradient(115deg,#fafbff 0%,#fff8fc 100%)!important;
}
.sidebar{
  background:linear-gradient(180deg,var(--a-dark) 0%,var(--a-dark2) 100%)!important;
  color:#fff!important;
  padding:24px 18px!important;
  min-height:100vh!important;
  height:100vh!important;
  position:sticky!important;
  top:0!important;
  box-shadow:18px 0 55px rgba(11,23,40,.16)!important;
}
.sidebar-brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-bottom:34px!important;
  padding:0 8px!important;
}
.sidebar-logo{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  max-height:42px!important;
  object-fit:contain!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,var(--a-pink),var(--a-purple))!important;
  padding:5px!important;
}
.sidebar-brand strong{
  display:block!important;
  color:#fff!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1!important;
}
.sidebar-brand span{
  display:block!important;
  color:rgba(255,255,255,.62)!important;
  font-size:12px!important;
  margin-top:4px!important;
}
.nav-btn,.sidebar button,.sidebar a{
  width:100%!important;
  border:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.82)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:11px!important;
  padding:13px 15px!important;
  border-radius:15px!important;
  font-weight:800!important;
  font-size:14px!important;
  text-align:left!important;
  text-decoration:none!important;
  margin:5px 0!important;
}
.nav-btn:hover,.sidebar button:hover,.sidebar a:hover{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}
.nav-btn.active,.sidebar button.active,.sidebar a.active{
  background:linear-gradient(135deg,var(--a-pink),#b43bd6)!important;
  color:#fff!important;
  box-shadow:0 14px 32px rgba(230,55,145,.32)!important;
}
.main,.content,main{
  padding:24px 28px 48px!important;
  min-width:0!important;
}
.topbar{
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) auto auto auto auto!important;
  align-items:center!important;
  gap:12px!important;
  margin-bottom:24px!important;
}
.searchbar,.search-box{
  height:46px!important;
  background:#fff!important;
  border:1px solid var(--a-border)!important;
  border-radius:18px!important;
  box-shadow:0 12px 30px rgba(28,21,53,.04)!important;
  padding:0 16px!important;
}
.searchbar input,.search-box input{
  border:0!important;
  outline:0!important;
  width:100%!important;
  background:transparent!important;
}
.header h1,.main h1,.content h1{
  font-size:34px!important;
  line-height:1.1!important;
  letter-spacing:-.8px!important;
  margin:20px 0 8px!important;
}
.header p,.main>p,.content>p{
  color:var(--a-muted)!important;
  font-size:16px!important;
}
.stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  margin:22px 0 28px!important;
}
.stat-card{
  background:#fff!important;
  border:1px solid var(--a-border)!important;
  border-radius:24px!important;
  padding:22px 24px!important;
  box-shadow:var(--a-shadow)!important;
  min-height:118px!important;
}
.stat-card strong,.stat-card .stat-value{
  display:block!important;
  font-size:34px!important;
  line-height:1!important;
  font-weight:900!important;
  color:var(--a-text)!important;
  margin-top:10px!important;
}
.stat-card span,.stat-card small{
  color:var(--a-muted)!important;
  font-weight:700!important;
}
.filters{
  display:grid!important;
  grid-template-columns:1fr 1fr 1.1fr auto auto!important;
  gap:14px!important;
  align-items:end!important;
  background:#fff!important;
  border:1px solid var(--a-border)!important;
  border-radius:24px!important;
  padding:20px!important;
  box-shadow:var(--a-shadow)!important;
  margin-bottom:22px!important;
}
input,select,textarea{
  border:1px solid var(--a-border)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--a-text)!important;
  padding:12px 14px!important;
  outline:0!important;
}
button,.primary-btn,.secondary-btn,.ghost-btn{
  border-radius:15px!important;
  font-weight:900!important;
}
.primary-btn,button[type="submit"],button.primary{
  background:linear-gradient(135deg,var(--a-pink),var(--a-purple))!important;
  color:white!important;
  border:0!important;
  box-shadow:0 16px 34px rgba(230,55,145,.24)!important;
}
.grid,.photos-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;
  gap:16px!important;
}
.photo-card{
  height:170px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#dce4f2!important;
  box-shadow:0 18px 36px rgba(28,21,53,.12)!important;
  position:relative!important;
}
.photo-card img,.photo-card video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.rightbar,.aside,.side-panel{
  padding:24px 24px 40px 0!important;
}
.panel-card,.rightbar .card,.aside .card{
  background:#fff!important;
  border:1px solid var(--a-border)!important;
  border-radius:26px!important;
  box-shadow:var(--a-shadow)!important;
  padding:24px!important;
  margin-bottom:20px!important;
}
.login-logo,.login-brand img,img[src*="albumik-logo"]{
  max-width:130px!important;
  max-height:130px!important;
  width:130px!important;
  height:auto!important;
  object-fit:contain!important;
}
@media(max-width:1280px){
  .app-shell{grid-template-columns:230px minmax(0,1fr)!important}
  .rightbar,.aside,.side-panel{display:none!important}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .app-shell{grid-template-columns:1fr!important}
  .sidebar{position:relative!important;height:auto!important;min-height:auto!important}
  .topbar,.filters,.stats{grid-template-columns:1fr!important}
}
/* Albumik 0.1.3 marker */