:root{--surface:#131313;--surface-dim:#131313;--surface-bright:#3a3939;--surface-container:#201f1f;--surface-container-low:#1c1b1b;--surface-container-lowest:#0e0e0e;--surface-container-high:#2a2a2a;--surface-container-highest:#353534;--on-surface:#e5e2e1;--on-surface-variant:#e1bfb4;--primary:#ffb59c;--primary-container:#f2642d;--primary-burn:#e85d26;--secondary:#c6c6c7;--outline:#a88a80;--outline-variant:#594139;--error:#ffb4ab;--font-display:"Manrope", sans-serif;--font-body:"Inter", sans-serif;--sidebar-width:250px;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--surface);height:100%;color:var(--on-surface);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;font-weight:300;line-height:1.8;overflow-x:hidden}a{color:var(--on-surface);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-burn)}button{font-family:var(--font-body);cursor:pointer;color:var(--on-surface);background:0 0;border:none}img{max-width:100%;display:block}.display-lg{font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;font-size:3.5rem;font-weight:200}.headline-lg{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:2rem;font-weight:200}.headline-md{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:1.4rem;font-weight:300}.label-sm{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;font-size:.6875rem;font-weight:500}.label-md{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;font-size:.8125rem;font-weight:400}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--outline)}.page-with-sidebar{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);z-index:10;flex-direction:column;min-height:100vh;padding:3rem 2rem;display:flex;position:fixed;top:0;left:0}.sidebar__logo{font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--on-surface);margin-bottom:3rem;font-size:1.4rem;font-weight:200}.sidebar__section-title{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--primary-burn);margin-bottom:1rem;font-size:.6875rem;font-weight:500}.sidebar__nav{margin-bottom:2.5rem;list-style:none}.sidebar__nav li{margin-bottom:.6rem}.sidebar__nav a{color:var(--secondary);transition:color var(--transition-fast), letter-spacing var(--transition-fast);font-size:.85rem;font-weight:300}.sidebar__nav a:hover,.sidebar__nav a.active{color:var(--on-surface);letter-spacing:.02em}.sidebar__bottom{gap:1rem;margin-top:auto;display:flex}.sidebar__bottom a{color:var(--secondary);font-size:.75rem}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;padding:3rem}.project-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}.project-card{cursor:pointer;text-decoration:none}.project-card__image-wrap{aspect-ratio:4/3;background:var(--surface-container-lowest);position:relative;overflow:hidden}.project-card__image{object-fit:cover;width:100%;height:100%;transition:opacity .45s,transform .45s;position:absolute;inset:0}.project-card__image--hidden{opacity:0}.project-card:hover .project-card__image--base{transform:scale(1.04)}.project-card:hover .project-card__image--hover{transform:scale(1)}.project-card__title{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--secondary);margin-top:.75rem;font-size:.75rem;font-weight:400;transition:color .3s}.project-card:hover .project-card__title{color:var(--on-surface)}.photo-viewer{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 6rem);display:flex}.photo-viewer__nav{align-items:center;gap:1rem;width:100%;margin-bottom:2rem;display:flex}.photo-viewer__nav a,.photo-viewer__nav button{letter-spacing:.06em;text-transform:uppercase;color:var(--secondary);transition:color var(--transition-fast);cursor:pointer;background:0 0;border:none;font-size:.75rem}.photo-viewer__nav a:hover,.photo-viewer__nav button:hover{color:var(--on-surface)}.photo-viewer__nav .separator{color:var(--outline-variant)}.photo-viewer__counter{color:var(--outline);letter-spacing:.06em;font-size:.7rem}.photo-viewer__grid-toggle{cursor:pointer;color:var(--secondary);transition:color var(--transition-fast);background:0 0;border:none;margin-left:auto;font-size:1rem}.photo-viewer__grid-toggle:hover{color:var(--on-surface)}.photo-viewer__image{object-fit:contain;max-width:100%;max-height:75vh}.photo-viewer__meta{align-items:center;gap:1.5rem;margin-top:1.5rem;display:flex}.photo-viewer__meta span{letter-spacing:.08em;color:var(--outline);text-transform:uppercase;font-size:.6875rem;font-weight:400}.photo-viewer__meta .dot{color:var(--outline-variant)}.form-group{margin-bottom:1.75rem}.form-group label{letter-spacing:.1em;text-transform:uppercase;color:var(--outline);margin-bottom:.5rem;font-size:.6875rem;font-weight:500;display:block}.form-group input,.form-group textarea,.form-group select{border:none;border-bottom:1px solid var(--outline-variant);width:100%;color:var(--on-surface);font-family:var(--font-body);transition:border-color var(--transition-fast);background:0 0;outline:none;padding:.75rem 0;font-size:.9rem;font-weight:300}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-bottom-color:var(--primary)}.form-group textarea{resize:vertical;min-height:120px;line-height:1.6}.form-group select{cursor:pointer}.form-group select option{background:var(--surface-container);color:var(--on-surface)}.form-error{color:var(--error);margin-top:.25rem;font-size:.75rem}.btn-submit{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface);border:none;border-bottom:1px solid var(--outline-variant);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;padding:.75rem 1.4rem;font-size:.8125rem;font-weight:400}.btn-submit:hover{color:var(--primary-burn);border-bottom-color:var(--primary-burn)}.btn-primary{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--surface);background:var(--primary-burn);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);border:none;padding:.75rem 2rem;font-size:.8125rem;font-weight:400}.btn-primary:hover{background:var(--primary);transform:translateY(-1px)}.btn-secondary{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface);background:var(--surface-container-high);cursor:pointer;transition:background var(--transition-fast);border:none;padding:.75rem 2rem;font-size:.8125rem;font-weight:400}.btn-secondary:hover{background:var(--surface-bright)}.btn-danger{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--error);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:1px solid #ffb4ab33;padding:.5rem 1.5rem;font-size:.8125rem;font-weight:400}.btn-danger:hover{background:#ffb4ab1a}.toast{background:var(--surface-container-high);color:var(--on-surface);z-index:1000;padding:1rem 2rem;font-size:.85rem;animation:.3s slideUp;position:fixed;bottom:2rem;right:2rem}.toast--success{border-left:3px solid #4ade80}.toast--error{border-left:3px solid var(--error)}@keyframes slideUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.admin-nav{background:var(--surface-container-lowest);z-index:100;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.admin-nav__brand{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;margin-right:3rem;font-size:1rem;font-weight:300}.admin-nav__links{gap:2rem;list-style:none;display:flex}.admin-nav__links a{letter-spacing:.08em;text-transform:uppercase;color:var(--secondary);transition:color var(--transition-fast);font-size:.75rem}.admin-nav__links a:hover,.admin-nav__links a.active{color:var(--primary-burn)}.admin-nav__right{align-items:center;gap:1.5rem;margin-left:auto;display:flex}.admin-nav__right a,.admin-nav__right button{letter-spacing:.06em;text-transform:uppercase;color:var(--secondary);font-size:.75rem}.admin-content{max-width:1400px;margin:0 auto;padding:3rem}.admin-page-title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;margin-bottom:2.5rem;font-size:1.6rem;font-weight:200}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.stat-card{background:var(--surface-container-high);padding:1.5rem}.stat-card__label{letter-spacing:.1em;text-transform:uppercase;color:var(--outline);margin-bottom:.5rem;font-size:.6875rem;font-weight:500}.stat-card__value{font-family:var(--font-display);color:var(--on-surface);font-size:2rem;font-weight:200}.admin-table{border-collapse:collapse;width:100%}.admin-table th{letter-spacing:.1em;text-transform:uppercase;color:var(--outline);text-align:left;border-bottom:1px solid #5941394d;padding:1rem;font-size:.6875rem;font-weight:500}.admin-table td{vertical-align:middle;border-bottom:1px solid #59413926;padding:1rem;font-size:.85rem}.admin-table tr:hover{background:#2a2a2a4d}.admin-table__thumb{object-fit:cover;background:var(--surface-container-lowest);width:60px;height:45px}.admin-table__actions{gap:.75rem;display:flex}.admin-table__actions button,.admin-table__actions a{color:var(--secondary);cursor:pointer;transition:color var(--transition-fast);font-size:.75rem}.admin-table__actions button:hover,.admin-table__actions a:hover{color:var(--primary-burn)}.badge-featured{letter-spacing:.06em;text-transform:uppercase;color:var(--primary-burn);background:#e85d261a;padding:.2rem .5rem;font-size:.625rem;font-weight:500;display:inline-block}.upload-zone{border:2px dashed var(--outline-variant);text-align:center;cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);padding:3rem}.upload-zone:hover,.upload-zone.dragging{border-color:var(--primary-burn);background:#e85d2608}.upload-zone__icon{color:var(--outline);margin-bottom:1rem;font-size:2.5rem}.upload-zone__text{color:var(--secondary);margin-bottom:.5rem;font-size:.9rem}.upload-zone__hint{color:var(--outline);font-size:.75rem}.upload-queue{margin-top:2rem}.upload-item{border-bottom:1px solid #59413926;align-items:center;gap:1rem;padding:1rem 0;display:flex}.upload-item__thumb{object-fit:cover;background:var(--surface-container-lowest);width:50px;height:38px}.upload-item__info{flex:1}.upload-item__name{margin-bottom:.25rem;font-size:.8rem}.upload-item__size{color:var(--outline);font-size:.7rem}.upload-item__progress{background:var(--surface-container);width:100%;height:3px;margin-top:.5rem;overflow:hidden}.upload-item__progress-bar{background:var(--primary-burn);height:100%;transition:width var(--transition-fast)}.login-page{background:var(--surface);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{width:100%;max-width:400px;padding:3rem}.login-card h1{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;text-align:center;margin-bottom:2.5rem;font-size:1.4rem;font-weight:200}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.quick-action{background:var(--surface-container-high);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-decoration:none;display:flex}.quick-action:hover{background:var(--surface-bright);color:var(--on-surface);transform:translateY(-2px)}.quick-action__icon{margin-bottom:.75rem;font-size:1.5rem}.quick-action__label{letter-spacing:.08em;text-transform:uppercase;color:var(--secondary);font-size:.75rem}.admin-nav__hamburger{cursor:pointer;color:var(--on-surface);background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.admin-nav__hamburger span{width:22px;height:2px;transition:background var(--transition-fast);background:currentColor;border-radius:1px;display:block}.admin-mobile-overlay{z-index:199;background:#0009;display:none;position:fixed;inset:0}.admin-mobile-overlay--visible{display:block}.admin-mobile-drawer{background:var(--surface-container-lowest);z-index:200;width:280px;max-width:85vw;height:100vh;transition:transform var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.admin-mobile-drawer--open{transform:translate(0)}.admin-mobile-drawer__header{border-bottom:1px solid var(--outline-variant);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-size:.9rem;font-weight:300;display:flex}.admin-mobile-drawer__close{color:var(--secondary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.1rem;line-height:1}.admin-mobile-drawer__links{flex-direction:column;flex:1;padding:1rem 1.5rem;list-style:none;display:flex}.admin-mobile-drawer__links li{border-bottom:1px solid #59413933}.admin-mobile-drawer__links a{letter-spacing:.06em;text-transform:uppercase;color:var(--secondary);transition:color var(--transition-fast);padding:1rem .25rem;font-size:.85rem;display:block}.admin-mobile-drawer__links a:hover,.admin-mobile-drawer__links a.active{color:var(--primary-burn)}.admin-mobile-drawer__footer{border-top:1px solid var(--outline-variant);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.admin-mobile-drawer__footer a,.admin-mobile-drawer__footer button{letter-spacing:.06em;text-transform:uppercase;color:var(--secondary);transition:color var(--transition-fast);font-size:.75rem}.admin-mobile-drawer__footer a:hover,.admin-mobile-drawer__footer button:hover{color:var(--primary-burn)}.admin-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.upload-form-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:4rem;display:grid}.settings-form-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;max-width:820px;display:grid}.crop-toolbar{border-bottom:1px solid var(--outline-variant);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex}.crop-toolbar__title{letter-spacing:.1em;text-transform:uppercase;color:var(--primary-burn);white-space:nowrap;font-size:.7rem;font-weight:500}.crop-toolbar__aspects{flex-wrap:wrap;gap:.4rem;display:flex}.crop-toolbar__controls{align-items:center;gap:1.5rem;margin-left:auto;display:flex}.crop-toolbar__slider-group{align-items:center;gap:.5rem;display:flex}.crop-toolbar__slider-label{color:var(--outline);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:.65rem}.crop-toolbar__slider-value{color:var(--secondary);min-width:2.5rem;font-size:.65rem}@media (max-width:1024px){.sidebar{width:200px}.main-content{margin-left:200px}}@media (max-width:768px){body{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}.main-content{margin-left:0;padding:5rem 1.5rem 1.5rem}.page-with-sidebar{flex-direction:column}.project-grid{grid-template-columns:1fr}.display-lg{font-size:2rem}.admin-nav{padding:.75rem 1rem}.admin-nav__brand{margin-right:0}.admin-nav__links,.admin-nav__view-site,.admin-nav__logout-desktop{display:none!important}.admin-nav__hamburger{display:flex}.admin-content{padding:1.5rem 1.25rem 1.25rem}.admin-page-title{margin-bottom:1.5rem;font-size:1.2rem}.stats-grid,.quick-actions{grid-template-columns:repeat(2,1fr);gap:1rem}.quick-action{padding:1.25rem 1rem}.upload-form-grid{grid-template-columns:1fr;gap:2rem}.settings-form-grid{grid-template-columns:1fr}.crop-toolbar{flex-direction:column;align-items:flex-start;gap:.6rem;padding:.75rem 1rem}.crop-toolbar__controls{justify-content:space-between;gap:1rem;width:100%;margin-left:0}.crop-toolbar__slider-group input[type=range]{width:90px}.toast{bottom:1rem;left:1rem;right:1rem}.btn-primary,.btn-secondary,.btn-danger{min-height:44px}}@media (max-width:480px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.crop-toolbar__slider-group input[type=range]{width:70px}}.settings-card{background:var(--surface-container-high);max-width:800px;margin:0 auto;padding:2.5rem}.settings-section{margin-bottom:3rem}.settings-section:last-child{margin-bottom:0}.settings-section__title{letter-spacing:.1em;text-transform:uppercase;color:var(--primary-burn);margin-bottom:1.5rem;font-size:.6875rem;font-weight:500}.message-row--unread{font-weight:400}.message-row--read{opacity:.6}.unread-badge{background:var(--primary-burn);border-radius:50%;width:8px;height:8px;margin-right:.5rem;display:inline-block}