:root{--gradient: linear-gradient(135deg, #FFB88C, #DE6262);--color-primary: #DE6262;--color-primary-light: #FFB88C;--color-text: #1a1a1a;--color-text-light: #666;--color-white: #ffffff;--color-input-bg: #fafafa;--color-border: #e8e8e8;--color-error-background: #FFE2E2;--color-error-border: #E8A6A6;--color-error-text: #9C3333;--color-info-background: #E2ECFF;--color-info-border: #B1C9F5;--color-info-text: #2A3F72;--color-warning-background: #FFF5ED;--color-warning-border: #E6CBB5;--color-warning-text: #AA642B;--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 24px;--shadow-card: 0px 0px 12px 0px #00000040}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;color:var(--color-text);min-height:100vh}.gradient-bg{background:var(--gradient);min-height:100vh;display:flex;flex-direction:column}.callout_component{padding:8px;border-radius:8px;font-size:14px;display:flex;gap:8px}.callout_component--error{background:var(--color-error-background);border:1px solid var(--color-error-border);color:var(--color-error-text)}.callout_component--info{background:var(--color-info-background);border:1px solid var(--color-info-border);color:var(--color-info-text)}.callout_component--warning{background:var(--color-warning-background);border:1px solid var(--color-warning-border);color:var(--color-warning-text)}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;gap:10px}.header__logo{font-size:20px;font-weight:700;color:var(--color-text)}.header__btn{background:var(--color-text);color:var(--color-white);border:none;border-radius:var(--border-radius-sm);padding:8px 16px;font-size:14px;cursor:pointer;text-decoration:none}.header__actions{display:flex;gap:8px}.header__btn--outline{background:transparent;border:1px solid var(--color-text);color:var(--color-text)}.input-group{display:flex;flex-direction:column;gap:6px}.input-group__label{font-size:14px;color:var(--color-text)}.input-group__field{background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:12px 16px;font-size:14px;color:var(--color-text);outline:none;transition:border-color .2s}.input-group__field:focus{border-color:var(--color-primary)}.input-group__field::placeholder{color:#bbb}.btn{width:100%;padding:14px;background:transparent;border:1px solid var(--color-primary);border-radius:var(--border-radius-sm);color:var(--color-primary);font-size:16px;cursor:pointer;transition:background .2s,color .2s}.btn:hover{background:var(--color-primary);color:var(--color-white)}.btn:disabled{opacity:.5;cursor:not-allowed}.login__wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.login__card{background:var(--color-white);border-radius:var(--border-radius-lg);padding:32px 24px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-card)}.login__title{font-size:24px;font-weight:700;text-align:center}.login__fields{display:flex;flex-direction:column;gap:12px}.login__link{text-align:center;color:#e27f29;font-size:16px;text-decoration:none;padding:8px;font-weight:400}.login__link:hover{text-decoration:underline}.login__btn{background:#ff812d21;color:#ba681f;border:1px solid #CD5E1480;font-size:16px;font-weight:400;padding:8px;border-radius:8px}.register__wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.register__card{background:var(--color-white);border-radius:var(--border-radius-lg);padding:32px 24px;width:100%;max-width:400px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:16px}.register__title{font-size:24px;font-weight:700;text-align:center}.register__fields{display:flex;flex-direction:column;gap:12px}.register__link{text-align:center;color:var(--color-primary);font-size:14px;text-decoration:none}.register__link:hover{text-decoration:underline}.download__wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.download__card{background:var(--color-white);border-radius:var(--border-radius-lg);padding:32px 24px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-card)}.download__title{font-size:24px;font-weight:700;text-align:center}.download__file{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-input-bg)}.download__file-icon{font-size:24px}.download__file-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.download__file-size{font-size:12px;color:var(--color-text-light)}.download__btn{background:#ff812d21;color:#ba681f;border:1px solid #CD5E1480;font-size:16px;font-weight:400;padding:8px;border-radius:8px;display:flex;justify-content:center;align-items:center;gap:8px}.download__btn:hover{cursor:pointer}.home__wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.home__text{font-size:24px;font-weight:500;color:var(--color-text);text-align:center}.home__circle-btn{width:80px;height:80px;border-radius:50%;background:var(--color-text);color:var(--color-white);border:none;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 12px #00000026;transition:transform .2s}.home__circle-btn:hover{transform:scale(1.05)}.home__footer{text-align:center;padding:16px;font-size:12px;color:var(--color-text)}.upload__wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.upload__card{background:var(--color-white);border-radius:var(--border-radius-lg);padding:32px 24px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-card)}.upload__title{font-size:24px;font-weight:700;text-align:center}.upload__file{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-input-bg)}.upload__file-icon{font-size:24px;flex-shrink:0}.upload__file-info{flex:1;overflow:hidden}.upload__file-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload__file-size{font-size:12px;color:var(--color-text-light)}.upload__file-size--error{color:var(--color-error-text)}.upload__error{font-size:12px;color:var(--color-error-text);margin-top:4px}.upload__change-btn{background:transparent;border:1px solid #FFA569;color:#e27f29;border-radius:var(--border-radius-sm);padding:6px 12px;font-size:13px;cursor:pointer;flex-shrink:0}.upload__label{font-size:14px;color:var(--color-text)}.upload__input{background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:12px 16px;font-size:14px;color:var(--color-text);outline:none;transition:border-color .2s}.upload__input:focus{border-color:var(--color-primary)}.upload__select{background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:12px 16px;font-size:14px;color:var(--color-text);outline:none;cursor:pointer}.upload__submit-btn{background:#ff812d21;border:1px solid #CD5E1480;color:#ba681f;border-radius:var(--border-radius-sm);padding:12px;font-size:16px;cursor:pointer;transition:background .2s,color .2s;display:flex;align-items:center;justify-content:center;gap:2px}.upload__submit-btn:disabled{opacity:.5;cursor:not-allowed}.upload__success-text{font-size:14px;color:var(--color-text)}.upload__link{color:var(--color-primary);font-size:14px;text-decoration:none;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-input-bg);word-break:break-all}.upload__copy-btn{background:#ff812d21;border:1px solid #CD5E1480;color:#ba681f;border-radius:var(--border-radius-sm);padding:12px;font-size:16px;cursor:pointer;transition:background .2s,color .2s;display:flex;align-items:center;justify-content:center;gap:4px}.upload__footer{text-align:center;padding:16px;font-size:12px;color:var(--color-text)}@media(max-width:768px){.upload__wrapper{align-items:flex-end;padding:0}.upload__card{border-bottom-left-radius:0;border-bottom-right-radius:0;max-width:100%}.upload__footer{display:none}}.dashboard{display:flex;min-height:100vh}.dashboard__sidebar{width:240px;background:var(--gradient);display:flex;flex-direction:column;padding:24px 16px;flex-shrink:0}.dashboard__sidebar-header{display:flex;align-items:center;gap:12px;margin-bottom:32px}.dashboard__logo{font-size:20px;font-weight:700;color:var(--color-text)}.dashboard__sidebar-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--color-text)}.dashboard__nav{display:flex;flex-direction:column;gap:8px}.dashboard__nav-item{background:none;border:none;text-align:left;padding:12px 16px;border-radius:var(--border-radius-sm);font-size:16px;cursor:pointer;color:var(--color-text)}.dashboard__nav-item--active{background:#fff6;font-weight:500}.dashboard__sidebar-footer{margin-top:auto;font-size:12px;color:var(--color-text)}.dashboard__main{flex:1;display:flex;flex-direction:column;background:#fff8f5}.dashboard__header{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;border-bottom:1px solid var(--color-border);gap:12px}.dashboard__hamburger{display:none;background:none;border:none;font-size:22px;cursor:pointer;margin-right:auto}.dashboard__header-actions{display:flex;gap:12px;align-items:center}.dashboard__btn-add{background:var(--color-text);color:var(--color-white);border:none;border-radius:var(--border-radius-sm);padding:10px 16px;font-size:14px;cursor:pointer}.dashboard__btn-logout{background:none;border:none;color:var(--color-primary);font-size:14px;cursor:pointer;display:flex;gap:8px}.dashboard__content{padding:32px;flex:1}.dashboard__title{font-size:28px;font-weight:700;margin-bottom:24px}.dashboard__filters{display:flex;background:#ffc19129;border-radius:30px;border:1px solid #D7630B33;padding:4px;gap:0;width:fit-content;margin-bottom:24px}.dashboard__filter{background:none;border:none;border-radius:26px;padding:6px 20px;font-size:14px;cursor:pointer;color:var(--color-text);transition:background .15s}.dashboard__filter--active{background:#e77a6e;color:var(--color-white)}.dashboard__list{list-style:none;display:flex;flex-direction:column;gap:12px}.dashboard__item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--color-white);border-radius:var(--border-radius-sm);border:1px solid var(--color-border)}.dashboard__item--expired{opacity:.7}.dashboard__item-left{display:flex;align-items:center;gap:12px}.dashboard__item-icon{font-size:24px}.dashboard__item-name{font-size:14px;font-weight:500}.dashboard__item-status{font-size:12px;color:var(--color-text-light)}.dashboard__item-status--expired{color:var(--color-primary);font-weight:500}.dashboard__item-right{display:flex;align-items:center;gap:12px}.dashboard__item-lock{font-size:16px}.dashboard__item-expired-msg{font-size:12px;color:var(--color-text-light)}.dashboard__item-actions{display:flex;gap:8px}.dashboard__btn-delete{background:none;border:1px solid #FFA569;border-radius:var(--border-radius-sm);padding:8px 12px;font-size:13px;cursor:pointer;color:#e27f29;display:flex;gap:2px;align-items:center}.dashboard__btn-access{background:none;border:1px solid #FFA569;border-radius:var(--border-radius-sm);padding:8px 12px;font-size:13px;cursor:pointer;color:#e27f29}.dashboard__item-menu{display:none;position:relative}.dashboard__btn-dots{background:none;border:1px solid var(--color-primary);border-radius:var(--border-radius-sm);padding:6px 10px;font-size:16px;cursor:pointer;color:var(--color-primary)}.dashboard__dropdown{position:absolute;right:0;top:36px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-card);z-index:10;display:flex;flex-direction:column}.dashboard__dropdown button{background:none;border:none;padding:10px 16px;font-size:14px;cursor:pointer;text-align:left;color:var(--color-text)}.dashboard__dropdown button:hover{background:var(--color-input-bg)}.dashboard__overlay{position:fixed;inset:0;background:#0000004d;z-index:10}@media(max-width:768px){.dashboard__sidebar{position:fixed;left:-240px;top:0;bottom:0;z-index:20;transition:left .3s}.dashboard__sidebar--open{left:0}.dashboard__hamburger{display:block}.dashboard__header-actions .dashboard__btn-add,.dashboard__header-actions .dashboard__btn-logout,.dashboard__item-actions{display:none}.dashboard__item-menu{display:block}.dashboard__content{padding:16px}.dashboard__header{background:#fff8f5;border-bottom:1px solid var(--color-border);padding:16px}}