:root{--black:#000;--surface:#0a0a0d;--surface-2:#101014;--white:#fafafa;--muted:#c1c1c1;--muted-2:#8b8b8b;--purple-50:#f0ecf9;--purple-100:#a790d9;--purple-200:#a966ff;--purple-300:#683fbe;--purple-400:#3f2674;--purple-dark:#3d1a87;--line:#3f2674}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--black);color:var(--white)}body,button,input{font-family:Inter,Arial,sans-serif}button,input{font:inherit}button{color:inherit}.cms-shell,.login-page{min-height:100vh;background:#000}.login-page{display:grid;place-items:center;padding:64px}.login-card{width:334px;display:flex;flex-direction:column;gap:32px}.brand-logo{display:block;object-fit:contain}.brand-logo-login{width:334px;height:117px}.brand-logo-header{width:161px;height:auto}.brand-button{display:block;padding:0;border:0;background:transparent;cursor:pointer}.login-fields{display:flex;flex-direction:column;gap:16px}.line-input{height:52px;border-bottom:1px solid var(--white);color:var(--purple-200);display:flex;align-items:center;position:relative}.line-input>span{position:absolute;left:0;pointer-events:none;font-size:14px;transition:.2s ease}.line-input.has-value>span,.line-input:focus-within>span{transform:translateY(-17px) scale(.82);transform-origin:left;opacity:.7}.line-input input{width:100%;height:100%;padding:20px 0 4px;color:#fff;background:transparent;border:0;outline:0}.line-input input:-webkit-autofill,.line-input input:-webkit-autofill:active,.line-input input:-webkit-autofill:focus,.line-input input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;caret-color:#fff;box-shadow:inset 0 0 0 1000px #000!important;-webkit-transition:background-color 9999s ease-out 0s;transition:background-color 9999s ease-out 0s}.line-input input:-webkit-autofill{color:#fff;background:#000}.line-input input:autofill{color:#fff;background:#000}.password-row{width:100%;height:100%;display:flex;align-items:center}.icon-button{border:0;background:transparent;cursor:pointer;color:var(--purple-200)}.password-toggle{display:grid;place-items:center;width:32px;height:32px;padding:4px}.password-toggle svg{width:24px;height:24px}.button{height:52px;border-radius:999px;padding:2px 44px;font-size:18px;font-weight:700;letter-spacing:.03em;cursor:pointer;white-space:nowrap}.button-primary{background:linear-gradient(180deg,var(--purple-300),var(--purple-dark))}.button-primary,.button-secondary{border:1px solid var(--purple-300)}.button-secondary{background:transparent}.button:hover:not(:disabled){box-shadow:0 0 18px rgba(104,63,190,.35)}.button:disabled{opacity:.5;cursor:wait}.button.full{width:100%}.login-error{margin:-10px 0 0;color:red;text-align:center;font-size:14px;opacity:0}.login-error.visible{opacity:1}.cms-shell{min-height:100vh;padding:64px;position:relative}.cms-header{min-height:56px;justify-content:space-between;gap:32px}.cms-header,.header-actions{display:flex;align-items:center}.header-actions{gap:24px}.logout-link{border:0;background:none;color:var(--muted-2);cursor:pointer;font-size:13px}.edit-screen,.gallery-admin,.upload-screen{margin-top:64px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.edit-form h1,.section-head h1{margin:0;font-family:Orbitron,Inter,sans-serif;font-size:24px;letter-spacing:.05em}.view-switch{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:8px;cursor:pointer}.action-icon,.back-icon,.upload-icon,.view-icon{flex:0 0 auto}.view-icon-list{width:20px;height:20px;color:var(--purple-100)}.view-icon-grid{width:24px;height:24px;color:var(--purple-100)}.view-icon.active{color:var(--purple-300)}.action-icon,.back-icon,.upload-icon{width:24px;height:24px;color:var(--purple-200)}.admin-list{width:calc(100% - 33px);max-height:calc(100vh - 250px);overflow:auto;padding-right:16px;scrollbar-color:var(--purple-300) #161616;scrollbar-width:thin}.list-row{min-height:132px;border-bottom:1px solid #17171d;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;cursor:-webkit-grab;cursor:grab}.list-row:hover{background:#08080b}.item-main{display:flex;align-items:center;gap:16px}.item-number{width:53px;font-size:32px;text-align:center;font-weight:400}.item-main img{width:178px;height:100px;object-fit:cover}.item-copy{min-width:210px}.grid-card h2,.item-copy h2{margin:0;color:#fff;font-size:18px}.grid-card p,.item-copy p{margin:4px 0 0;color:var(--muted);font-size:14px}.item-copy small{display:block;margin-top:14px;color:var(--muted-2);font-size:12px}.grid-actions,.item-actions{display:flex;gap:32px}.back-link,.grid-actions button,.item-actions button,.upload-row button{border:0;background:transparent;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:16px}.admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:24px;gap:24px}.grid-card{border:1px solid #17171d;padding:16px;background:#050507;cursor:-webkit-grab;cursor:grab}.grid-image{position:relative;height:200px;margin-bottom:16px}.grid-image img{width:100%;height:100%;object-fit:cover}.grid-number{position:absolute;left:12px;top:12px;width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.75);display:grid;place-items:center}.grid-actions{margin-top:18px;justify-content:space-between}.back-link{color:var(--muted);margin-bottom:32px;transition:color .18s ease}.back-link:hover{color:var(--white)}.edit-layout{display:grid;grid-template-columns:minmax(400px,1.05fr) minmax(340px,.95fr);grid-gap:64px;gap:64px;align-items:start;max-width:1050px;margin:0 auto}.edit-preview{height:520px;border:1px solid var(--purple-400);overflow:hidden}.edit-preview img{width:100%;height:100%;object-fit:contain}.edit-form{gap:28px}.edit-form,.field{display:flex;flex-direction:column}.field{gap:10px}.field>span{color:var(--purple-100);font-size:14px}.field input,.upload-row input{height:46px;color:#fff;background:transparent;border:0;border-bottom:1px solid #fff;outline:0;padding:0 2px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:26px;padding:2px 14px;border:1px solid var(--purple-400);border-radius:999px;color:#fafafa;background:transparent;cursor:pointer;font-size:14px}.chip.active{border-color:var(--purple-300);background:var(--purple-300);box-shadow:0 0 12px rgba(104,63,190,.35)}.switch-row{display:flex;align-items:center;gap:12px}.switch-row input{accent-color:var(--purple-300);width:18px;height:18px}.dropzone{width:100%;min-height:180px;border:1px dashed var(--purple-300);border-radius:16px;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;padding:48px;background:rgba(104,63,190,0);transition:min-height .25s ease,border-color .18s ease,border-width .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.dropzone.initial{min-height:min(584px,calc(100vh - 248px))}.dropzone.has-files{min-height:220px}.dropzone.is-dragging{border-width:2px;border-color:var(--purple-200);background:rgba(104,63,190,.1);box-shadow:inset 0 0 0 1px rgba(130,96,201,.18),0 0 36px rgba(104,63,190,.18);transform:scale(.997)}.dropzone-copy{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;pointer-events:none}.dropzone h1{margin:0;font-family:Orbitron,Inter,sans-serif;color:var(--purple-300);font-size:24px;letter-spacing:.05em;transition:color .18s ease,transform .18s ease}.dropzone.is-dragging h1{color:var(--purple-100);transform:translateY(-2px)}.dropzone-hint{margin:0;color:var(--muted-2);font-size:14px;line-height:1.6}.dropzone.is-dragging .dropzone-hint{color:var(--muted)}.dropzone .button{max-width:622px}.upload-controls{display:flex;flex-direction:column;gap:24px}.upload-controls,.upload-list{width:655px;margin:32px auto 0}.upload-list{max-height:290px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--purple-300) #161616}.upload-row{min-height:46px;border-bottom:1px solid var(--purple-400);display:grid;grid-template-columns:1.3fr 1fr auto;align-items:center;grid-gap:20px;gap:20px}.upload-row>span{color:var(--muted-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-submit{margin:32px auto 0;min-width:236px;display:flex;align-items:center;justify-content:center;gap:8px}.empty-admin{min-height:420px;display:grid;place-items:center;align-content:center;grid-gap:12px;gap:12px;color:var(--muted);text-align:center}.empty-admin h2{color:#fff;margin:0}.toast{position:fixed;top:28px;left:50%;transform:translateX(-50%);z-index:20;border:1px solid var(--purple-300);background:#0b0712;padding:10px 18px;border-radius:999px}.loading-shell{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--muted)}.loading-dot{width:10px;height:10px;background:var(--purple-300);border-radius:50%;box-shadow:0 0 16px var(--purple-300);animation:pulse 1s infinite alternate}@keyframes pulse{to{transform:scale(1.6);opacity:.35}}@media (max-width:900px){.cms-shell{padding:24px}.cms-header{align-items:flex-start}.header-actions{flex-wrap:wrap;justify-content:flex-end}.admin-grid{grid-template-columns:repeat(2,1fr)}.edit-layout{grid-template-columns:1fr}.upload-controls,.upload-list{width:100%}.dropzone.initial{min-height:420px}}@media (max-width:640px){.login-page{padding:24px}.login-card{width:min(334px,100%)}.cms-header{flex-direction:column}.header-actions{width:100%;justify-content:flex-start;gap:10px}.button{padding-inline:24px}.brand-logo-header{width:140px}.dropzone{padding:32px 20px}.dropzone.initial{min-height:360px}.section-head{align-items:flex-start;gap:16px}.admin-grid{grid-template-columns:1fr}.list-row{padding:16px 0;align-items:flex-start}.item-number{width:32px;font-size:24px}.item-main img{width:90px;height:72px}.item-copy{min-width:0}.item-actions{flex-direction:column;gap:10px}.edit-preview{height:360px}.upload-row{grid-template-columns:1fr auto}.upload-row>span{display:none}}