:root{--navy:#26215c;--green:#7ae802;--green-dark:#5cb800;--green-bg:#f0ffe0;--green-border:#c8f080;--yellow:#f1f252;--teal:#1c9e75;--teal-light:#e8f8f2;--frost:#f8f8fa;--white:#fff;--ash:#6b6880;--border:#e2e0ee;--font-heading:"Fraunces", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 1px 3px #26215c14;--shadow-md:0 4px 16px #26215c1f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:var(--font-body);color:var(--navy);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:300;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:300;line-height:1.2}.screen{min-height:100%;padding:24px 20px;padding-top:env(safe-area-inset-top,24px);padding-bottom:env(safe-area-inset-bottom,24px)}.screen--centered{justify-content:center;align-items:center;display:flex}.subtitle{font-family:var(--font-body);color:var(--ash);font-size:15px;font-weight:300}.logo{font-family:var(--font-heading);color:var(--navy);font-size:32px;font-weight:300}.login-card{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:360px;display:flex}.icon-btn{color:var(--navy);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.spinner{border:2.5px solid var(--border);border-top-color:var(--navy);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login{min-height:100dvh;padding:0 24px;padding-top:max(48px, env(safe-area-inset-top));padding-bottom:max(40px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.login__brand{flex-direction:column;flex:1;justify-content:center;gap:6px;display:flex}.login__logo{font-family:var(--font-heading);color:var(--navy);letter-spacing:-.5px;font-size:36px;font-weight:300}.login__tagline{font-family:var(--font-body);color:var(--ash);letter-spacing:.2px;font-size:14px;font-weight:300}.login__form{flex-direction:column;flex:2;justify-content:flex-start;gap:20px;display:flex}.login__heading h1{color:var(--navy);margin-bottom:6px;font-size:clamp(32px,9vw,44px);font-weight:300;line-height:1.15}.login__heading h1 em{color:var(--teal);font-style:italic}.login__heading p{color:var(--ash);font-size:14px;font-weight:300}.phone-field{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--frost);align-items:center;transition:border-color .15s;display:flex;overflow:hidden}.phone-field:focus-within{border-color:var(--navy);background:var(--white)}.phone-field__prefix{color:var(--ash);border-right:1.5px solid var(--border);white-space:nowrap;padding:0 14px;font-size:16px;font-weight:400;line-height:52px}.phone-field__input{height:52px;font-size:18px;font-family:var(--font-body);color:var(--navy);letter-spacing:1px;background:0 0;border:none;outline:none;flex:1;padding:0 16px;font-weight:400}.phone-field__input::placeholder{color:var(--border);letter-spacing:0;font-weight:300}.otp-boxes{gap:10px;display:flex;position:relative}.otp-box{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--frost);height:56px;color:var(--navy);font-size:22px;font-weight:400;font-family:var(--font-body);flex:1;justify-content:center;align-items:center;transition:border-color .15s,background .15s;display:flex}.otp-box--filled{background:var(--white);border-color:var(--navy)}.otp-box--active{border-color:var(--teal);background:var(--teal-light)}.otp-hidden-input{opacity:0;cursor:text;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.btn-primary{background:var(--navy);width:100%;height:54px;color:var(--white);border-radius:var(--radius-md);font-family:var(--font-body);letter-spacing:.3px;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;font-size:16px;font-weight:600;transition:opacity .15s}.btn-primary:disabled{opacity:.35;cursor:default}.btn-primary:not(:disabled):active{opacity:.8}.btn-ghost{color:var(--ash);font-family:var(--font-body);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:8px 0;font-size:14px;font-weight:400}.btn-ghost:disabled{opacity:.4}.login__error{color:#d44;font-size:13px;font-weight:400}.login__hint{color:var(--ash);font-size:13px;font-weight:300}.home{background:var(--white);flex-direction:column;min-height:100dvh;display:flex}.home__header{padding:16px 20px;padding-top:max(16px, env(safe-area-inset-top));border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.home__title{padding:24px 20px 12px}.home__title h1{color:var(--navy);margin-bottom:4px;font-size:clamp(28px,8vw,38px);font-weight:300;line-height:1.15}.home__title h1 em{color:var(--teal);font-style:italic}.home__title p{color:var(--ash);font-size:13px;font-weight:300}.home__loading{flex:1;justify-content:center;align-items:center;display:flex}.category-bar{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding:0 20px 16px;display:flex;overflow-x:auto}.category-bar::-webkit-scrollbar{display:none}.category-pill{border:1.5px solid var(--border);background:var(--white);font-family:var(--font-body);color:var(--ash);cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:7px 16px;font-size:13px;font-weight:400;transition:all .15s}.category-pill--active{background:var(--navy);border-color:var(--navy);color:var(--white);font-weight:600}.clothes-grid{padding:0 20px;padding-bottom:max(24px, env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;gap:12px;display:grid}.clothes-card{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--white);box-shadow:var(--shadow-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s;overflow:hidden}.clothes-card:active{transform:scale(.97)}.clothes-card__image{aspect-ratio:3/4;justify-content:center;align-items:center;display:flex;overflow:hidden}.clothes-card__image img{object-fit:cover;width:100%;height:100%}.clothes-card__color-dot{border:2px solid #fff9;border-radius:50%;width:32px;height:32px;box-shadow:0 1px 4px #0000001f}.clothes-card__info{flex-direction:column;gap:2px;padding:10px 12px 12px;display:flex}.clothes-card__name{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.clothes-card__brand{color:var(--ash);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:300;overflow:hidden}.clothes-card__tag{background:var(--frost);color:var(--ash);letter-spacing:.3px;text-transform:uppercase;border-radius:999px;margin-top:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:48px 32px;display:flex}.empty-state__icon{margin-bottom:8px;font-size:48px}.empty-state__title{font-family:var(--font-heading);color:var(--navy);font-size:20px;font-weight:300}.empty-state__hint{color:var(--ash);font-size:13px;font-weight:300;line-height:1.5}.profile{background:var(--white);flex-direction:column;min-height:100dvh;display:flex}.profile__header{padding:16px 20px;padding-top:max(16px, env(safe-area-inset-top));border-bottom:1px solid var(--border)}.profile__body{flex-direction:column;flex:1;align-items:center;gap:12px;padding:32px 20px;display:flex}.profile__avatar{background:var(--navy);width:72px;height:72px;color:var(--white);font-family:var(--font-heading);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;font-size:24px;font-weight:300;display:flex}.profile__phone{color:var(--navy);text-align:center;font-size:17px;font-weight:600}.profile__role{letter-spacing:.5px;text-transform:uppercase;color:var(--ash);background:var(--frost);border-radius:999px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.profile__role--organiser{color:var(--teal);background:var(--teal-light)}.profile__section{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;margin-top:24px;overflow:hidden}.profile__row{background:var(--white);width:100%;font-family:var(--font-body);color:#d44;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;justify-content:space-between;align-items:center;padding:16px 20px;font-size:15px;font-weight:400;display:flex}.profile__row:active{background:var(--frost)}.profile__row-arrow{color:var(--border)}.admin-home{background:var(--white);flex-direction:column;min-height:100dvh;display:flex}.admin-home__header{padding:16px 20px;padding-top:max(16px, env(safe-area-inset-top));border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.admin-badge{letter-spacing:.5px;text-transform:uppercase;color:var(--teal);background:var(--teal-light);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.admin-home__body{flex-direction:column;flex:1;gap:20px;padding:32px 20px;display:flex}.admin-home__heading h1{color:var(--navy);margin-bottom:6px;font-size:clamp(28px,8vw,38px);font-weight:300;line-height:1.15}.admin-home__heading h1 em{color:var(--teal);font-style:italic}.admin-home__heading p{color:var(--ash);font-size:14px;font-weight:300}.admin-home__error{color:#d44;font-size:13px}.user-result{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--frost);cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;padding:16px;transition:background .15s;display:flex}.user-result:active{background:var(--teal-light)}.user-result__phone{color:var(--navy);font-size:15px;font-weight:600}.user-result__uid{color:var(--ash);margin-top:2px;font-size:12px;font-weight:300}.user-result__arrow{color:var(--ash);font-size:18px}.sheet-overlay{z-index:100;background:#26215c66;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--white);border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-direction:column;width:100%;max-height:92dvh;display:flex;overflow:hidden}.sheet__handle{background:var(--border);border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:12px auto 0}.sheet__header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sheet__header h2{font-family:var(--font-heading);color:var(--navy);font-size:20px;font-weight:300}.sheet__close{color:var(--ash);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:4px;font-size:16px}.sheet__body{-webkit-overflow-scrolling:touch;padding:20px;padding-bottom:max(32px, env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.image-picker{aspect-ratio:4/3;border-radius:var(--radius-md);border:2px dashed var(--border);cursor:pointer;-webkit-tap-highlight-color:transparent;background:var(--frost);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.image-picker__placeholder{color:var(--ash);flex-direction:column;align-items:center;gap:8px;display:flex}.image-picker__placeholder span{font-size:32px}.image-picker__placeholder p{font-size:13px;font-weight:300}.image-picker__preview{object-fit:cover;width:100%;height:100%}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:var(--ash);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.form-field input,.form-field select{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--frost);height:48px;font-family:var(--font-body);color:var(--navy);appearance:none;outline:none;padding:0 14px;font-size:16px;font-weight:300;transition:border-color .15s}.form-field input:focus,.form-field select:focus{border-color:var(--navy);background:var(--white)}.form-field input::placeholder{color:var(--border);font-weight:300}.form-error{color:#d44;font-size:13px}.admin-wardrobe{background:var(--white);flex-direction:column;min-height:100dvh;display:flex;position:relative}.admin-wardrobe__header{padding:16px 20px;padding-top:max(16px, env(safe-area-inset-top));border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.back-btn{font-family:var(--font-body);color:var(--navy);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:4px 0;font-size:15px;font-weight:400}.admin-wardrobe__title{padding:24px 20px 12px}.admin-wardrobe__title h1{color:var(--navy);margin-bottom:4px;font-size:clamp(28px,8vw,38px);font-weight:300}.admin-wardrobe__title p{color:var(--ash);font-size:13px;font-weight:300}.admin-wardrobe__loading{flex:1;justify-content:center;align-items:center;display:flex}.fab{bottom:max(28px, env(safe-area-inset-bottom,28px));background:var(--navy);width:56px;height:56px;color:var(--white);cursor:pointer;box-shadow:var(--shadow-md);-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:28px;line-height:1;transition:transform .1s;display:flex;position:fixed;right:24px}.fab:active{transform:scale(.93)}