.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:var(--sp-4)}.login-card{width:100%;max-width:400px;padding:var(--sp-12) var(--sp-8);text-align:center;display:flex;flex-direction:column;gap:var(--sp-6)}.login-card__header{display:flex;flex-direction:column;gap:var(--sp-2)}.login-card__title{font-size:var(--fs-2xl);font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.login-card__title-ar{font-weight:400;color:var(--text-secondary)}.login-card__subtitle{font-size:var(--fs-sm);color:var(--text-tertiary);font-weight:400}.login-card__error{padding:var(--sp-3) var(--sp-4);background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);color:var(--danger);font-size:var(--fs-sm)}.login-card__google-btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);background:var(--blue);color:var(--text-primary);font-size:var(--fs-sm);font-weight:600;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.login-card__google-btn:hover{background:#0070e0}.login-card__tagline{font-size:var(--fs-xs);color:var(--text-tertiary);margin-top:var(--sp-2)}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);margin-bottom:var(--sp-8)}.stat-card{padding:var(--sp-4) var(--sp-6)}.stat-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.stat-card__icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.stat-card__icon--blue{background:#0080ff26;color:var(--blue)}.stat-card__icon--green{background:#22c55e26;color:var(--green)}.stat-card__icon--warning{background:#f59e0b26;color:var(--warning)}.stat-card__icon--purple{background:#8b00ff26;color:var(--purple)}.stat-card__icon--danger{background:#ef444426;color:var(--danger)}.stat-card__value{font-size:var(--fs-2xl);font-weight:700;color:var(--text-primary);line-height:1.2}.stat-card__label{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:var(--sp-1)}.dashboard-section{margin-bottom:var(--sp-8)}.dashboard-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4)}.dashboard-section__title{font-size:var(--fs-lg);font-weight:600;color:var(--text-primary)}.dashboard-section__see-all{font-size:var(--fs-sm);color:var(--blue);text-decoration:none;font-weight:500}.dashboard-section__see-all:hover{text-decoration:underline}.dashboard-doc-row{display:flex;gap:var(--sp-4);overflow-x:auto;padding-bottom:var(--sp-2);scrollbar-width:thin;scrollbar-color:var(--border-glass) transparent}.dashboard-doc-row::-webkit-scrollbar{height:6px}.dashboard-doc-row::-webkit-scrollbar-track{background:transparent}.dashboard-doc-row::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:var(--sp-1)}.dashboard-doc-card{min-width:200px;max-width:220px;flex-shrink:0;padding:var(--sp-4);cursor:pointer;transition:border-color var(--transition-base)}.dashboard-doc-card:hover{border-color:var(--blue)}.dashboard-doc-card__icon{color:var(--text-secondary);margin-bottom:var(--sp-3)}.dashboard-doc-card__name{font-size:var(--fs-sm);font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:var(--sp-2)}.dashboard-doc-card__meta{font-size:var(--fs-xs);color:var(--text-secondary)}.dashboard-empty{padding:var(--sp-8) var(--sp-4);text-align:center}.dashboard-empty__text{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--sp-3)}.dashboard-empty__link{color:var(--blue);text-decoration:none;font-weight:500;font-size:var(--fs-sm)}.dashboard-empty__link:hover{text-decoration:underline}.skeleton-stat-card{padding:var(--sp-4) var(--sp-6)}.skeleton-bar{background:linear-gradient(90deg,var(--bg-muted) 25%,rgba(255,255,255,.05) 50%,var(--bg-muted) 75%);background-size:200% 100%;animation:dashboard-shimmer 1.5s ease-in-out infinite;border-radius:var(--sp-1)}.skeleton-bar--icon{width:40px;height:40px;border-radius:var(--radius-sm);margin-bottom:var(--sp-3)}.skeleton-bar--value{width:60px;height:var(--fs-2xl);margin-bottom:var(--sp-2)}.skeleton-bar--label{width:100px;height:var(--fs-sm)}.skeleton-doc-card{min-width:200px;max-width:220px;flex-shrink:0;padding:var(--sp-4)}.skeleton-doc-bar--icon{width:24px;height:24px;margin-bottom:var(--sp-3)}.skeleton-doc-bar--name{width:80%;height:var(--fs-sm);margin-bottom:var(--sp-2)}.skeleton-doc-bar--meta{width:50%;height:var(--fs-xs)}@keyframes dashboard-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.dashboard-stats{grid-template-columns:1fr}}.date-input-wrapper{position:relative;display:inline-flex;align-items:center}.date-input-text{width:100%;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--sp-2) var(--sp-3);padding-right:28px;font-size:var(--font-sm);transition:border-color var(--transition-fast)}.date-input-text::placeholder{color:var(--text-tertiary)}.date-input-text:focus{outline:none;border-color:var(--blue)}.date-input-hidden{position:absolute;top:100%;right:0;opacity:0;width:0;height:0;pointer-events:none;color-scheme:dark}.date-input-calendar-btn{position:absolute;right:6px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;opacity:.6}.date-input-calendar-btn:hover{opacity:1;color:var(--text-primary)}.audit-filters{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-4);align-items:flex-end}.audit-filter-group{display:flex;flex-direction:column;gap:var(--sp-1)}.audit-filter-group label{font-size:var(--fs-xs);color:var(--text-secondary);font-weight:500}.audit-filter-group select,.audit-filter-group input{background:var(--glass-bg);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);font-family:Inter,sans-serif;min-width:140px}.audit-filter-group select:focus,.audit-filter-group input:focus{outline:none;border-color:var(--blue)}.action-badge{display:inline-flex;align-items:center;padding:var(--sp-1) var(--sp-2);border-radius:var(--sp-1);font-size:var(--fs-xs);font-weight:600;text-transform:capitalize}.action-badge--view{background:#22c55e26;color:var(--green)}.action-badge--download{background:#0080ff26;color:var(--blue)}.action-badge--upload{background:#f59e0b26;color:var(--warning)}.action-badge--delete{background:#ef444426;color:var(--danger)}.action-badge--login{background:#8b00ff26;color:var(--purple)}.action-badge--logout{background:#66666626;color:var(--text-secondary)}.action-badge--folder_create{background:#0080ff26;color:var(--blue)}.action-badge--folder_settings{background:#f59e0b26;color:var(--warning)}.action-badge--role_change{background:#8b00ff26;color:var(--purple)}.action-badge--user_deactivate{background:#ef444426;color:var(--danger)}.audit-row--expandable{cursor:pointer;transition:background var(--transition-base)}.audit-row--expandable:hover{background:#ffffff08}.audit-row-details{background:var(--bg-muted);border-top:1px solid var(--border-glass)}.audit-row-details td{padding:var(--sp-3) var(--sp-4)}.audit-detail-grid{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-2) var(--sp-4);font-size:var(--fs-sm)}.audit-detail-label{color:var(--text-secondary);font-weight:500}.audit-detail-value{color:var(--text-primary)}.audit-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sp-4);padding:var(--sp-3) 0}.audit-pagination__info{font-size:var(--fs-sm);color:var(--text-secondary)}.audit-pagination__controls{display:flex;align-items:center;gap:var(--sp-2)}.audit-pagination__btn{background:var(--glass-bg);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);cursor:pointer;transition:border-color var(--transition-base)}.audit-pagination__btn:hover:not(:disabled){border-color:var(--blue)}.audit-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.audit-pagination__per-page select{background:var(--glass-bg);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);padding:var(--sp-1) var(--sp-2);font-size:var(--fs-sm);font-family:Inter,sans-serif}.audit-header-actions{display:flex;align-items:center;gap:var(--sp-3)}.audit-export-btn{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--glass-bg);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:border-color var(--transition-base)}.audit-export-btn:hover{border-color:var(--blue)}.audit-refresh-indicator{font-size:var(--fs-xs);color:var(--text-tertiary)}.audit-skeleton-row td{padding:var(--sp-3) var(--sp-4)}.audit-skeleton-bar{height:var(--fs-sm);background:linear-gradient(90deg,var(--bg-muted) 25%,rgba(255,255,255,.05) 50%,var(--bg-muted) 75%);background-size:200% 100%;animation:audit-shimmer 1.5s ease-in-out infinite;border-radius:var(--sp-1)}@keyframes audit-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.document-card{position:relative;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--glass-bg);border:1px solid var(--border-glass);border-radius:var(--radius-sm);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));transition:border-color var(--transition-base)}.document-card:hover{border-color:var(--blue)}.document-card__icon{color:var(--text-secondary);flex-shrink:0}.document-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.document-card__name{color:var(--text-primary);font-size:var(--fs-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-card__meta{color:var(--text-secondary);font-size:var(--fs-xs)}.document-card__actions{display:flex;gap:var(--sp-1);flex-shrink:0}.document-card__btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--sp-2);border-radius:var(--sp-1);transition:color var(--transition-base),background var(--transition-base)}.document-card__btn:hover{color:var(--text-primary);background:#ffffff0d}.doc-card__star{position:absolute;top:var(--sp-2);right:var(--sp-2);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--sp-1);border-radius:var(--sp-1);transition:color var(--transition-base);z-index:1}.doc-card__star:hover,.doc-card__star--active{color:var(--warning)}.search-bar{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.search-bar__input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-bar__icon{position:absolute;left:var(--sp-3);color:var(--text-secondary);pointer-events:none}.search-bar__input{width:100%;padding:var(--sp-3) 36px var(--sp-3) 36px;background:var(--glass-bg);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--fs-sm);outline:none;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));font-family:inherit}.search-bar__input:focus{border-color:var(--blue)}.search-bar__input::placeholder{color:var(--text-secondary)}.search-bar__clear{position:absolute;right:var(--sp-2);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--sp-1)}.search-bar__spinner{width:16px;height:16px;border:2px solid var(--border-glass);border-top-color:var(--blue);border-radius:50%;animation:search-spin .6s linear infinite;flex-shrink:0}@keyframes search-spin{to{transform:rotate(360deg)}}.search-bar__filter-toggle{position:relative;background:transparent;border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:var(--sp-2);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),border-color var(--transition-fast);flex-shrink:0}.search-bar__filter-toggle:hover{color:var(--text-primary);border-color:var(--blue)}.search-bar__filter-toggle--active{color:var(--blue);border-color:var(--blue)}.search-bar__filter-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--blue)}.search-bar__filters{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;padding-top:var(--sp-2)}.search-bar__select{background:var(--bg-muted);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--fs-xs);padding:var(--sp-2) var(--sp-2);outline:none;font-family:inherit;min-width:130px;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.search-bar__select:focus{border-color:var(--blue)}.search-bar__select option{background:var(--bg-muted);color:var(--text-primary)}.search-bar__date{background:var(--bg-muted);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--fs-xs);padding:var(--sp-2) var(--sp-2);outline:none;font-family:inherit;cursor:pointer}.search-bar__date:focus{border-color:var(--blue)}.search-bar__date::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.search-bar__clear-filters{background:transparent;border:none;color:var(--text-tertiary);font-size:var(--fs-xs);cursor:pointer;padding:var(--sp-2) var(--sp-2);transition:color var(--transition-fast);white-space:nowrap}.search-bar__clear-filters:hover{color:var(--danger)}.version-history-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;display:flex;justify-content:flex-end}.version-history{width:400px;max-width:90vw;height:100%;background:var(--glass-strong, rgba(38, 38, 38, .8));border-left:1px solid var(--border-glass);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));padding:24px;overflow-y:auto}.version-history__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.version-history__header h3{color:var(--text-primary);font-size:1.125rem;margin:0}.version-history__close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer}.version-history__filename{color:var(--text-secondary);font-size:.8rem;margin-bottom:16px}.version-history__loading,.version-history__empty{color:var(--text-secondary);font-size:.875rem;padding:24px 0;text-align:center}.version-history__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.version-history__item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#ffffff08;border:1px solid var(--border-glass);border-radius:6px}.version-history__item-info{display:flex;flex-direction:column;gap:2px}.version-history__version{color:var(--text-primary);font-weight:500;font-size:.875rem}.version-history__date{color:var(--text-secondary);font-size:.75rem}.version-history__item-actions button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;margin-left:4px}.version-history__item-actions button:hover{color:var(--text-primary)}.browse-page{padding:var(--sp-6)}.browse-page__header{margin-bottom:var(--sp-4)}.browse-page__action-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4);gap:var(--sp-4);flex-wrap:wrap}.browse-page__title{font-size:var(--fs-lg);font-weight:700;color:var(--text-primary)}.browse-page__create-form{display:flex;align-items:center;gap:var(--sp-2)}.browse-page__create-input{background:var(--bg-muted);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);color:var(--text-primary);font-size:var(--fs-sm);font-family:inherit;outline:none;min-width:180px}.browse-page__create-input:focus{border-color:var(--blue)}.browse-page__btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:500;transition:background var(--transition-fast),opacity var(--transition-fast)}.browse-page__btn--primary{background:var(--blue);color:var(--text-primary)}.browse-page__btn--primary:hover{opacity:.85}.browse-page__btn--primary:disabled{opacity:.4;cursor:not-allowed}.browse-page__btn--ghost{color:var(--text-secondary)}.browse-page__btn--ghost:hover{color:var(--text-primary)}.browse-page__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}@media(max-width:1024px){.browse-page__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.browse-page__grid{grid-template-columns:1fr}}.browse-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-16) var(--sp-6);color:var(--text-tertiary);gap:var(--sp-3)}.browse-page__empty p{font-size:var(--fs-sm)}.browse-page__error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);color:var(--danger);font-size:var(--fs-sm)}.folder-card{position:relative;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-glass);border-left:3px solid var(--blue);border-radius:var(--radius-md);padding:var(--sp-4);cursor:pointer;transition:border-color var(--transition-fast);display:flex;flex-direction:column;gap:var(--sp-2)}.folder-card:hover{border-color:#0080ff4d}.folder-card__settings{position:absolute;top:var(--sp-2);right:var(--sp-2);padding:var(--sp-1);border-radius:var(--radius-sm);color:var(--text-tertiary);opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast)}.folder-card:hover .folder-card__settings{opacity:1}.folder-card__settings:hover{color:var(--text-primary);background:#ffffff0d}.folder-card__icon{display:flex;align-items:center}.folder-card__name{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-card__badges{display:flex;align-items:center;gap:var(--sp-2)}.folder-card__override-badge{background:#f59e0b26;color:var(--warning);font-size:var(--fs-xs);padding:1px 6px;border-radius:var(--sp-1);font-weight:500}.folder-card__watermark{color:var(--text-tertiary);display:inline-flex;align-items:center}.browse-page__documents{margin-top:var(--sp-6)}.browse-page__section-title{color:var(--text-secondary);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sp-3)}.browse-page__document-list{display:flex;flex-direction:column;gap:var(--sp-2)}.browse-page__upload-label{cursor:pointer;display:inline-flex;align-items:center;gap:6px}.browse-page__search-results{display:flex;flex-direction:column;gap:var(--sp-2)}.folder-card--skeleton{border-left-color:var(--border-glass);animation:skeleton-pulse 1.5s ease-in-out infinite}.folder-card__skeleton-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-muted)}.folder-card__skeleton-text{width:60%;height:14px;border-radius:var(--sp-1);background:var(--bg-muted)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.breadcrumb{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.breadcrumb__segment{display:inline-flex;align-items:center;gap:var(--sp-1)}.breadcrumb__separator{color:var(--text-tertiary);flex-shrink:0}.breadcrumb__item{display:inline-flex;align-items:center}.breadcrumb__item--clickable{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:none;border:none;font-family:inherit;font-size:inherit;padding:var(--sp-1) var(--sp-1);border-radius:var(--sp-1)}.breadcrumb__item--clickable:hover{color:var(--text-primary)}.breadcrumb__item--current{color:var(--text-primary);font-weight:500;padding:var(--sp-1) var(--sp-1)}.folder-settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.folder-settings{background:var(--glass-strong);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-glass);border-radius:var(--radius-lg);width:90%;max-width:440px;max-height:90vh;overflow-y:auto}.folder-settings__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--border-glass)}.folder-settings__title{font-size:var(--fs-base);font-weight:600;color:var(--text-primary)}.folder-settings__close{color:var(--text-tertiary);padding:var(--sp-1);border-radius:var(--radius-sm);transition:color var(--transition-fast)}.folder-settings__close:hover{color:var(--text-primary)}.folder-settings__body{padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-6)}.folder-settings__section{display:flex;flex-direction:column;gap:var(--sp-3)}.folder-settings__label{font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.folder-settings__radio-group{display:flex;gap:var(--sp-4)}.folder-settings__radio{display:flex;align-items:center;gap:var(--sp-2);cursor:pointer;font-size:var(--fs-sm)}.folder-settings__radio input[type=radio]{accent-color:var(--blue)}.folder-settings__checkbox{display:flex;align-items:center;gap:var(--sp-2);cursor:pointer;font-size:var(--fs-sm);color:var(--text-secondary)}.folder-settings__checkbox input[type=checkbox]{accent-color:var(--blue)}.folder-settings__toggle-row{display:flex;align-items:center;gap:var(--sp-3)}.folder-settings__toggle-label{display:flex;align-items:center;gap:var(--sp-2);cursor:pointer;font-size:var(--fs-sm);color:var(--text-secondary)}.folder-settings__toggle-label input[type=checkbox]{accent-color:var(--blue)}.folder-settings__inherited{font-size:var(--fs-xs);color:var(--text-tertiary);font-style:italic}.folder-settings__error{color:var(--danger);font-size:var(--fs-sm)}.folder-settings__footer{display:flex;justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border-glass)}.folder-settings__btn{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:500;transition:opacity var(--transition-fast)}.folder-settings__btn--cancel{color:var(--text-secondary)}.folder-settings__btn--cancel:hover{color:var(--text-primary)}.folder-settings__btn--save{background:var(--blue);color:var(--text-primary)}.folder-settings__btn--save:hover{opacity:.85}.folder-settings__btn:disabled{opacity:.4;cursor:not-allowed}.permissions-page{padding:var(--sp-6)}.permissions-page__title{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-2)}.permissions-page__title h1{font-size:var(--fs-xl);font-weight:700;color:var(--text-primary)}.permissions-page__title svg{color:var(--blue)}.permissions-page__subtitle{color:var(--text-secondary);margin-bottom:var(--sp-6);font-size:var(--fs-sm)}.permissions-page__error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4);color:var(--danger);font-size:var(--fs-sm)}.permissions-matrix{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-glass);border-radius:var(--radius-md);overflow-x:auto}.permissions-matrix table{width:100%;border-collapse:collapse}.permissions-matrix th{padding:var(--sp-3) var(--sp-4);text-align:center;font-size:var(--fs-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-glass);white-space:nowrap;font-weight:600}.permissions-matrix th:first-child{text-align:left}.permissions-matrix td{padding:var(--sp-3) var(--sp-4);text-align:center;border-bottom:1px solid var(--border-glass)}.permissions-matrix td:first-child{text-align:left;font-weight:500;color:var(--text-primary)}.permissions-matrix tr:last-child td{border-bottom:none}.permissions-note{margin-top:var(--sp-4);font-size:var(--fs-xs);color:var(--text-tertiary);font-style:italic}.toggle{position:relative;display:inline-block;width:40px;height:22px}.toggle input{opacity:0;width:0;height:0}.toggle__slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--bg-muted);border-radius:22px;transition:var(--transition-fast)}.toggle__slider:before{content:"";position:absolute;height:18px;width:18px;left:2px;bottom:2px;background:var(--text-primary);border-radius:50%;transition:var(--transition-fast)}.toggle input:checked+.toggle__slider{background:var(--green)}.toggle input:checked+.toggle__slider:before{transform:translate(18px)}.toggle input:disabled+.toggle__slider{opacity:.4;cursor:not-allowed}.notification-bell{position:relative}.notification-bell__btn{position:relative;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--sp-1);border-radius:var(--radius-sm);transition:color var(--transition-base)}.notification-bell__btn:hover{color:var(--text-primary)}.notification-bell__badge{position:absolute;top:-2px;right:-2px;background:var(--danger);color:var(--text-primary);font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:0 var(--sp-1);line-height:1}.notification-dropdown{position:absolute;top:calc(100% + var(--sp-2));left:0;width:320px;max-height:400px;overflow-y:auto;background:var(--glass-strong);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:0 8px 32px #0006;z-index:var(--z-dropdown)}.notification-dropdown__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-glass)}.notification-dropdown__title{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary)}.notification-dropdown__mark-all{background:none;border:none;color:var(--blue);font-size:var(--fs-xs);cursor:pointer;font-weight:500}.notification-dropdown__mark-all:hover{text-decoration:underline}.notification-item{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-glass);cursor:pointer;transition:background var(--transition-base)}.notification-item:hover{background:#ffffff08}.notification-item:last-child{border-bottom:none}.notification-item__dot{width:8px;height:8px;border-radius:50%;margin-top:var(--sp-1);flex-shrink:0}.notification-item__dot--unread{background:var(--blue)}.notification-item__dot--read{border:1px solid var(--text-tertiary);background:transparent}.notification-item__content{flex:1;min-width:0}.notification-item__title{font-size:var(--fs-sm);font-weight:500;color:var(--text-primary);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item__message{font-size:var(--fs-xs);color:var(--text-secondary);margin-bottom:var(--sp-1)}.notification-item__time{font-size:var(--fs-xs);color:var(--text-tertiary)}.notification-dropdown__empty{padding:var(--sp-8) var(--sp-4);text-align:center;font-size:var(--fs-sm);color:var(--text-secondary)}:root{--bg: #171717;--bg-subtle: #121212;--bg-muted: #1E1E1E;--bg-card-glass: rgba(38,38,38,.7);--glass-bg: rgba(38,38,38,.55);--glass-strong: rgba(38,38,38,.8);--glass-blur: 16px;--border-glass: rgba(255,255,255,.08);--blue: #0080FF;--green: #22C55E;--purple: #8B00FF;--danger: #EF4444;--warning: #F59E0B;--text-primary: #FFFFFF;--text-secondary: #A0A0A0;--text-tertiary: #666666;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--sp-16: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 16px;--fs-lg: 20px;--fs-xl: 24px;--fs-2xl: 32px;--z-sidebar: 20;--z-topbar: 30;--z-dropdown: 40;--z-modal: 50;--z-toast: 60;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text-primary);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh}a{color:var(--blue);text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-glass);border-radius:var(--radius-lg)}.glass-card-strong{background:var(--glass-strong);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-glass);border-radius:var(--radius-lg)}.toast-container{position:fixed;bottom:var(--sp-6);right:var(--sp-6);z-index:var(--z-toast);display:flex;flex-direction:column-reverse;gap:var(--sp-2);pointer-events:none}.toast{pointer-events:auto;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:500;display:flex;align-items:center;gap:var(--sp-2);min-width:280px;max-width:420px;animation:toast-slide-in var(--transition-slow) ease forwards;box-shadow:0 4px 12px #0006}.toast--success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:var(--green)}.toast--error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:var(--danger)}.toast--info{background:#0080ff26;border:1px solid rgba(0,128,255,.3);color:var(--blue)}.toast--exit{animation:toast-slide-out var(--transition-base) ease forwards}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);z-index:var(--z-modal);gap:var(--sp-6)}.loading-logo{font-size:var(--fs-2xl);font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-glass);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;height:100vh;position:fixed;left:0;top:0;background:var(--bg-subtle);border-right:1px solid var(--border-glass);display:flex;flex-direction:column;z-index:var(--z-sidebar);transition:transform var(--transition-slow)}.sidebar--collapsed{transform:translate(-100%)}.sidebar__header{padding:var(--sp-6) var(--sp-4);border-bottom:1px solid var(--border-glass)}.sidebar__logo{font-size:var(--fs-lg);font-weight:700;color:var(--text-primary)}.sidebar__nav{flex:1;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-1)}.sidebar__nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:500;transition:background var(--transition-fast),color var(--transition-fast);text-decoration:none}.sidebar__nav-item:hover:not(.sidebar__nav-item--disabled){background:var(--bg-muted);color:var(--text-primary)}.sidebar__nav-item--active{background:#0080ff1a;color:var(--blue)}.sidebar__nav-item--disabled{opacity:.35;cursor:not-allowed}.sidebar__user{padding:var(--sp-4);border-top:1px solid var(--border-glass);display:flex;align-items:center;gap:var(--sp-3)}.sidebar__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--bg-muted)}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{font-size:var(--fs-xs);color:var(--text-tertiary);text-transform:capitalize}.sidebar__logout-btn{padding:var(--sp-2);color:var(--text-tertiary);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.sidebar__logout-btn:hover{color:var(--danger);background:#ef44441a}.main-content{flex:1;margin-left:260px;padding:var(--sp-8);min-height:100vh;transition:margin-left var(--transition-slow)}.main-content--expanded{margin-left:0}.hamburger-btn{display:none;position:fixed;top:var(--sp-4);left:var(--sp-4);z-index:var(--z-topbar);padding:var(--sp-2);background:var(--glass-strong);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:calc(var(--z-sidebar) - 1)}@media(max-width:768px){.hamburger-btn{display:flex}.sidebar{transform:translate(-100%)}.sidebar--mobile-open{transform:translate(0)}.sidebar-overlay--visible{display:block}.main-content{margin-left:0;padding:var(--sp-4);padding-top:calc(var(--sp-4) + 48px)}.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}.role-badge{display:inline-flex;align-items:center;padding:2px var(--sp-2);border-radius:var(--sp-1);font-size:var(--fs-xs);font-weight:600;text-transform:capitalize}.role-badge--super_admin{background:#8b00ff26;color:var(--purple)}.role-badge--admin{background:#0080ff26;color:var(--blue)}.role-badge--member{background:#a0a0a026;color:var(--text-secondary)}.role-badge--guest{background:#ffa50026;color:var(--warning)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-glass)}.data-table td{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-glass);vertical-align:middle}.data-table tr:hover{background:#ffffff05}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-4)}.shortcut-card{padding:var(--sp-6);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center;transition:border-color var(--transition-fast)}.shortcut-card--disabled{opacity:.4;cursor:not-allowed}.shortcut-card:not(.shortcut-card--disabled):hover{border-color:#ffffff26}.shortcut-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:#0080ff1a;color:var(--blue)}.shortcut-card__title{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary)}.shortcut-card__desc{font-size:var(--fs-xs);color:var(--text-tertiary)}.role-select{background:var(--bg-muted);color:var(--text-primary);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:var(--sp-1) var(--sp-2);font-size:var(--fs-sm);font-family:inherit;cursor:pointer;outline:none}.role-select:focus{border-color:var(--blue)}.page-header{margin-bottom:var(--sp-8)}.page-header__title{font-size:var(--fs-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--sp-1)}.page-header__subtitle{font-size:var(--fs-sm);color:var(--text-tertiary)}.status-toggle{display:inline-flex;align-items:center;gap:var(--sp-2)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot--active{background:var(--green)}.status-dot--inactive{background:var(--danger)}@media(max-width:480px){.page-header__title{font-size:var(--fs-lg)}.page-header__subtitle{font-size:var(--fs-xs)}.app-shell__content{padding:var(--sp-3)}}