:root{--bg:#06101d;--panel:#0b1929;--panel2:#0e2135;--line:#17344e;--cyan:#28d7ff;--text:#eef8ff;--muted:#7892a8;--danger:#ff5570}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 70% -20%,#123b58 0,transparent 35%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#071321;border-right:1px solid var(--line);padding:28px 18px;z-index:20;display:flex;flex-direction:column}.brand{font-size:25px;letter-spacing:2px;margin:0 10px 38px}.brand b{color:var(--cyan)}.brand span{display:block;font-size:8px;letter-spacing:3px;color:#607d94;margin-top:4px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{padding:13px 14px;border-radius:10px;color:#8ca4b8;font-size:13px;font-weight:700}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,#0d2a41,#0b2032);color:#fff;box-shadow:inset 3px 0 0 var(--cyan),0 8px 22px #0002}.sidebar nav .upload-nav{color:var(--cyan);border:1px solid #17445d;margin-top:12px}.disabled{opacity:.45}.disabled small{float:right;font-size:8px}.side-user{margin-top:auto;border-top:1px solid var(--line);padding:20px 7px 0;display:flex;gap:10px;align-items:center}.side-user div:nth-child(2){min-width:0;flex:1}.side-user b,.side-user span{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis}.side-user span{color:var(--muted);font-size:9px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1a8db1,#11304b);border:1px solid #2b7d9b;font-weight:900}.appmain{margin-left:238px;padding:42px 48px 70px;max-width:1650px}.top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.top h1,.profile h1{font-size:32px;margin:4px 0 7px}.top p,.profile p{color:var(--muted);margin:0}.eyebrow{color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:2.5px}.primary{background:var(--cyan);color:#00101a;border:0;border-radius:9px;padding:13px 18px;font-size:11px;font-weight:900;letter-spacing:.7px;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:42px}.stats div{background:linear-gradient(145deg,#0c1c2d,#091624);border:1px solid var(--line);border-radius:12px;padding:17px;min-height:105px;position:relative}.stats span{color:var(--cyan);float:right}.stats b{display:block;font-size:25px;margin-top:17px}.stats small{font-size:8px;color:#6e879c;letter-spacing:1px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:34px 0 14px}.section-head h2{margin:3px 0 0;font-size:20px}.section-head>a{font-size:9px;color:var(--cyan);font-weight:900}.featured{height:390px;border-radius:16px;overflow:hidden;position:relative;border:1px solid var(--line);background:#091724}.featured:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,9,15,.92),rgba(3,9,15,.2) 60%,transparent)}.featured img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}.feature-info{position:absolute;left:35px;bottom:32px;z-index:2}.feature-info h2{font-size:30px;margin:10px 0}.feature-info p{color:#b3c2cf}.feature-info a{display:inline-block;margin-top:14px;color:var(--cyan);font-size:11px;font-weight:800}.phase{background:#0c90ad;color:#dffaff;border-radius:20px;padding:5px 9px;font-size:8px;font-weight:900}.shot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-grid{grid-template-columns:repeat(3,1fr)}.shot-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.pic{height:170px;position:relative;background:#0c1d2d}.pic img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}.pic span,.pic em{position:absolute;left:10px;top:10px;background:#07111bd9;padding:5px 8px;border-radius:6px;font-size:8px;font-style:normal;font-weight:900}.pic em{left:auto;right:10px;color:#ffbdc8}.shot-meta{padding:13px}.shot-meta b,.shot-meta small,.shot-meta a{display:block}.shot-meta b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shot-meta small{color:var(--muted);font-size:9px;margin:5px 0 10px}.shot-meta a{font-size:9px;color:var(--cyan)}.empty{border:1px dashed #23455e;border-radius:13px;min-height:120px;padding:28px;color:#7d98ad;display:flex;flex-direction:column;justify-content:center;gap:10px}.hero-empty{min-height:300px;align-items:center;background:radial-gradient(circle,#0f2e45,#081522);letter-spacing:1px}.hero-empty .primary{margin-top:10px}.flash{padding:11px 15px;border-radius:8px;margin-bottom:18px;background:#123047;border:1px solid #1f5673}.flash.error{border-color:#793243}.authmain{min-height:100vh}.auth{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden}.auth-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,#163c57aa,transparent 35%),linear-gradient(#03101bb8,#03101bf4),url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="1200" height="700"%3E%3Cpath d="M0 560 Q250 430 500 520 T1200 450 V700 H0Z" fill="%230a2435"/%3E%3Cpath d="M0 610 Q320 500 680 570 T1200 520" stroke="%23124561" fill="none"/%3E%3C/svg%3E') center/cover}.login-card{z-index:2;width:min(410px,90vw);padding:38px;background:#071521e8;border:1px solid #1a3c54;border-radius:18px;box-shadow:0 30px 80px #0009}.logo-mark{margin:auto;width:52px;height:52px;display:grid;place-items:center;border:1px solid #24728d;border-radius:50%;color:var(--cyan)}.login-card h1{text-align:center;letter-spacing:3px;margin:15px 0 2px}.login-card h1 b{color:var(--cyan)}.login-card>p{text-align:center;color:#67849a;font-size:9px;letter-spacing:3px;margin-bottom:30px}.login-card label{display:block;font-size:8px;color:#7591a6;letter-spacing:1.5px;margin:15px 0}.login-card input,.form-grid input,.form-grid select,.search input{width:100%;background:#091b2b;border:1px solid #1b3b53;border-radius:8px;color:#fff;padding:13px;outline:none}.login-card button{width:100%;border:0;border-radius:8px;background:var(--cyan);padding:13px;font-weight:900;margin-top:10px}.login-card button span{float:right}.login-card>small{display:block;text-align:center;color:#506a7e;font-size:8px;letter-spacing:2px;margin-top:22px}.remember{display:flex;justify-content:space-between;align-items:center}.remember label{display:flex;align-items:center;gap:7px}.remember input{width:auto}.remember a{font-size:8px;color:#4e7087}.ready{height:100vh;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#0c2a40,#030a11 55%)}.loader-ring{width:90px;height:90px;border:1px solid #174760;border-top:2px solid var(--cyan);border-radius:50%;display:grid;place-items:center;margin:auto;animation:spin 1.3s linear infinite}.loader-ring span{animation:spin 1.3s linear infinite reverse;color:var(--cyan);font-size:24px}.ready h1{letter-spacing:5px;margin-bottom:2px}.ready p{font-size:8px;letter-spacing:3px;color:#6e8ba1}.readybar{width:260px;height:2px;background:#102637;margin:20px auto}.readybar i{display:block;height:100%;background:var(--cyan);animation:load 1.5s ease forwards}.ready>b{color:var(--cyan);font-size:10px;letter-spacing:4px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes load{from{width:0}to{width:100%}}.upload-form{max-width:950px;background:var(--panel);border:1px solid var(--line);padding:25px;border-radius:14px}.drop{height:230px;border:1px dashed #28617d;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#081827;cursor:pointer}.drop input{display:none}.drop strong{color:var(--cyan)}.drop span,.drop b{font-size:9px;color:#6e8ba1}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:22px 0}.form-grid label{font-size:8px;color:#7894a8;letter-spacing:1px}.form-grid input,.form-grid select{margin-top:7px}.big{width:100%;padding:15px}.delete{width:100%;background:transparent;border:0;color:#8d5360;font-size:8px;padding:8px;cursor:pointer}.search{display:flex;gap:8px;max-width:650px;margin-bottom:25px}.search button{background:#112c40;color:var(--cyan);border:1px solid #24506b;border-radius:8px;padding:0 20px}.pilot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.pilot-card{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:25px}.big-avatar{width:62px;height:62px;margin:auto;font-size:22px}.pilot-card h3{margin-bottom:3px}.pilot-card span{font-size:10px;color:var(--muted)}.pilot-card b{display:block;color:var(--cyan);font-size:8px;margin-top:15px}.profile{display:flex;align-items:center;gap:20px;background:var(--panel);border:1px solid var(--line);padding:25px;border-radius:14px;margin-bottom:28px}.huge{width:78px;height:78px;font-size:28px}.profile>div:nth-child(2){flex:1}.profile-stat{text-align:center;padding:0 20px;border-left:1px solid var(--line)}.profile-stat b,.profile-stat span{display:block}.profile-stat b{font-size:24px}.profile-stat span{font-size:8px;color:var(--muted)}.hamb{display:none}
@media(max-width:1100px){.stats{grid-template-columns:repeat(3,1fr)}.shot-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.pilot-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.hamb{display:block;position:fixed;top:15px;left:15px;z-index:30;background:#0b2031;color:#fff;border:1px solid #24465d;border-radius:8px;padding:9px 11px}.sidebar{transform:translateX(-100%);transition:.2s}.menu-open .sidebar{transform:none}.appmain{margin:0;padding:72px 16px 45px}.top{align-items:flex-start;flex-direction:column}.top h1{font-size:27px}.stats{grid-template-columns:repeat(2,1fr);overflow:hidden}.stats div:last-child{grid-column:span 2}.featured{height:330px}.feature-info{left:20px;bottom:20px}.feature-info h2{font-size:22px}.shot-grid,.gallery-grid{grid-template-columns:1fr}.pic{height:230px}.form-grid{grid-template-columns:1fr}.pilot-grid{grid-template-columns:repeat(2,1fr)}.profile{flex-wrap:wrap}.profile>div:nth-child(2){min-width:60%}.profile-stat{border-left:0;padding:0}.section-head{margin-top:30px}}@media(max-width:430px){.stats{gap:8px}.stats div{padding:13px}.pilot-grid{grid-template-columns:1fr}.featured{height:300px}.pic{height:210px}}

/* DIMSHOT v0.2 — premium visual pass */
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 55%,rgba(40,215,255,.025) 70%,transparent 88%);z-index:-1}
.sidebar{background:linear-gradient(180deg,#071522 0%,#06111d 100%);box-shadow:14px 0 40px #0002}.brand{font-size:27px}.brand b{text-shadow:0 0 22px #28d7ff55}.sidebar nav a{transition:.18s ease;border:1px solid transparent}.sidebar nav a:hover{transform:translateX(2px);border-color:#163c54}.upload-nav{background:#081b2a}.appmain{max-width:none;padding-right:54px}.top{padding:4px 0 8px}.top h1{font-size:36px;letter-spacing:-.8px}.top p{font-size:15px}.primary{box-shadow:0 8px 25px #28d7ff1f;transition:.18s ease}.primary:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 12px 30px #28d7ff35}.stats{gap:14px}.stats div{min-height:112px;padding:19px;background:linear-gradient(145deg,rgba(15,35,55,.96),rgba(7,20,33,.96));box-shadow:0 12px 30px #0002;overflow:hidden}.stats div:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-42px;top:-48px;background:#28d7ff0b}.stats span{font-size:18px;text-shadow:0 0 16px #28d7ff88}.stats b{font-size:28px}.section-head h2{font-size:22px}.featured{height:430px;box-shadow:0 18px 50px #0005;border-color:#1a405a}.featured:after{background:linear-gradient(90deg,rgba(2,10,17,.94) 0%,rgba(2,10,17,.48) 42%,rgba(2,10,17,.05) 78%)}.feature-info{left:42px;bottom:38px}.feature-info h2{font-size:34px;letter-spacing:-.5px}.hero-empty{min-height:365px;border-color:#24506a;background:radial-gradient(circle at 50% 40%,#12354e 0,#0a1c2c 42%,#071522 100%);box-shadow:inset 0 0 70px #28d7ff08,0 18px 50px #0003}.hero-empty b{font-size:14px;color:#7eb4d1;letter-spacing:1.5px}.hero-empty span{font-size:15px}.shot-grid{gap:18px}.shot-card{transition:.2s ease;box-shadow:0 12px 30px #0002}.shot-card:hover{transform:translateY(-3px);border-color:#25506a;box-shadow:0 18px 38px #0005}.pic{height:190px}.shot-meta{padding:15px}.empty{background:linear-gradient(145deg,#0a1b2b,#071522);min-height:150px;border-color:#234a64;color:#7798ae}.shot-grid>.empty:only-child{grid-column:1/-1;text-align:center;align-items:center}.side-user{background:#081725;margin-left:-18px;margin-right:-18px;padding:18px 25px 0;border-top-color:#1a3b53}.avatar{box-shadow:0 0 22px #28d7ff22}.eyebrow{text-shadow:0 0 14px #28d7ff66}.login-card{backdrop-filter:blur(14px);box-shadow:0 35px 100px #000b,0 0 60px #28d7ff0a}.login-card input{background:#e9f1ff;color:#06101d;border-color:#b9cde0}.login-card input:focus{box-shadow:0 0 0 3px #28d7ff24}.ready h1{font-size:38px;text-shadow:0 0 25px #28d7ff33}
@media(max-width:760px){.appmain{padding-right:16px}.top h1{font-size:29px}.hero-empty{min-height:300px}.stats div{min-height:100px}.featured{height:340px}}
/* DIMSHOT v0.3 — viewer, albums and metadata */
.pic{display:block;color:inherit}.fav-badge{position:absolute;right:10px;bottom:10px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#07111bd9;color:#ff6686;font-style:normal}.featured-link{position:absolute;inset:0;z-index:0}.featured-link img{width:100%;height:100%;object-fit:cover}.feature-info{max-width:760px}.feature-info h2{font-size:27px}.album-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:4px 0 34px}.album-card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:12px;box-shadow:0 12px 30px #0002}.album-stack{height:155px;position:relative;margin-bottom:12px}.album-stack:before,.album-stack:after{content:"";position:absolute;inset:7px 12px -5px;background:#10283a;border:1px solid #24465d;border-radius:10px;transform:rotate(2deg)}.album-stack:after{transform:rotate(-2deg)}.album-stack img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;border-radius:9px}.album-stack b{position:absolute;z-index:3;right:9px;bottom:9px;background:#06111ddd;padding:6px 8px;border-radius:6px;font-size:8px}.album-card>strong,.album-card>span{display:block}.album-card>strong{font-size:12px}.album-card>span{font-size:9px;color:var(--muted);margin-top:5px}.viewer-shell{position:fixed;z-index:60;inset:0;background:#02070d;display:grid;grid-template-columns:minmax(0,1fr) 350px}.viewer-photo{min-width:0;display:grid;place-items:center;padding:28px;background:#000}.viewer-photo img{max-width:100%;max-height:calc(100vh - 56px);object-fit:contain}.viewer-info{background:#071522;border-left:1px solid #18384e;padding:70px 28px 30px;overflow:auto}.viewer-info h1{font-size:25px;line-height:1.15;margin:12px 0 8px}.viewer-info>p{color:var(--muted)}.viewer-tags{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.viewer-tags span{font-size:8px;font-weight:900;background:#0c2638;border:1px solid #1d4a63;border-radius:20px;padding:6px 9px;color:#8ddcf0}.viewer-route{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.viewer-route b,.viewer-route strong,.viewer-route small{display:block}.viewer-route b{color:var(--cyan);font-size:10px}.viewer-route strong{font-size:18px;margin:7px 0}.viewer-route strong i{color:var(--cyan);font-style:normal}.viewer-route small{color:var(--muted)}.viewer-close{position:fixed;z-index:70;right:370px;top:18px;width:38px;height:38px;border-radius:50%;background:#071522dd;border:1px solid #28506a;display:grid;place-items:center;color:#fff;font-size:25px}.viewer-nav{position:fixed;z-index:70;top:50%;transform:translateY(-50%);width:48px;height:64px;display:grid;place-items:center;background:#071522b8;border:1px solid #24475d;color:#fff;font-size:42px;border-radius:10px}.viewer-nav.prev{left:22px}.viewer-nav.next{right:372px}.viewer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.secondary{width:100%;padding:10px;background:#0b2233;border:1px solid #24506b;color:#9cd9e9;border-radius:7px;font-size:8px;font-weight:900;cursor:pointer}.editbox{display:none;margin-top:18px;border-top:1px solid var(--line);padding-top:10px}.editbox.show{display:block}.editbox label{display:block;font-size:8px;color:#7894a8;letter-spacing:1px;margin-top:10px}.editbox input,.editbox select{width:100%;margin-top:5px;background:#091b2b;border:1px solid #1b3b53;border-radius:7px;color:#fff;padding:10px}.editrow{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media(max-width:900px){.album-strip{grid-template-columns:repeat(2,1fr)}.viewer-shell{grid-template-columns:1fr;display:block;overflow:auto}.viewer-photo{height:62vh;padding:10px}.viewer-photo img{max-height:60vh}.viewer-info{border-left:0;border-top:1px solid #18384e;padding:28px 18px 60px}.viewer-close{right:14px}.viewer-nav.next{right:14px}.viewer-nav.prev{left:14px}}@media(max-width:600px){.album-strip{grid-template-columns:1fr}.album-stack{height:190px}.viewer-actions{grid-template-columns:1fr}.feature-info h2{font-size:20px}}
/* v0.4 cinematic Featured Shot */
.featured-v4{height:500px;border-radius:18px;border-color:#20506b;box-shadow:0 24px 70px #0008,0 0 45px #28d7ff0a;background:#02070c}
.featured-v4:after{background:linear-gradient(180deg,transparent 42%,rgba(2,8,14,.18) 57%,rgba(2,8,14,.92) 100%)}
.featured-v4 .featured-link img{transition:transform .6s ease,filter .4s ease}
.featured-v4:hover .featured-link img{transform:scale(1.012);filter:brightness(1.03)}
.featured-top{position:absolute;z-index:3;left:28px;top:26px;display:flex;gap:8px;align-items:center}.featured-badge{padding:7px 10px;border-radius:20px;background:#061522d9;border:1px solid #2b6b86;color:var(--cyan);font-size:8px;font-weight:900;letter-spacing:1.2px;backdrop-filter:blur(8px)}
.featured-v4 .phase{background:#0b89a7d9;border:1px solid #3ac9e7;padding:7px 10px;backdrop-filter:blur(8px)}
.featured-v4 .feature-info{left:32px;bottom:28px;max-width:70%}.featured-v4 .feature-info h2{font-size:30px;margin:0 0 7px;letter-spacing:-.45px;text-shadow:0 3px 18px #000}.featured-v4 .feature-info h2 i{font-style:normal;color:var(--cyan)}.route-arrow{color:var(--cyan)}.featured-v4 .feature-info p{margin:0;color:#b7c9d6;font-size:13px}.featured-v4 .feature-info p span{color:#4c7187;margin:0 4px}.featured-pilot{margin-top:11px!important;color:#79a8be!important;font-size:9px!important}
.featured-actions{position:absolute;z-index:4;right:28px;bottom:28px;display:flex;align-items:center;gap:8px}.featured-actions form{margin:0}.featured-actions button,.featured-actions>a{height:38px;min-width:38px;border-radius:9px;border:1px solid #315c72;background:#071724d9;color:#dff8ff;display:grid;place-items:center;padding:0 12px;font-weight:900;font-size:13px;cursor:pointer;backdrop-filter:blur(8px);transition:.18s}.featured-actions button:hover,.featured-actions>a:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-1px)}.featured-actions .view-shot{font-size:9px;letter-spacing:.5px;padding:0 15px;background:#0b2638e8;color:var(--cyan)}
.viewer-featured-form{grid-column:1/-1}.featured-select{color:var(--cyan);border-color:#2c718d}
@media(max-width:760px){.featured-v4{height:390px}.featured-v4 .feature-info{left:20px;bottom:72px;max-width:90%}.featured-v4 .feature-info h2{font-size:22px}.featured-top{left:18px;top:18px}.featured-actions{left:18px;right:auto;bottom:18px}.featured-actions .view-shot{display:none}}