@import "https://fonts.googleapis.com/css2?family=Syne:wght@600;700&family=DM+Sans:wght@300;400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased}img,svg{max-width:100%;display:block}button{cursor:pointer;font:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}input{font:inherit;background:0 0;border:none;outline:none;width:100%}ul,ol{list-style:none}.modal-overlay{z-index:300;background:#0006;justify-content:center;align-items:center;animation:.2s both overlay-in;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1.5px solid #e4e4e7;border-radius:16px;width:100%;max-width:460px;animation:.25s cubic-bezier(.4,0,.2,1) both modal-in;box-shadow:0 10px 40px #0000001a,0 4px 12px #0000000d}.modal--md{max-width:460px}.modal--lg{max-width:560px}.modal__header{border-bottom:1.5px solid #e4e4e7;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal__title{color:#18181b;letter-spacing:-.02em;font-family:Syne,sans-serif;font-size:18px;font-weight:700}.modal__close{color:#71717a;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.modal__close:hover{color:#18181b;background:#f4f4f5}.modal__body{flex-direction:column;gap:0;padding:24px;display:flex}.modal__actions{justify-content:flex-end;gap:12px;padding-top:8px;display:flex}.modal-desc{color:#71717a;font-size:13px;line-height:1.55}.modal-desc--error{color:#ef4444}.modal-textarea,.modal-select{color:#18181b;background:#fff;border:1.5px solid #e4e4e7;border-radius:10px;width:100%;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:15px;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.modal-textarea::placeholder,.modal-select::placeholder{color:#a1a1aa}.modal-textarea:focus,.modal-select:focus{border-color:#22c55e;outline:none;box-shadow:0 0 0 3px #22c55e1f}.modal-textarea--error,.modal-select--error{border-color:#f87171;box-shadow:0 0 0 3px #f871711f}.modal-textarea{resize:vertical}.modal-toggle{cursor:pointer;align-items:center;gap:12px;display:flex}.modal-toggle input[type=checkbox]{accent-color:#16a34a;cursor:pointer;width:18px;height:18px}.modal-toggle__label{color:#18181b;font-size:13px;font-weight:500}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}body{color:#18181b;background:#f0fdf4;font-family:DM Sans,sans-serif;font-size:16px;line-height:1.5}.auth-brand{justify-content:center;align-items:center;gap:8px;display:flex}.auth-brand__icon svg{width:32px;height:32px}.auth-brand__name{color:#18181b;letter-spacing:-.02em;font-family:Syne,sans-serif;font-size:20px;font-weight:700}.auth-page{background:#f0fdf4;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:#fff;border:1.5px solid #e4e4e7;border-radius:16px;flex-direction:column;gap:24px;width:100%;max-width:420px;padding:40px 32px;animation:.4s cubic-bezier(.4,0,.2,1) both card-in;display:flex;box-shadow:0 10px 40px #0000001a,0 4px 12px #0000000d}.auth-card__header{text-align:center;flex-direction:column;gap:4px;display:flex}.auth-card__title{color:#18181b;letter-spacing:-.03em;font-family:Syne,sans-serif;font-size:30px;font-weight:700;line-height:1.1}.auth-card__subtitle{color:#71717a;font-size:13px;line-height:1.5}.auth-card__footer{color:#71717a;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.auth-card__link{color:#15803d;font-weight:500;transition:color .2s cubic-bezier(.4,0,.2,1)}.auth-card__link:hover{color:#15803d}.auth-card__footer-divider{color:#d4d4d8}.auth-card__invalid{color:#71717a;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px 0;font-size:13px;display:flex}.auth-form{flex-direction:column;gap:16px;display:flex}@keyframes card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.btn{letter-spacing:.01em;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-weight:600;transition:background .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn--sm{padding:8px 12px;font-size:13px}.btn--md{padding:12px 20px;font-size:15px}.btn--lg{padding:16px 32px;font-size:16px}.btn--full{width:100%}.btn--primary{color:#fff;background:#16a34a;box-shadow:0 2px 8px #16a34a40}.btn--primary:hover:not(:disabled){background:#15803d;transform:translateY(-1px);box-shadow:0 4px 16px #16a34a59}.btn--primary:active:not(:disabled){box-shadow:none;transform:translateY(0)}.btn__icon{flex-shrink:0;align-items:center;display:flex}.btn__label{align-items:center;display:flex}.btn--ghost{color:#71717a;box-shadow:none;background:0 0}.btn--ghost:hover:not(:disabled){color:#18181b;background:#f4f4f5}.btn--danger{color:#fff;background:#ef4444;box-shadow:0 2px 8px #ef444440}.btn--danger:hover:not(:disabled){background:#f87171;transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--loading{pointer-events:none;opacity:.75}.btn__spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:9999px;flex-shrink:0;width:15px;height:15px;animation:.6s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}.error-modal-overlay{z-index:999;background:#0006;justify-content:center;align-items:flex-start;padding-top:40px;animation:.2s both overlay-in;display:flex;position:fixed;inset:0}.error-modal{background:#fff;border-radius:16px;width:100%;max-width:420px;animation:.25s cubic-bezier(.4,0,.2,1) both modal-in;overflow:hidden;box-shadow:0 10px 40px #0000001a,0 4px 12px #0000000d,0 0 0 1px #ef444426}.error-modal__stripe{background:linear-gradient(90deg,#f87171,#ef4444);height:4px}.error-modal__inner{align-items:flex-start;gap:16px;padding:24px;display:flex}.error-modal__icon-wrap{color:#ef4444;background:#fee2e2;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.error-modal__body{flex-direction:column;flex:1;gap:4px;padding-top:2px;display:flex}.error-modal__title{color:#ef4444;letter-spacing:-.01em;font-size:16px;font-weight:700}.error-modal__message{color:#71717a;font-size:13px;line-height:1.55}.error-modal__footer{justify-content:flex-end;padding:0 24px 20px;display:flex}.error-modal__btn{color:#fff;background:#ef4444;border-radius:10px;padding:8px 20px;font-size:13px;font-weight:600;transition:background .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.error-modal__btn:hover{background:#f87171;transform:translateY(-1px)}.error-modal__btn:active{transform:translateY(0)}.info-modal-overlay{z-index:999;background:#0006;justify-content:center;align-items:flex-start;padding-top:40px;animation:.2s both overlay-in;display:flex;position:fixed;inset:0}.info-modal{background:#fff;border-radius:16px;width:100%;max-width:420px;animation:.25s cubic-bezier(.4,0,.2,1) both modal-in;overflow:hidden;box-shadow:0 10px 40px #0000001a,0 4px 12px #0000000d,0 0 0 1px #22c55e26}.info-modal__stripe{background:linear-gradient(90deg,#4ade80,#16a34a);height:4px}.info-modal__inner{align-items:flex-start;gap:16px;padding:24px;display:flex}.info-modal__icon-wrap{color:#16a34a;background:#dcfce7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.info-modal__body{flex-direction:column;flex:1;gap:4px;padding-top:2px;display:flex}.info-modal__title{color:#15803d;letter-spacing:-.01em;font-size:16px;font-weight:700}.info-modal__message{color:#71717a;font-size:13px;line-height:1.55}.info-modal__footer{justify-content:flex-end;padding:0 24px 20px;display:flex}.info-modal__btn{color:#fff;background:#16a34a;border-radius:10px;padding:8px 20px;font-size:13px;font-weight:600;transition:background .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.info-modal__btn:hover{background:#15803d;transform:translateY(-1px)}.info-modal__btn:active{transform:translateY(0)}.confirm-body{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.confirm-body__icon{color:#ef4444;background:#fee2e2;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.confirm-body__message{color:#71717a;max-width:320px;font-size:15px;line-height:1.55}.confirm-body__actions{justify-content:center;gap:12px;width:100%;padding-top:8px;display:flex}.confirm-btn{border-radius:10px;padding:8px 32px;font-size:13px;font-weight:600;transition:background .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.confirm-btn--cancel{color:#71717a;background:#f4f4f5;border:1.5px solid #e4e4e7}.confirm-btn--cancel:hover{background:#e4e4e7}.confirm-btn--confirm{color:#fff;background:#ef4444}.confirm-btn--confirm:hover{background:#f87171;transform:translateY(-1px)}.confirm-btn--confirm:active{transform:translateY(0)}.detail-body{flex-direction:column;gap:12px;padding:8px 24px 24px;display:flex}.detail-row{background:#fafafa;border:1.5px solid #e4e4e7;border-radius:10px;grid-template-columns:130px 1fr;align-items:start;gap:16px;padding:12px 16px;display:grid}.detail-row__label{color:#15803d;text-transform:uppercase;letter-spacing:.06em;padding-top:2px;font-size:12px;font-weight:700}.detail-row__value{color:#18181b;word-break:break-word;font-size:15px;line-height:1.55}.detail-row__empty{color:#a1a1aa;font-size:13px;font-style:italic}.field{flex-direction:column;gap:8px;display:flex}.field__label{color:#71717a;font-size:13px;font-weight:500;transition:color .2s cubic-bezier(.4,0,.2,1)}.field__error{color:#ef4444;font-size:12px;font-weight:500}.field--error .field__label{color:#ef4444}.input{align-items:center;display:flex;position:relative}.input__icon{color:#a1a1aa;pointer-events:none;align-items:center;transition:color .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;left:12px}.input__icon svg{width:16px;height:16px}.input__el{color:#18181b;background:#fff;border:1.5px solid #e4e4e7;border-radius:10px;width:100%;padding:12px 16px;font-size:15px;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.input__el::placeholder{color:#a1a1aa}.input__el--icon{padding-left:40px}.input--focused .input__icon{color:#22c55e}.input--focused .input__el{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.input--error .input__icon{color:#f87171}.input--error .input__el{border-color:#f87171;box-shadow:0 0 0 3px #f871711f}.password{align-items:center;display:flex;position:relative}.password__icon{color:#a1a1aa;pointer-events:none;align-items:center;transition:color .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;left:12px}.password__icon svg{width:16px;height:16px}.password__el{color:#18181b;background:#fff;border:1.5px solid #e4e4e7;border-radius:10px;width:100%;padding:12px 40px 12px 16px;font-size:15px;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.password__el::placeholder{color:#a1a1aa}.password__el--icon{padding-left:40px}.password__toggle{color:#a1a1aa;align-items:center;transition:color .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;right:12px}.password__toggle:hover{color:#71717a}.password--focused .password__icon{color:#22c55e}.password--focused .password__el{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.password--error .password__icon{color:#f87171}.password--error .password__el{border-color:#f87171;box-shadow:0 0 0 3px #f871711f}.pending-card{background:#fff;border:1.5px solid #e4e4e7;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;transition:box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex}.pending-card:hover{box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.pending-card__left{align-items:center;gap:12px;min-width:0;display:flex}.pending-card__avatar{color:#15803d;background:#dcfce7;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.pending-card__info{flex-direction:column;gap:3px;min-width:0;display:flex}.pending-card__name{color:#18181b;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.pending-card__email{color:#71717a;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:12px;display:flex;overflow:hidden}.pending-card__actions{flex-shrink:0;gap:8px;display:flex}.pending-card__btn{border-radius:10px;align-items:center;gap:4px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.pending-card__btn--approve{color:#15803d;background:#dcfce7;border:1.5px solid #bbf7d0}.pending-card__btn--approve:hover{color:#166534;background:#bbf7d0}.pending-card__btn--reject{color:#ef4444;background:#fee2e2;border:1.5px solid #fecaca}.pending-card__btn--reject:hover{color:#ef4444;background:#fecaca}.drawer-overlay{z-index:200;opacity:0;pointer-events:none;background:#0000004d;transition:opacity .2s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}.drawer-overlay--open{opacity:1;pointer-events:all}.drawer{z-index:201;background:#fff;border-left:1.5px solid #e4e4e7;flex-direction:column;width:560px;max-width:100vw;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:0 10px 40px #0000001a,0 4px 12px #0000000d}.drawer--open{transform:translate(0)}.drawer__header{border-bottom:1.5px solid #e4e4e7;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.drawer__header-left{align-items:center;gap:12px;display:flex}.drawer__title{color:#18181b;letter-spacing:-.02em;font-family:Syne,sans-serif;font-size:18px;font-weight:700}.drawer__count{color:#fff;background:#16a34a;border-radius:9999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:12px;font-weight:700;display:flex}.drawer__close{color:#71717a;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.drawer__close:hover{color:#18181b;background:#f4f4f5}.drawer__body{flex-direction:column;flex:1;padding:20px 24px;display:flex}.drawer__list{flex-direction:column;gap:12px;display:flex}.drawer__empty{color:#71717a;flex:1;justify-content:center;align-items:center;font-size:13px;display:flex}.header{z-index:100;background:#fff;border-bottom:1.5px solid #e4e4e7;justify-content:space-between;align-items:center;width:100%;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.header__brand{align-items:center;gap:8px;display:flex}.header__brand-icon svg{width:32px;height:32px}.header__brand-name{color:#18181b;letter-spacing:-.02em;font-family:Syne,sans-serif;font-size:18px;font-weight:700}.header__right{align-items:center;gap:16px;display:flex}.header__notify{color:#71717a;border:1.5px solid #e4e4e7;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.header__notify:hover{color:#15803d;background:#f0fdf4;border-color:#4ade80}.header__notify-badge{color:#fff;background:#ef4444;border-radius:9999px;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.header__user-menu{position:relative}.header__avatar{cursor:pointer;background:0 0;border:1.5px solid #e4e4e7;border-radius:9999px;align-items:center;gap:4px;padding:4px 10px 4px 4px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.header__avatar:hover,.header__avatar--open{background:#f0fdf4;border-color:#4ade80}.header__avatar-letter{color:#fff;background:#16a34a;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.header__avatar-chevron{color:#71717a;transition:transform .2s cubic-bezier(.4,0,.2,1)}.header__avatar--open .header__avatar-chevron{transform:rotate(180deg)}.header__dropdown{z-index:200;background:#fff;border:1.5px solid #e4e4e7;border-radius:10px;min-width:220px;animation:.15s cubic-bezier(.4,0,.2,1) both dropdown-in;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 40px #0000001a,0 4px 12px #0000000d}.header__dropdown-user{align-items:center;gap:12px;padding:16px;display:flex}.header__dropdown-avatar{color:#fff;background:#16a34a;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.header__dropdown-info{flex-direction:column;gap:2px;display:flex}.header__dropdown-name{color:#18181b;font-size:13px;font-weight:600}.header__dropdown-role{color:#fff;background:#16a34a;border-radius:9999px;width:fit-content;padding:2px 8px;font-size:12px;font-weight:500}.header__dropdown-divider{background:#e4e4e7;height:1px;margin:0}.header__dropdown-logout{color:#71717a;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.header__dropdown-logout:hover{color:#ef4444;background:#fee2e2}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.category-card{background:#fff;border:1.5px solid #e4e4e7;border-radius:10px;align-items:center;gap:12px;padding:16px 20px;transition:box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);display:flex}.category-card:hover{transform:translateY(-1px);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.category-card--active{border-color:#4ade80;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.category-card__main{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.category-card__icon{color:#15803d;background:#dcfce7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.category-card__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.category-card__name{color:#18181b;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.category-card__actions{flex-shrink:0;gap:4px;display:flex}.category-card__btn{color:#71717a;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.category-card__btn--info:hover{color:#15803d;background:#dcfce7}.category-card__btn--edit:hover{color:#18181b;background:#f4f4f5}.category-card__btn--delete:hover{color:#ef4444;background:#fee2e2}.video-card{background:#fff;border:1.5px solid #e4e4e7;border-radius:10px;transition:box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.video-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014,0 2px 6px #0000000a}.video-card__thumb{aspect-ratio:16/9;cursor:pointer;background:#f4f4f5;position:relative;overflow:hidden}.video-card__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .2s cubic-bezier(.4,0,.2,1)}.video-card__thumb:hover img{transform:scale(1.04)}.video-card__play{opacity:0;background:#00000059;justify-content:center;align-items:center;transition:opacity .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.video-card__thumb:hover .video-card__play{opacity:1}.video-card__draft{color:#fff;background:#3f3f46;border-radius:9999px;padding:2px 8px;font-size:12px;font-weight:500;position:absolute;top:8px;left:8px}.video-card__info{flex-direction:column;gap:3px;padding:12px 16px 8px;display:flex}.video-card__title{color:#18181b;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.video-card__cat{color:#71717a;font-size:12px}.video-card__actions{gap:4px;padding:8px 12px 12px;display:flex}.video-card__action{color:#71717a;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.video-card__action--play:hover,.video-card__action--info:hover{color:#15803d;background:#dcfce7}.video-card__action--edit:hover{color:#18181b;background:#f4f4f5}.video-card__action--delete:hover{color:#ef4444;background:#fee2e2}.search-bar{align-items:center;width:280px;display:flex;position:relative}.search-bar__icon{color:#a1a1aa;pointer-events:none;flex-shrink:0;position:absolute;left:12px}.search-bar__input{color:#18181b;background:#fff;border:1.5px solid #e4e4e7;border-radius:10px;width:100%;padding:8px 16px 8px 32px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.search-bar__input::placeholder{color:#a1a1aa}.search-bar__input:focus{border-color:#22c55e;outline:none;box-shadow:0 0 0 3px #22c55e1f}.pagination{align-items:center;gap:4px;display:flex}.pagination__btn{color:#71717a;background:#fff;border:1.5px solid #e4e4e7;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.pagination__btn:hover:not(:disabled){color:#15803d;border-color:#4ade80}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.pagination__page{color:#71717a;border:1.5px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.pagination__page:hover:not(.pagination__page--active){color:#18181b;background:#f4f4f5}.pagination__page--active{color:#fff;background:#16a34a;border-color:#16a34a;font-weight:700}.category-tab{flex-direction:column;gap:16px;padding-top:24px;display:flex}.category-tab__header{flex-direction:column;gap:4px;display:flex}.category-tab__heading{align-items:center;gap:64px;display:flex}.category-tab__title{color:#18181b;letter-spacing:-.02em;font-family:Syne,sans-serif;font-size:20px;font-weight:700}.category-tab__sub{color:#71717a;font-size:13px}.category-tab__loading,.category-tab__empty{color:#71717a;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 0;font-size:13px;display:flex}.category-tab__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.upload-file{cursor:pointer;color:#71717a;border:1.5px dashed #e4e4e7;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:13px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.upload-file:hover{color:#15803d;background:#f0fdf4;border-color:#4ade80}.upload-file--error{border-color:#f87171}.upload-progress{flex-direction:column;gap:16px;padding:32px 24px;display:flex}.upload-progress__info{justify-content:space-between;align-items:baseline;display:flex}.upload-progress__pct{color:#16a34a;font-family:Syne,sans-serif;font-size:36px;font-weight:700;line-height:1}.upload-progress__time{color:#71717a;font-size:13px}.upload-progress__bar{background:#f4f4f5;border-radius:9999px;width:100%;height:10px;overflow:hidden}.upload-progress__fill{background:linear-gradient(90deg,#4ade80,#16a34a);border-radius:9999px;height:100%;transition:width .4s}.upload-progress__meta{justify-content:space-between;align-items:center;display:flex}.upload-progress__filename{color:#71717a;white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-size:13px;overflow:hidden}.upload-progress__eta,.upload-progress__done{color:#16a34a;font-size:13px;font-weight:500}.upload-progress__note{color:#a1a1aa;text-align:center;font-size:12px}.player-overlay{z-index:400;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.2s both overlay-in;display:flex;position:fixed;inset:0}.player-modal{background:#18181b;border-radius:16px;width:100%;max-width:860px;animation:.25s cubic-bezier(.4,0,.2,1) both modal-in;overflow:hidden}.player-modal__header{background:#09090b;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.player-modal__title{color:#fff;font-size:15px;font-weight:600}.player-modal__close{color:#a1a1aa;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.player-modal__close:hover{color:#fff;background:#ffffff1a}.player-modal__video{aspect-ratio:16/9;background:#09090b}.player-modal__el{width:100%;height:100%}.player-modal__controls{background:#09090b;border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:16px;padding:12px 20px;display:flex}.player-ctrl{color:#d4d4d8;border:1.5px solid #ffffff1a;border-radius:10px;align-items:center;gap:4px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.player-ctrl:hover{color:#fff;background:#ffffff14;border-color:#fff3}.video-tab{flex-direction:column;gap:16px;padding-top:24px;display:flex}.video-tab__header{flex-direction:column;gap:4px;display:flex}.video-tab__heading{align-items:center;gap:64px;display:flex}.video-tab__pagination{justify-content:center;padding-top:16px;display:flex}.video-tab__title{color:#18181b;letter-spacing:-.02em;font-family:Syne,sans-serif;font-size:20px;font-weight:700}.video-tab__sub{color:#71717a;font-size:13px}.video-tab__filters{flex-wrap:wrap;gap:8px;display:flex}.video-tab__loading,.video-tab__empty{color:#71717a;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 0;font-size:13px;display:flex}.video-tab__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.filter-btn{color:#71717a;background:#fff;border:1.5px solid #e4e4e7;border-radius:9999px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-btn:hover{color:#15803d;border-color:#4ade80}.filter-btn--active{color:#fff;background:#16a34a;border-color:#16a34a}.user-tab{flex-direction:column;gap:20px;max-width:760px;padding-top:24px;display:flex}.user-tab__header{justify-content:space-between;align-items:center;display:flex}.user-tab__title{color:#18181b;letter-spacing:-.02em;font-family:Syne,sans-serif;font-size:20px;font-weight:700}.user-tab__sub{color:#71717a;margin-top:2px;font-size:13px}.user-tab__body{flex-direction:column;gap:20px;display:flex}.user-tab__loading,.user-tab__empty{color:#71717a;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 0;font-size:13px;display:flex}.user-tab__list{flex-direction:column;gap:8px;display:flex}.user-tab__pagination{justify-content:center;padding-top:8px;display:flex}.user-row{background:#fff;border:1.5px solid #e4e4e7;border-radius:10px;align-items:center;gap:16px;padding:12px 20px;transition:box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex}.user-row:hover{box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.user-row__avatar{color:#fff;background:#16a34a;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.user-row__info{flex:1;min-width:0}.user-row__name{color:#18181b;font-size:15px;font-weight:600}.user-row__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.user-row__role-btn{border:1.5px solid #0000;border-radius:10px;align-items:center;gap:4px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.user-row__role-btn--admin{color:#15803d;background:#16a34a14;border-color:#bbf7d0}.user-row__role-btn--admin:hover{background:#16a34a26;border-color:#4ade80}.user-row__role-btn--user{color:#71717a;background:#f4f4f5;border-color:#e4e4e7}.user-row__role-btn--user:hover{color:#18181b;background:#e4e4e7;border-color:#d4d4d8}.user-row__delete{color:#a1a1aa;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.user-row__delete:hover{color:#ef4444;background:#fee2e2}.modal-field{flex-direction:column;gap:8px;display:flex}.modal-field__label{color:#71717a;font-size:13px;font-weight:500}.modal-field__error{color:#ef4444;font-size:12px}.photo-date-input{color:#18181b;background:#fff;border:1.5px solid #e4e4e7;border-radius:10px;width:100%;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:15px;transition:border-color .2s cubic-bezier(.4,0,.2,1)}.photo-date-input:focus{border-color:#22c55e;outline:none;box-shadow:0 0 0 3px #22c55e1f}.photo-date-input--error{border-color:#f87171}.photo-tab{flex-direction:column;gap:20px;padding-top:24px;display:flex}.photo-tab__header{flex-direction:column;gap:4px;display:flex}.photo-tab__heading{align-items:center;gap:16px;display:flex}.photo-tab__title{color:#18181b;letter-spacing:-.02em;font-family:Syne,sans-serif;font-size:20px;font-weight:700}.photo-tab__sub{color:#71717a;font-size:13px}.photo-tab__filters{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.photo-tab__date-range{flex-direction:column;gap:4px;display:flex}.photo-tab__date-label{color:#71717a;font-size:12px;font-weight:500}.photo-tab__date-input{color:#18181b;background:#fff;border:1.5px solid #e4e4e7;border-radius:10px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .2s cubic-bezier(.4,0,.2,1)}.photo-tab__date-input:focus{border-color:#22c55e;outline:none}.photo-tab__bulk-delete{color:#ef4444;background:#fee2e2;border:1.5px solid #fecaca;border-radius:10px;align-items:center;gap:4px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.photo-tab__bulk-delete:hover{background:#fecaca}.photo-tab__select-all{align-items:center;display:flex}.photo-tab__checkbox{color:#71717a;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.photo-tab__checkbox input{accent-color:#16a34a;cursor:pointer}.photo-tab__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.photo-tab__loading,.photo-tab__empty{color:#71717a;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 0;font-size:13px;display:flex}.photo-tab__pagination{justify-content:center;padding-top:16px;display:flex}.photo-card{background:#f4f4f5;border:2px solid #0000;border-radius:10px;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.photo-card--selected{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e33}.photo-card__check{z-index:1;position:absolute;top:8px;left:8px}.photo-card__check input{accent-color:#16a34a;cursor:pointer;width:18px;height:18px}.photo-card__img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.photo-card__footer{background:#fff;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.photo-card__date{color:#71717a;font-size:12px}.photo-card__delete{color:#a1a1aa;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.photo-card__delete:hover{color:#ef4444;background:#fee2e2}.photo-lightbox{z-index:500;cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.photo-lightbox__close{color:#ffffffb3;z-index:1;background:#ffffff1a;border-radius:9999px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:20px;right:20px}.photo-lightbox__close:hover{color:#fff;background:#fff3}.photo-lightbox__nav{color:#ffffffb3;z-index:1;background:#ffffff1a;border-radius:9999px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.photo-lightbox__nav:hover:not(:disabled){color:#fff;background:#fff3}.photo-lightbox__nav:disabled{opacity:.3;cursor:not-allowed}.photo-lightbox__nav--left{left:20px}.photo-lightbox__nav--right{right:20px}.photo-lightbox__content{cursor:default;flex-direction:column;align-items:center;gap:16px;max-width:90vw;display:flex}.photo-lightbox__img{object-fit:contain;border-radius:10px;max-width:85vw;max-height:80vh;box-shadow:0 20px 60px #00000080}.photo-lightbox__footer{justify-content:space-between;align-items:center;width:100%;padding:0 8px;display:flex}.photo-lightbox__date{color:#ffffffb3;font-size:13px}.photo-lightbox__counter{color:#ffffff80;font-size:13px}.admin-page{background:#f0fdf4;width:100%;min-height:100vh}.admin-page__main{width:100%;padding:32px}.admin-page__container{flex-direction:column;gap:24px;width:100%;display:flex}.admin-page__tabs{border-bottom:1.5px solid #e4e4e7;gap:8px;padding-bottom:0;display:flex}.admin-page__content{width:100%}.admin-tab{color:#71717a;border:1.5px solid #0000;border-bottom:none;border-radius:10px 10px 0 0;margin-bottom:-1.5px;padding:12px 20px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.admin-tab:hover{color:#18181b}.admin-tab--active{color:#15803d;background:#fff;border-color:#e4e4e7 #e4e4e7 #fff}.photo-gallery{flex-direction:column;gap:20px;display:flex}.photo-gallery__filters{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.photo-gallery__date-wrap{flex-direction:column;gap:4px;display:flex}.photo-gallery__date-label{color:#71717a;font-size:12px;font-weight:500}.photo-gallery__date-input{color:#18181b;background:#fff;border:1.5px solid #e4e4e7;border-radius:10px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px}.photo-gallery__date-input:focus{border-color:#22c55e;outline:none}.photo-gallery__filter-btn{color:#fff;background:#16a34a;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .2s cubic-bezier(.4,0,.2,1)}.photo-gallery__filter-btn:hover{background:#15803d}.photo-gallery__clear-btn{color:#71717a;background:#f4f4f5;border:1.5px solid #e4e4e7;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.photo-gallery__clear-btn:hover{background:#e4e4e7}.photo-gallery__count{color:#71717a;margin-left:auto;font-size:13px}.photo-gallery__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.photo-gallery__loading,.photo-gallery__empty{color:#71717a;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 0;font-size:13px;display:flex}.photo-gallery__pagination{justify-content:center;padding-top:16px;display:flex}.gallery-item{cursor:pointer;background:#f4f4f5;border-radius:10px;position:relative;overflow:hidden}.gallery-item:hover .gallery-item__overlay{opacity:1}.gallery-item__img{aspect-ratio:1;object-fit:cover;width:100%;transition:transform .2s cubic-bezier(.4,0,.2,1);display:block}.gallery-item:hover .gallery-item__img{transform:scale(1.04)}.gallery-item__overlay{opacity:0;background:linear-gradient(#0000,#00000080);justify-content:flex-end;padding:8px 12px;transition:opacity .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:0;left:0;right:0}.gallery-item__date{color:#fff;font-size:12px}.photo-lightbox{z-index:500;cursor:zoom-out;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.photo-lightbox__img{object-fit:contain;border-radius:10px;max-width:90vw;max-height:80vh}.photo-lightbox__date{color:#ffffffb3;margin-top:12px;font-size:13px}.user-page{background:#f0fdf4;min-height:100vh}.user-page__main{padding:32px}.user-page__container{flex-direction:column;gap:24px;display:flex}.user-page__header{justify-content:space-between;align-items:center;display:flex}.user-page__title{color:#18181b;font-family:Syne,sans-serif;font-size:24px;font-weight:700}.user-page__tabs{gap:8px;display:flex}.user-page__sub{color:#71717a;margin-top:4px;font-size:13px}.user-page__category-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.user-page__content{background:#ffffff59;border:1px solid #ffffff73;min-height:320px;padding:24px}.user-page__content-header{margin-bottom:20px}.user-page__content-title{color:#18181b;font-family:Syne,sans-serif;font-size:20px;font-weight:700}.user-page__content-sub{color:#71717a;margin-top:4px;font-size:13px}.user-page__loading,.user-page__empty{color:#71717a;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 0;font-size:13px;display:flex}.user-page__video-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}