/* Albumik 0.1.4 - view polish */
:root{--a-bg:#f7f9fd;--a-card:#fff;--a-text:#141429;--a-muted:#7a748f;--a-border:#ebe7f4;--a-dark:#15102b;--a-dark2:#071526;--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;font-size:15px!important}
.app-shell{min-height:100vh!important;display:grid!important;grid-template-columns:270px minmax(0,1fr) 320px!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:26px 20px!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:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;max-height:48px!important;object-fit:contain!important;border-radius:14px!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:24px!important;font-weight:900!important;line-height:1!important}
.sidebar-brand span{display:block!important;color:rgba(255,255,255,.64)!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,.84)!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;padding:14px 16px!important;border-radius:15px!important;font-weight:800!important;font-size:15px!important;text-align:left!important;text-decoration:none!important;margin:6px 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}
.nav-btn[data-view="account"]{margin-top:16px!important;background:rgba(255,255,255,.06)!important}
.user-box,.sidebar-user{position:absolute!important;bottom:28px!important;left:26px!important;right:26px!important;border-top:1px solid rgba(255,255,255,.12)!important;padding-top:20px!important}
.main,.content,main{padding:28px 34px 50px!important;min-width:0!important}
.topbar{display:grid!important;grid-template-columns:minmax(300px,1fr) auto auto auto auto!important;align-items:center!important;gap:14px!important;margin-bottom:26px!important}
.searchbar,.search-box{height:50px!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}
.header h1,.main h1,.content h1{font-size:36px!important;line-height:1.1!important;letter-spacing:-.8px!important;margin:22px 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:20px!important;margin:24px 0 30px!important}
.stat-card{background:#fff!important;border:1px solid var(--a-border)!important;border-radius:24px!important;padding:24px 26px!important;box-shadow:var(--a-shadow)!important;min-height:124px!important}
.stat-card strong,.stat-card .stat-value{display:block!important;font-size:36px!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:24px!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(210px,1fr))!important;gap:18px!important}
.photo-card{height:188px!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:28px 28px 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}
.form-error{color:#dc2626!important;margin-top:12px!important;font-weight:800!important}
@media(max-width:1280px){.app-shell{grid-template-columns:240px 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.4 marker */