@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--color-primary:#141779;--color-primary-fixed:#e0e0ff;--color-primary-fixed-dim:#bfc2ff;--color-primary-container:#2d328f;--color-on-primary:#fff;--color-on-primary-fixed:#01006e;--color-on-primary-fixed-variant:#363b98;--color-on-primary-container:#9ba1ff;--color-inverse-primary:#bfc2ff;--color-surface-tint:#4f54b1;--color-secondary:#8b5000;--color-secondary-container:#fd9d2e;--color-secondary-fixed:#ffdcbf;--color-secondary-fixed-dim:#ffb872;--color-on-secondary:#fff;--color-on-secondary-fixed:#2d1600;--color-on-secondary-fixed-variant:#6a3b00;--color-on-secondary-container:#683a00;--color-tertiary:#00265a;--color-tertiary-container:#003b84;--color-tertiary-fixed:#d8e2ff;--color-tertiary-fixed-dim:#adc6ff;--color-on-tertiary:#fff;--color-on-tertiary-container:#7da8ff;--color-on-tertiary-fixed:#001a42;--color-on-tertiary-fixed-variant:#004395;--color-background:#f9f9ff;--color-on-background:#111c2d;--color-surface:#f9f9ff;--color-surface-bright:#f9f9ff;--color-surface-dim:#cfdaf2;--color-surface-variant:#fff;--color-surface-container-lowest:#fff;--color-surface-container-low:#f0f3ff;--color-surface-container:#e7eeff;--color-surface-container-high:#dee8ff;--color-surface-container-highest:#d8e3fb;--color-on-surface:#111c2d;--color-on-surface-variant:#464652;--color-inverse-surface:#263143;--color-inverse-on-surface:#ecf1ff;--color-outline:#767683;--color-outline-variant:#c7c5d4;--color-error:#ba1a1a;--color-error-container:#ffdad6;--color-on-error:#fff;--color-on-error-container:#93000a;--spacing-xs:4px;--spacing-sm:12px;--spacing-base:8px;--spacing-md:24px;--spacing-lg:48px;--spacing-xl:80px;--spacing-gutter:24px;--spacing-margin-mobile:16px;--spacing-margin-desktop:64px;--radius:2px;--radius-lg:4px;--radius-xl:8px;--radius-full:12px;--font-family:"Plus Jakarta Sans", sans-serif;--fs-display-lg:48px;--lh-display-lg:1.1;--fw-display-lg:700;--ls-display-lg:-.02em;--fs-display-lg-mobile:36px;--lh-display-lg-mobile:1.2;--fw-display-lg-mobile:700;--fs-headline-md:30px;--lh-headline-md:1.3;--fw-headline-md:600;--fs-headline-sm:24px;--lh-headline-sm:1.3;--fw-headline-sm:600;--fs-body-lg:18px;--lh-body-lg:1.6;--fw-body-lg:400;--fs-body-md:16px;--lh-body-md:1.5;--fw-body-md:400;--fs-label-md:14px;--lh-label-md:1.4;--fw-label-md:500;--ls-label-md:.01em;--fs-label-sm:12px;--lh-label-sm:1.2;--fw-label-sm:600}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-on-background);width:100%;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;font-size:20px}.text-display-lg{font-size:var(--fs-display-lg);line-height:var(--lh-display-lg);font-weight:var(--fw-display-lg);letter-spacing:var(--ls-display-lg)}.text-headline-md{font-size:var(--fs-headline-md);line-height:var(--lh-headline-md);font-weight:var(--fw-headline-md)}.text-headline-sm{font-size:var(--fs-headline-sm);line-height:var(--lh-headline-sm);font-weight:var(--fw-headline-sm)}.text-body-lg{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);font-weight:var(--fw-body-lg)}.text-body-md{font-size:var(--fs-body-md);line-height:var(--lh-body-md);font-weight:var(--fw-body-md)}.text-label-md{font-size:var(--fs-label-md);line-height:var(--lh-label-md);font-weight:var(--fw-label-md);letter-spacing:var(--ls-label-md)}.text-label-sm{font-size:var(--fs-label-sm);line-height:var(--lh-label-sm);font-weight:var(--fw-label-sm)}.color-on-surface{color:var(--color-on-surface)}.color-on-surface-variant{color:var(--color-on-surface-variant)}.color-outline{color:var(--color-outline)}.color-secondary{color:var(--color-secondary)}.app{width:100%;min-height:100vh}.login-container{width:100%;min-height:100vh;padding:0 var(--spacing-margin-mobile);background-color:var(--color-background);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.login-container__bg-pattern{pointer-events:none;opacity:.03;z-index:0;background-image:radial-gradient(var(--color-primary) 1px, transparent 1px);background-size:32px 32px;position:fixed;inset:0}.login-container__inner{z-index:1;align-items:center;gap:var(--spacing-lg);flex-direction:column;width:100%;max-width:440px;display:flex;position:relative}.login-container__accent{gap:var(--spacing-gutter);margin-top:var(--spacing-sm);display:flex}.login-container__accent-bar{border-radius:var(--radius-full);width:48px;height:6px}.login-container__accent-bar--dim{background-color:#14177933}.login-container__accent-bar--vivid{background-color:var(--color-secondary-container)}.login-container__footer{color:#46465299;text-align:center}@media (width>=768px){.login-container{padding:0}}.login-form{background-color:var(--color-surface-container-lowest);border-radius:var(--radius-xl);width:100%;padding:var(--spacing-md);gap:var(--spacing-md);border:1px solid #c7c5d44d;flex-direction:column;display:flex;box-shadow:0 10px 40px -10px #14177914}.login-form__heading{gap:var(--spacing-xs);text-align:center;flex-direction:column;display:flex}.login-form__title{color:var(--color-on-surface)}.login-form__subtitle{color:var(--color-on-surface-variant)}.login-form__fields{gap:var(--spacing-md);flex-direction:column;display:flex}.login-form__field{gap:var(--spacing-xs);flex-direction:column;display:flex}.login-form__label-row{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.login-form__label{color:var(--color-on-surface-variant)}.login-form__forgot{color:var(--color-secondary);text-decoration:none;transition:color .2s}.login-form__forgot:hover{color:var(--color-on-secondary-container)}.login-form__input-wrap{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);transition:border-color .2s,box-shadow .2s;position:relative}.login-form__input-wrap:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px #1417790d}.login-form__input-icon{color:var(--color-outline);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.login-form__input{border-radius:var(--radius-lg);width:100%;font-family:var(--font-family);font-size:var(--fs-body-md);line-height:var(--lh-body-md);color:var(--color-on-surface);background:0 0;border:none;outline:none;padding:12px 16px 12px 44px}.login-form__input::placeholder{color:#76768380}.login-form__input--password{padding-right:48px}.login-form__eye-btn{cursor:pointer;color:var(--color-outline);background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-form__eye-btn:hover{color:var(--color-on-surface-variant)}.login-form__remember{align-items:center;gap:var(--spacing-sm);padding:0 4px;display:flex}.login-form__checkbox{border-radius:var(--radius);border:1.5px solid var(--color-outline);width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.login-form__remember-label{color:var(--color-on-surface-variant);cursor:pointer}.login-form__submit{background-color:var(--color-primary);width:100%;color:var(--color-on-primary);font-family:var(--font-family);font-size:var(--fs-label-md);font-weight:var(--fw-headline-sm);border-radius:var(--radius-lg);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;padding:16px;line-height:1;transition:background-color .3s,transform .1s;display:flex;position:relative;overflow:hidden}.login-form__submit:after{content:"";opacity:0;background-color:#ffffff0d;transition:opacity .2s;position:absolute;inset:0}.login-form__submit:hover{background-color:var(--color-tertiary)}.login-form__submit:hover:after{opacity:1}.login-form__submit:active{transform:scale(.98)}.login-form__submit:disabled{opacity:.7;cursor:not-allowed}.login-form__submit-arrow{transition:transform .2s}.login-form__submit:hover .login-form__submit-arrow{transform:translate(4px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-form__spinner{animation:.9s linear infinite spin;display:inline-block}.login-form__footer{padding-top:var(--spacing-sm);align-items:center;gap:var(--spacing-xs);border-top:1px solid #c7c5d433;flex-direction:column;display:flex}.login-form__authorized{color:var(--color-outline);text-align:center;text-transform:uppercase;letter-spacing:.15em}.login-form__ssl{align-items:center;gap:var(--spacing-xs);color:#76768366;display:flex}.login-form__ssl-icon{font-size:14px!important}@media (width>=768px){.login-form{padding:var(--spacing-lg)}.login-form__heading{text-align:left}}.am-container{height:100vh;display:flex;overflow:hidden}.am-container__main{background-color:var(--color-surface);flex-direction:column;flex:1;margin-left:288px;display:flex;overflow:hidden}.am-container__canvas{flex-direction:column;flex:1;display:flex;overflow-y:auto}.am-container__content{padding:var(--spacing-lg) var(--spacing-margin-desktop);max-width:1440px}.am-filter-bar{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.am-filter-bar__filters{gap:var(--spacing-sm);display:flex}.am-filter-bar__filter-btn{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background-color:var(--color-surface-container);color:var(--color-on-surface-variant);font-family:var(--font-family);font-size:var(--fs-label-md);cursor:pointer;border:none;font-weight:500;transition:all .2s}.am-filter-bar__filter-btn--active{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.am-filter-bar__filter-btn:hover:not(.am-filter-bar__filter-btn--active){background-color:var(--color-surface-container-high)}.am-filter-bar__count{color:var(--color-on-surface-variant);font-size:12px;font-weight:500}.am-articles-list{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.am-empty-state{padding:var(--spacing-xl);color:var(--color-on-surface-variant);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.am-empty-state span.material-symbols-outlined{color:var(--color-outline-variant);margin-bottom:var(--spacing-md);font-size:64px}.am-empty-state p{font-size:18px;font-weight:500}.am-loading-state{padding:var(--spacing-xl);color:var(--color-on-surface-variant);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.am-loading-state span.material-symbols-outlined{color:var(--color-primary);font-size:48px;animation:1s linear infinite spin}.am-loading-state p{font-size:16px;font-weight:500}.am-error-state{padding:var(--spacing-xl);color:var(--color-on-surface-variant);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.am-error-state span.material-symbols-outlined{color:var(--color-error);margin-bottom:var(--spacing-md);font-size:64px}.am-error-state p{color:var(--color-on-surface);font-size:16px;font-weight:500}.am-retry-btn{align-items:center;gap:var(--spacing-xs);background-color:var(--color-primary);color:var(--color-on-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--fs-label-md);cursor:pointer;margin-top:var(--spacing-sm);border:none;font-weight:500;transition:box-shadow .2s;display:inline-flex}.am-retry-btn:hover{box-shadow:0 4px 12px #14177940}.am-pagination{margin-top:var(--spacing-xl);padding-bottom:var(--spacing-lg);justify-content:center;display:flex}.am-pagination__nav{gap:var(--spacing-xs);align-items:center;display:flex}.am-pagination__btn{border-radius:var(--radius-lg);border:1px solid var(--color-outline-variant);width:40px;height:40px;color:var(--color-outline);font-family:var(--font-family);cursor:pointer;background-color:#0000;justify-content:center;align-items:center;font-weight:600;transition:all .2s;display:flex}.am-pagination__btn:hover:not(:disabled){background-color:var(--color-surface-container);color:var(--color-on-surface)}.am-pagination__btn--active{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.am-pagination__btn--ellipsis{cursor:default;color:var(--color-outline);border:none}.am-pagination__btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.am-container__main{margin-left:0}.am-container__content{padding:var(--spacing-md) var(--spacing-margin-mobile)}.am-filter-bar{flex-direction:column;align-items:flex-start}.am-filter-bar__filters{flex-wrap:wrap}}.sidebar{z-index:50;width:288px;height:100%;padding:var(--spacing-sm) var(--spacing-sm);padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);background-color:var(--color-primary-container);flex-direction:column;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;left:0;box-shadow:0 20px 60px -10px #0000004d}.sidebar__header{margin-bottom:var(--spacing-lg);padding:0 var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.sidebar__brand{align-items:center;gap:var(--spacing-sm);display:flex}.sidebar__logo{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;justify-content:start;align-items:center;width:40px;height:40px;display:flex}.sidebar__brand-text{flex-direction:column;gap:2px;display:flex}.sidebar__brand-name{color:#fff;line-height:1}.sidebar__brand-role{color:#ffa600af}.sidebar__nav{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.sidebar__nav-link{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);color:#fff;text-decoration:none;transition:background-color .2s;display:flex}.sidebar__nav-link--active{background-color:var(--color-primary);color:#fff}.sidebar__nav-link:hover{background-color:var(--color-surface-container-high);color:#000}.sidebar__nav-link--active:hover{background-color:var(--color-primary)}.topbar{z-index:30;-webkit-backdrop-filter:blur(12px);padding:var(--spacing-md) var(--spacing-margin-desktop);border-bottom:1px solid var(--color-outline-variant);border-bottom-opacity:.15;justify-content:space-between;align-items:center;gap:var(--spacing-lg);background-color:#f9f9fff2;width:100%;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #1417790a}.topbar__left{flex:0 auto}.topbar__title{color:var(--color-primary);margin:0;margin-bottom:var(--spacing-xs);font-size:24px;font-weight:600;line-height:1.3}.topbar__subtitle{color:var(--color-on-surface-variant);margin:0;font-size:14px;font-weight:400;line-height:1.4}.topbar__right{align-items:center;gap:var(--spacing-md);flex-shrink:0;display:flex}.topbar__create-btn{align-items:center;gap:var(--spacing-xs);background-color:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-family);font-size:var(--fs-label-md);font-weight:var(--fw-label-md);letter-spacing:var(--ls-label-md);padding:8px var(--spacing-sm);border-radius:var(--radius-full);cursor:pointer;border:none;transition:box-shadow .2s;display:flex}.topbar__create-btn:hover{box-shadow:0 4px 12px #14177940}.topbar__search-wrap{background-color:var(--color-surface-container-low);border-radius:var(--radius-full);padding:0 var(--spacing-md);align-items:center;gap:var(--spacing-xs);border:1px solid #c7c5d466;min-width:280px;transition:all .2s;display:flex;position:relative}.topbar__search-wrap:hover{border-color:#c7c5d4b3}.topbar__search-wrap:focus-within{border-color:var(--color-secondary-container);box-shadow:0 0 0 3px #fd9d2e33}.topbar__search-icon{color:var(--color-outline);flex-shrink:0;font-size:20px}.topbar__search-input{box-shadow:none;font-family:var(--font-family);color:var(--color-on-surface);padding:var(--spacing-sm) 0;appearance:none;background-clip:padding-box;flex:1;min-width:0;margin-left:1rem;font-size:14px;background:0 0!important;border:none!important;outline:none!important}.topbar__search-input::placeholder{color:var(--color-outline-variant)}.topbar__search-input:focus{box-shadow:none;-webkit-outline:none!important;border:none!important;outline:none!important}.topbar__search-input:focus-visible{box-shadow:none;outline:none}.topbar__search-input:-webkit-autofill{-webkit-text-fill-color:var(--color-on-surface);-webkit-box-shadow:0 0 0 1000px var(--color-surface-container-low) inset;box-shadow:0 0 0 1000px var(--color-surface-container-low) inset}.topbar__search-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-on-surface);-webkit-box-shadow:0 0 0 1000px var(--color-surface-container-low) inset;box-shadow:0 0 0 1000px var(--color-surface-container-low) inset}.topbar__search-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-on-surface);-webkit-box-shadow:0 0 0 1000px var(--color-surface-container-low) inset;box-shadow:0 0 0 1000px var(--color-surface-container-low) inset}.topbar__divider{background-color:var(--color-outline-variant);opacity:.2;width:1px;height:24px}.topbar__icon-btn{border-radius:var(--radius-full);cursor:pointer;width:40px;height:40px;color:var(--color-on-surface-variant);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.topbar__icon-btn:hover{background-color:var(--color-surface-container);color:var(--color-primary)}.topbar__notification-badge{background-color:var(--color-error);border-radius:var(--radius-full);width:8px;height:8px;position:absolute;top:4px;right:4px}.topbar__avatar{border-radius:var(--radius-full);border:2px solid var(--color-primary-fixed);object-fit:cover;flex-shrink:0;width:40px;height:40px;box-shadow:0 2px 8px #0000001f}.topbar__logout-btn{align-items:center;gap:var(--spacing-xs);background-color:var(--color-error);color:var(--color-on-error);font-family:var(--font-family);font-size:var(--fs-label-md);font-weight:var(--fw-label-md);letter-spacing:var(--ls-label-md);padding:8px var(--spacing-sm);border-radius:var(--radius-full);cursor:pointer;border:none;flex-shrink:0;transition:box-shadow .2s;display:flex}.topbar__logout-btn:hover{box-shadow:0 4px 12px #b0000040}.topbar__logout-btn span.material-symbols-outlined{font-size:20px}@media (width<=1024px){.topbar{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-md)}.topbar__search-wrap{min-width:240px}}@media (width<=768px){.topbar{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.topbar__title{font-size:20px}.topbar__subtitle{display:none}.topbar__right{gap:var(--spacing-sm)}.topbar__search-wrap{min-width:200px}.topbar__divider,.topbar__create-btn span:last-child{display:none}}@media (width<=640px){.topbar{padding:var(--spacing-sm) var(--spacing-md);align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.topbar__left{width:100%}.topbar__right{gap:var(--spacing-sm);width:100%}.topbar__search-wrap{flex:1;min-width:auto}}.article-card{background-color:var(--color-surface-container-lowest);padding:var(--spacing-md);border-radius:var(--radius-xl);justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);border:1px solid var(--color-outline-variant);border-opacity:.2;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 1px 4px #1417790a}.article-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #1417791a}.article-card--archived{background-color:var(--color-surface-container);opacity:.75;grayscale:1}.article-card--archived:hover{opacity:1;grayscale:0}.article-card__content{flex:1;min-width:0}.article-card__header{margin-bottom:var(--spacing-xs)}.article-card__meta-row{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.article-card__badge{border-radius:var(--radius);text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;font-size:10px;font-weight:700}.article-card__badge--published{color:#15803d;background-color:#dcfce7}.article-card__badge--draft{color:#b45309;background-color:#fef3c7}.article-card__badge--archived{background-color:var(--color-surface-dim);color:var(--color-outline)}.article-card__category{text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant);font-size:12px;font-weight:600}.article-card__title{color:var(--color-primary);margin-bottom:var(--spacing-sm);cursor:pointer;font-size:24px;font-weight:600;line-height:1.3;transition:color .2s}.article-card:hover .article-card__title{color:var(--color-secondary-container)}.article-card__details{align-items:center;gap:var(--spacing-md);color:var(--color-outline);flex-wrap:wrap;font-size:14px;display:flex}.article-card__detail-item{align-items:center;gap:var(--spacing-xs);display:flex}.article-card__detail-item span.material-symbols-outlined{font-size:16px}.article-card__actions{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.article-card__action-btn{padding:var(--spacing-sm);border-radius:var(--radius-full);cursor:pointer;color:var(--color-outline);background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s,background-color .2s;display:flex}.article-card__action-btn--edit:hover{color:var(--color-primary);background-color:#2d328f1f}.article-card__action-btn--delete:hover{color:var(--color-error);background-color:var(--color-error-container)}.article-card__action-btn--restore:hover{color:var(--color-primary);background-color:#2d328f1f}.delete-modal-overlay{z-index:1000;background-color:#14177952;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.delete-modal{background-color:var(--color-surface-bright);border-radius:var(--radius-lg);text-align:center;width:90vw;max-width:420px;padding:var(--spacing-xl);align-items:center;gap:var(--spacing-lg);flex-direction:column;animation:.3s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 12px 32px #14177926}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.delete-modal__icon-wrapper{border-radius:var(--radius-full);background-color:#b538381a;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.delete-modal__icon{color:var(--color-error);justify-content:center;align-items:center;display:flex;font-size:32px!important}.delete-modal__title{color:var(--color-on-surface);width:100%;margin:0;font-size:22px;font-weight:600;line-height:1.3}.delete-modal__content{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.delete-modal__message{color:var(--color-on-surface-variant);word-break:break-word;margin:0;font-size:15px;line-height:1.5}.delete-modal__message strong{color:var(--color-on-surface);word-break:break-word;font-weight:600}.delete-modal__warning{color:var(--color-error);margin:0;font-size:13px;font-weight:500;line-height:1.4}.delete-modal__footer{gap:var(--spacing-md);width:100%;margin-top:var(--spacing-md);justify-content:center;display:flex}.delete-modal__btn{letter-spacing:.5px;border-radius:var(--radius-lg);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-family);border:none;flex:1;max-width:140px;padding:10px 24px;transition:all .2s}.delete-modal__btn--cancel{background-color:var(--color-surface-container);color:var(--color-on-surface);border:1px solid var(--color-outline-variant)}.delete-modal__btn--cancel:hover{background-color:var(--color-surface-container-high);border-color:var(--color-outline)}.delete-modal__btn--cancel:active{background-color:var(--color-surface-container)}.delete-modal__btn--confirm{background-color:var(--color-error);color:var(--color-on-error)}.delete-modal__btn--confirm:hover{background-color:#b41515;box-shadow:0 4px 12px #b538384d}.delete-modal__btn--confirm:active{background-color:#a81010}.delete-modal--dangerous .delete-modal__icon{animation:.4s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (width<=640px){.delete-modal{max-width:95vw;padding:var(--spacing-lg)}.delete-modal__title{font-size:20px}.delete-modal__message{font-size:14px}.delete-modal__footer{gap:var(--spacing-sm);flex-direction:column}.delete-modal__btn{width:100%;max-width:100%}}.cac-container{height:100vh;display:flex;overflow:hidden}.cac-container__main{background-color:var(--color-surface);flex-direction:column;flex:1;margin-left:288px;display:flex;overflow:hidden}.cac-container__canvas{flex-direction:column;flex:1;display:flex;overflow-y:auto}.cac-container__content{padding:var(--spacing-lg) var(--spacing-margin-desktop);width:100%;max-width:1000px;margin:0 auto}.cac-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.cac-header__info{flex:1}.cac-header__title{color:var(--color-primary);margin-bottom:var(--spacing-sm);font-size:24px;font-weight:600;line-height:1.3}.cac-header__description{color:var(--color-on-surface-variant);font-size:16px;line-height:1.5}.cac-footer{gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-outline-variant);justify-content:flex-end;align-items:center;display:flex}.cac-footer__btn{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xl);font-family:var(--font-family);letter-spacing:.01em;cursor:pointer;white-space:nowrap;border:none;font-size:14px;font-weight:500;transition:all .2s}.cac-footer__btn--secondary{border:1px solid var(--color-outline);color:var(--color-on-surface-variant);background-color:#0000}.cac-footer__btn--secondary:hover{background-color:var(--color-surface-container);color:var(--color-on-surface)}.cac-footer__btn--primary{background-color:var(--color-primary);color:var(--color-on-primary);box-shadow:0 2px 8px #14177926}.cac-footer__btn--primary:hover{background-color:var(--color-primary-container);box-shadow:0 4px 12px #14177940}.cac-footer__btn:active{transform:scale(.95)}.cac-footer__publication{align-items:center;gap:var(--spacing-sm);display:flex}.cac-footer__publication-label{color:var(--color-on-surface-variant);white-space:nowrap;font-size:14px;font-weight:500}.cac-footer__publication-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-secondary);border-radius:var(--radius-xl);background-color:var(--color-secondary-fixed);color:var(--color-on-secondary-fixed);font-family:var(--font-family);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 2px 8px #8b50001a}.cac-footer__publication-select:hover{background-color:var(--color-secondary-fixed-dim);border-color:var(--color-secondary-container)}.cac-footer__publication-select:focus{border-color:var(--color-secondary-container);background-color:var(--color-secondary-fixed-dim);outline:none;box-shadow:0 4px 12px #8b500033}.cac-footer__publication-select option{color:var(--color-on-surface);background-color:#fff}.cac-validation-errors{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-error-container);border:1px solid var(--color-error);border-radius:var(--radius-lg);animation:.3s ease-out slideUp}.cac-validation-errors__header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.cac-validation-errors__header>.material-symbols-outlined{color:var(--color-error);font-size:24px}.cac-validation-errors__header h4{color:var(--color-on-error-container);margin:0;font-size:16px;font-weight:600}.cac-validation-errors__list{padding-left:var(--spacing-lg);margin:0;list-style:outside}.cac-validation-errors__item{color:var(--color-on-error-container);margin-bottom:var(--spacing-xs);font-size:14px;line-height:1.5}.cac-header__btn:disabled{opacity:.6;cursor:not-allowed}.cac-header__btn:disabled:hover{background-color:inherit;box-shadow:none}@media (width<=768px){.cac-container__main{margin-left:0}.cac-container__content{padding:var(--spacing-md) var(--spacing-margin-mobile)}.cac-header{flex-direction:column;align-items:stretch}.cac-header__actions{flex-direction:column;width:100%}.cac-header__btn{flex:1}.cac-header__title{font-size:20px}.cac-header__description{font-size:14px}}.editor-panel{background-color:var(--color-surface-container-lowest);border-radius:var(--radius-xl);border:1px solid var(--color-outline-variant);overflow:hidden;box-shadow:0 1px 4px #1417790a}.editor-panel__title{width:100%;padding:var(--spacing-md);color:var(--color-on-surface);font-size:30px;font-weight:600;line-height:1.3;font-family:var(--font-family);border:none;border-bottom:1px solid var(--color-outline-variant);border-bottom-opacity:.3;background:0 0;outline:none;display:block}.editor-panel__title::placeholder{color:var(--color-outline-variant)}.editor-panel__preview-section{padding:var(--spacing-md);border-bottom:1px solid var(--color-outline-variant);border-bottom-opacity:.3}.editor-panel__preview-label{color:var(--color-on-surface-variant);margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;font-size:14px;font-weight:500;display:flex}.editor-panel__preview-char-count{color:var(--color-outline-variant);font-size:12px;font-weight:400}.editor-panel__preview-textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background-color:var(--color-surface-container-low);font-family:var(--font-family);color:var(--color-on-surface);resize:vertical;outline:none;min-height:80px;font-size:14px;line-height:1.5;transition:all .2s}.editor-panel__preview-textarea::placeholder{color:var(--color-outline-variant)}.editor-panel__preview-textarea:focus{border-color:var(--color-primary);background-color:var(--color-surface-container)}.editor-panel__categories{gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--color-outline-variant);border-bottom-opacity:.3;flex-wrap:wrap;align-items:center;display:flex}.editor-panel__categories-label{color:var(--color-on-surface-variant);white-space:nowrap;font-size:14px;font-weight:500}.editor-panel__tags{gap:var(--spacing-sm);flex-wrap:wrap;flex:1;align-items:center;display:flex}.editor-panel__tag{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-full);font-size:14px;font-weight:500;display:inline-flex}.editor-panel__tag-close{cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex}.editor-panel__tag-close:hover{color:var(--color-error)}.editor-panel__tag-close span{font-size:16px}.editor-panel__tag-select-wrapper{gap:var(--spacing-xs);align-items:center;display:flex}.editor-panel__tag-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);background-color:var(--color-surface-container-low);font-family:var(--font-family);color:var(--color-on-surface);cursor:pointer;outline:none;min-width:150px;font-size:14px;font-weight:500;transition:all .2s}.editor-panel__tag-select:hover{border-color:var(--color-primary);background-color:var(--color-surface-container)}.editor-panel__tag-select:focus{border-color:var(--color-primary);background-color:var(--color-surface-container);box-shadow:0 0 0 3px var(--color-primary-fixed)}.editor-panel__tag-select option{color:var(--color-on-surface);padding:var(--spacing-xs);background-color:#fff}.editor-panel__tag-add-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-on-primary);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-family);border:none;transition:all .2s;display:flex;box-shadow:0 2px 8px #14177926}.editor-panel__tag-add-btn:hover:not(:disabled){background-color:var(--color-primary-container);box-shadow:0 4px 12px #14177940}.editor-panel__tag-add-btn:disabled{opacity:.6;cursor:not-allowed}.editor-panel__tag-add-btn span{font-size:18px}.editor-panel__toolbar{gap:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--color-surface-container-low);background-opacity:.5;border-bottom:1px solid var(--color-outline-variant);border-bottom-opacity:.2;width:fit-content;display:flex}.editor-panel__toolbar-btn{padding:var(--spacing-xs);border-radius:var(--radius);cursor:pointer;color:var(--color-on-surface-variant);background:0 0;border:none;align-items:center;transition:all .2s;display:flex}.editor-panel__toolbar-btn:hover{color:var(--color-primary);background-color:#fff}.editor-panel__toolbar-btn span{font-size:20px}.editor-panel__editor{min-height:300px;padding:var(--spacing-md);color:var(--color-on-surface-variant);font-size:16px;line-height:1.6;font-family:var(--font-family);word-break:break-word;overflow-wrap:break-word;text-align:left;direction:ltr;unicode-bidi:plaintext;outline:none}.editor-panel__editor:focus{outline:none}.editor-panel__editor:empty:before{content:attr(data-placeholder);color:var(--color-outline-variant);pointer-events:none}@media (width<=768px){.editor-panel__categories{flex-direction:column;align-items:flex-start}.editor-panel__tags{width:100%}.editor-panel__tag-input-wrapper{flex-direction:column;width:100%}.editor-panel__tag-input,.editor-panel__tag-add-btn{width:100%}.editor-panel__toolbar{flex-wrap:wrap}.editor-panel__title{padding:var(--spacing-md) var(--spacing-sm);font-size:24px}.editor-panel__editor{padding:var(--spacing-sm)}}.error-notification{bottom:var(--spacing-lg);left:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-error-container);border:1px solid var(--color-error);border-radius:var(--radius-lg);z-index:1000;max-width:500px;animation:.3s ease-out slideUp;display:flex;position:fixed;box-shadow:0 2px 8px #b3261e26}.error-notification__content{align-items:center;gap:var(--spacing-md);flex:1;display:flex}.error-notification__content>.material-symbols-outlined{color:var(--color-error);flex-shrink:0;font-size:24px}.error-notification__message{color:var(--color-on-error-container);margin:0;font-size:14px;line-height:1.5}.error-notification__close{cursor:pointer;color:var(--color-on-error-container);background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;transition:color .2s;display:flex}.error-notification__close:hover{color:var(--color-error)}.error-notification__close>.material-symbols-outlined{font-size:24px}.eac-container{height:100vh;display:flex;overflow:hidden}.eac-container__main{background-color:var(--color-surface);flex-direction:column;flex:1;margin-left:288px;display:flex;overflow:hidden}.eac-container__canvas{flex-direction:column;flex:1;display:flex;overflow-y:auto}.eac-container__content{padding:var(--spacing-lg) var(--spacing-margin-desktop);flex-direction:column;width:100%;max-width:1000px;margin:0 auto;display:flex}.eac-container__description{margin-bottom:var(--spacing-md)}.eac-container__desc-title{color:var(--color-primary);margin:0 0 var(--spacing-sm) 0;font-size:24px;font-weight:600;line-height:1.3}.eac-container__desc-text{color:var(--color-on-surface-variant);margin:0;font-size:16px;line-height:1.5}.eac-footer{gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-outline-variant);border-top-opacity:.15;justify-content:flex-end;align-items:center;display:flex}.eac-footer__btn{padding:10px var(--spacing-md);border-radius:var(--radius-xl);font-family:var(--font-family);letter-spacing:.01em;cursor:pointer;align-items:center;gap:var(--spacing-xs);white-space:nowrap;border:none;font-size:14px;font-weight:500;transition:all .2s;display:flex}.eac-footer__btn--secondary{border:1px solid var(--color-outline);color:var(--color-on-surface-variant);background-color:#0000}.eac-footer__btn--secondary:hover{background-color:var(--color-surface-container);color:var(--color-on-surface)}.eac-footer__publication{align-items:center;gap:var(--spacing-sm);display:flex}.eac-footer__publication-label{color:var(--color-on-surface-variant);white-space:nowrap;font-size:14px;font-weight:500}.eac-footer__publication-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-secondary);border-radius:var(--radius-xl);background-color:var(--color-secondary-fixed);color:var(--color-on-secondary-fixed);font-family:var(--font-family);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 2px 8px #8b50001a}.eac-footer__publication-select:hover{background-color:var(--color-secondary-fixed-dim);border-color:var(--color-secondary-container)}.eac-footer__publication-select:focus{border-color:var(--color-secondary-container);background-color:var(--color-secondary-fixed-dim);outline:none;box-shadow:0 4px 12px #8b500033}.eac-footer__publication-select option{color:var(--color-on-surface);background-color:#fff}.eac-footer__btn--primary{background-color:var(--color-primary);color:var(--color-on-primary);box-shadow:0 2px 8px #14177926}.eac-footer__btn--primary:hover{background-color:var(--color-primary-container);box-shadow:0 4px 12px #14177940}.eac-footer__btn:active{transform:scale(.95)}.eac-footer__btn span.material-symbols-outlined{font-size:20px}@media (width<=768px){.eac-container__main{margin-left:0}.eac-container__content{padding:var(--spacing-md) var(--spacing-margin-mobile)}.eac-footer{align-items:stretch;gap:var(--spacing-sm);flex-direction:column}.eac-footer__btn{justify-content:center}.eac-container__desc-title{font-size:20px}.eac-container__desc-text{font-size:14px}}.rl-container{background-color:var(--color-surface);height:100vh;font-family:var(--font-family);color:var(--color-on-surface);display:flex;overflow:hidden}.rl-container__main{flex-direction:column;flex:1;height:100vh;margin-left:288px;display:flex;overflow:hidden}.rl-container__canvas{padding:var(--spacing-md) var(--spacing-margin-desktop);flex:1;overflow-y:auto}.rl-container__canvas::-webkit-scrollbar{width:4px}.rl-container__canvas::-webkit-scrollbar-track{background:0 0}.rl-container__canvas::-webkit-scrollbar-thumb{background:var(--color-surface-variant);border-radius:10px}.rl-container__list{gap:var(--spacing-sm);flex-direction:column;display:flex}.rl-loading-state{padding:var(--spacing-xl);color:var(--color-on-surface-variant);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;min-height:300px;display:flex}.rl-loading-state span.material-symbols-outlined{color:var(--color-primary);font-size:48px;animation:1s linear infinite spin}.rl-loading-state p{font-size:16px;font-weight:500}.rl-error-state{padding:var(--spacing-xl);color:var(--color-on-surface-variant);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;min-height:300px;display:flex}.rl-error-state span.material-symbols-outlined{color:var(--color-error);margin-bottom:var(--spacing-md);font-size:64px}.rl-error-state p{color:var(--color-on-surface);font-size:16px;font-weight:500}.rl-retry-btn{align-items:center;gap:var(--spacing-xs);background-color:var(--color-primary);color:var(--color-on-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--fs-label-md);cursor:pointer;margin-top:var(--spacing-sm);border:none;font-weight:500;transition:box-shadow .2s;display:inline-flex}.rl-retry-btn:hover{box-shadow:0 4px 12px #14177940}.rl-empty-state{padding:var(--spacing-xl);color:var(--color-on-surface-variant);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;min-height:300px;display:flex}.rl-empty-state span.material-symbols-outlined{color:var(--color-outline-variant);margin-bottom:var(--spacing-md);font-size:64px}.rl-empty-state p{font-size:18px;font-weight:500}.resource-card{background-color:var(--color-surface-container-lowest);padding:var(--spacing-md);border-radius:var(--radius-xl);border-left:4px solid #0000;justify-content:space-between;align-items:center;transition:box-shadow .2s;display:flex;box-shadow:0 1px 4px #1417790a}.resource-card:hover{box-shadow:0 6px 24px #1417791a}.resource-card--primary{border-left-color:var(--color-primary)}.resource-card--secondary{border-left-color:var(--color-secondary-container)}.resource-card__body{min-width:0;padding-right:var(--spacing-md);flex:1}.resource-card__meta{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);flex-wrap:wrap;display:flex}.resource-card__badge{border-radius:var(--radius);text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;font-size:10px;font-weight:700}.resource-card__badge--public{color:#15803d;background-color:#dcfce7}.resource-card__badge--internal{background-color:var(--color-secondary-fixed);color:var(--color-on-secondary-fixed)}.resource-card__detail{color:var(--color-outline)}.resource-card__title{font-size:18px;line-height:1.3;font-weight:var(--fw-headline-sm);color:var(--color-on-surface);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.resource-card__actions{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.resource-card__action-btn{padding:var(--spacing-sm);border-radius:var(--radius-full);cursor:pointer;color:var(--color-outline);background:0 0;border:none;align-items:center;transition:color .2s,background-color .2s;display:flex}.resource-card__action-btn--edit:hover{color:var(--color-primary);background-color:#2d328f1f}.resource-card__action-btn--delete:hover{color:var(--color-error);background-color:#ba1a1a1a}.pr-container{background-color:var(--color-surface);height:100vh;font-family:var(--font-family);color:var(--color-on-surface);display:flex;overflow:hidden}.pr-container__main{flex-direction:column;flex:1;height:100vh;margin-left:288px;display:flex;overflow:hidden}.pr-container__canvas{padding:var(--spacing-lg) var(--spacing-margin-desktop);flex:1;max-width:900px;overflow-y:auto}.pr-container__canvas::-webkit-scrollbar{width:6px}.pr-container__canvas::-webkit-scrollbar-track{background:0 0}.pr-container__canvas::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:10px}.pr-topbar{z-index:30;-webkit-backdrop-filter:blur(12px);padding:var(--spacing-sm) var(--spacing-margin-mobile);background-color:#f9f9ffcc;justify-content:space-between;align-items:center;width:100%;display:flex;position:sticky;top:0}.pr-topbar__left{align-items:center;gap:var(--spacing-sm);display:flex}.pr-topbar__back{color:var(--color-on-surface-variant);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;align-items:center;padding:4px;text-decoration:none;transition:color .2s,background-color .2s;display:flex}.pr-topbar__back:hover{color:var(--color-primary);background-color:var(--color-surface-container)}.pr-topbar__title{color:var(--color-primary)}.pr-topbar__actions{align-items:center;gap:var(--spacing-sm);display:flex}.pr-topbar__btn{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--fs-label-md);font-weight:var(--fw-label-md);letter-spacing:var(--ls-label-md);cursor:pointer;border:none;transition:background-color .2s,box-shadow .2s,transform .1s}.pr-topbar__btn:active{transform:scale(.96)}.pr-topbar__btn--draft{border:1px solid var(--color-outline);color:var(--color-on-surface);background:0 0}.pr-topbar__btn--draft:hover{background-color:var(--color-surface-container-high)}.pr-topbar__btn--publish{background-color:var(--color-primary);color:var(--color-on-primary);box-shadow:0 2px 8px #14177933}.pr-topbar__btn--publish:hover{background-color:var(--color-primary-container);box-shadow:0 4px 16px #1417794d}@media (width>=768px){.pr-topbar{padding:var(--spacing-sm) var(--spacing-margin-desktop)}}.pr-form-card{background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);padding:var(--spacing-md);gap:var(--spacing-md);flex-direction:column;display:flex;box-shadow:0 1px 4px #1417790f}.pr-form-card__section-head{border-bottom:1px solid var(--color-outline-variant);padding-bottom:var(--spacing-sm)}.pr-form-card__section-title{color:var(--color-on-surface)}.pr-form-card__section-subtitle{color:var(--color-on-surface-variant);margin-top:var(--spacing-xs)}.pr-form-card__grid{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.pr-form-card__grid{grid-template-columns:1fr 1fr}}.pr-form-card__field{gap:var(--spacing-xs);flex-direction:column;display:flex}.pr-form-card__field--full{grid-column:1/-1}.pr-form-card__label{color:var(--color-on-surface-variant)}.pr-form-card__input,.pr-form-card__select,.pr-form-card__textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background-color:var(--color-surface-container-low);font-family:var(--font-family);font-size:var(--fs-body-md);color:var(--color-on-surface);appearance:none;outline:none;transition:border-color .2s,box-shadow .2s}.pr-form-card__input::placeholder,.pr-form-card__textarea::placeholder{color:var(--color-outline)}.pr-form-card__input:focus,.pr-form-card__select:focus,.pr-form-card__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #14177914}.pr-form-card__textarea{resize:vertical;min-height:100px}.pr-form-card__upload-label{color:var(--color-on-surface-variant);margin-bottom:var(--spacing-xs);display:block}.pr-form-card__drop-zone{cursor:pointer;border:2px dashed var(--color-outline-variant);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;background-color:var(--color-surface-container-low);flex-direction:column;justify-content:center;align-items:center;transition:background-color .3s,border-color .3s;display:flex;position:relative}.pr-form-card__drop-zone:hover,.pr-form-card__drop-zone--active{background-color:var(--color-surface-container);border-color:var(--color-primary)}.pr-form-card__file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.pr-form-card__upload-icon-wrap{border-radius:var(--radius-full);width:64px;height:64px;margin-bottom:var(--spacing-sm);background-color:#14177914;justify-content:center;align-items:center;transition:transform .2s;display:flex}.pr-form-card__drop-zone:hover .pr-form-card__upload-icon-wrap{transform:scale(1.1)}.pr-form-card__upload-icon{color:var(--color-primary);font-size:32px!important}.pr-form-card__drop-title{color:var(--color-primary)}.pr-form-card__drop-hint{color:var(--color-on-surface-variant);margin-top:var(--spacing-xs)}.pr-form-card__file-info{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-lg);z-index:1;background-color:#fff;border:1px solid #14177926;display:flex;position:relative}.pr-form-card__file-icon{color:var(--color-secondary);flex-shrink:0;font-size:20px!important}.pr-form-card__file-name{color:var(--color-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.pr-form-card__remove-btn{cursor:pointer;color:var(--color-error);background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;transition:transform .2s;display:flex}.pr-form-card__remove-btn:hover{transform:scale(1.15)}.pr-form-card__input--error,.pr-form-card__select--error,.pr-form-card__textarea--error{border-color:var(--color-error)}.pr-form-card__input--error:focus,.pr-form-card__select--error:focus,.pr-form-card__textarea--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ba1a1a14}.pr-form-card__error-text{color:var(--color-error);margin-top:2px;font-size:12px}.pr-form-card__footer{gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-outline-variant);justify-content:flex-end;display:flex}.pr-form-card__btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--fs-label-lg);cursor:pointer;font-weight:600;font-family:var(--font-family);border:none;outline:none;transition:all .2s}.pr-form-card__btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.pr-form-card__btn:active{transform:translateY(0)}.pr-form-card__btn--cancel{background-color:var(--color-surface-container);color:var(--color-on-surface);border:1px solid var(--color-outline-variant)}.pr-form-card__btn--cancel:hover{background-color:var(--color-surface-container-high)}.pr-form-card__btn--save{background-color:var(--color-primary);color:var(--color-on-primary)}.pr-form-card__btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.pr-form-card__btn:disabled:hover{box-shadow:none;transform:none}.pr-form-card__progress-container{gap:var(--spacing-xs);margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-surface-container-low);border-radius:var(--radius-lg);flex-direction:column;display:flex}.pr-form-card__progress-bar{background-color:var(--color-outline-variant);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.pr-form-card__progress-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-tertiary));border-radius:var(--radius-full);height:100%;transition:width .3s ease-out;box-shadow:0 0 8px #1417794d}.pr-form-card__progress-text{font-size:var(--fs-label-sm);color:var(--color-on-surface-variant);text-align:center;font-weight:600}.pr-form-card__existing-file-container{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.pr-form-card__existing-file-banner{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:1px solid var(--color-primary-light);border-radius:var(--radius-lg);background-color:#1417790d;display:flex}.pr-form-card__existing-file-icon{color:var(--color-primary);flex-shrink:0;font-size:24px!important}.pr-form-card__existing-file-info{flex-direction:column;flex:1;gap:2px;display:flex}.pr-form-card__existing-file-name{color:var(--color-primary);font-weight:700}.pr-form-card__existing-file-size{color:var(--color-on-surface-variant);font-size:var(--fs-body-sm)}.pr-form-card__replace-file-hint{color:var(--color-on-surface-variant);font-size:var(--fs-body-sm);text-align:center}.tags-container{height:100vh;display:flex;overflow:hidden}.tags-container__main{background-color:var(--color-surface);flex-direction:column;flex:1;margin-left:288px;display:flex;overflow:hidden}.tags-container__canvas{flex-direction:column;flex:1;display:flex;overflow-y:auto}.tags-container__content{padding:var(--spacing-lg) var(--spacing-margin-desktop);width:100%;max-width:1200px;margin:0 auto}.tags-loading{text-align:center;padding:var(--spacing-lg);color:var(--color-on-surface-variant);font-size:16px}.tags-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.tags-header__info{flex:1}.tags-header__title{color:var(--color-primary);margin:0 0 var(--spacing-sm) 0;font-size:24px;font-weight:600;line-height:1.3}.tags-header__description{color:var(--color-on-surface-variant);margin:0;font-size:16px;line-height:1.5}.tags-header__btn{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xl);font-family:var(--font-family);letter-spacing:.01em;cursor:pointer;align-items:center;gap:var(--spacing-xs);white-space:nowrap;border:none;font-size:14px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 8px #14177926}.tags-header__btn--primary{background-color:var(--color-primary);color:var(--color-on-primary);flex-shrink:0}.tags-header__btn--primary:hover:not(:disabled){background-color:var(--color-primary-container);box-shadow:0 4px 12px #14177940}.tags-header__btn--primary:active:not(:disabled){transform:scale(.95)}.tags-header__btn--primary:disabled{opacity:.6;cursor:not-allowed}.tags-header__btn span{font-size:20px}.tags-empty{text-align:center;padding:var(--spacing-lg) var(--spacing-md);background-color:var(--color-surface-container-low);border-radius:var(--radius-xl);border:1px solid var(--color-outline-variant);border-opacity:.5}.tags-empty__icon{color:var(--color-primary);margin-bottom:var(--spacing-md);font-size:48px;display:block}.tags-empty__title{color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;font-size:20px;font-weight:600}.tags-empty__description{color:var(--color-on-surface-variant);margin:0 0 var(--spacing-md) 0;font-size:14px}.tags-empty__btn{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-xl);font-family:var(--font-family);cursor:pointer;border:none;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 2px 8px #14177926}.tags-empty__btn:hover{background-color:var(--color-primary-container);box-shadow:0 4px 12px #14177940}.tags-empty__btn:active{transform:scale(.95)}.tags-list{background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 1px 4px #1417790a}.tags-list__header{gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-surface-container-low);border-bottom:1px solid var(--color-outline-variant);border-bottom-opacity:.3;color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;grid-template-columns:1fr 200px 120px;font-size:12px;font-weight:600;display:grid}.tags-list__col{align-items:center;padding:0;display:flex}.tags-list__col--name{flex:1}.tags-list__col--created{justify-content:center;width:200px}.tags-list__col--actions{justify-content:center;width:120px}.tags-list__body{flex-direction:column;display:flex}.tags-list__row{gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--color-outline-variant);border-bottom-opacity:.2;grid-template-columns:1fr 200px 120px;align-items:center;transition:background-color .2s;display:grid}.tags-list__row:hover{background-color:var(--color-surface-container-low)}.tags-list__row:last-child{border-bottom:none}.tags-list__cell{align-items:center;display:flex}.tags-list__icon{color:var(--color-secondary-container);margin-right:var(--spacing-sm);flex-shrink:0;font-size:20px}.tags-list__tag-name{color:var(--color-on-surface);font-size:14px;font-weight:500}.tags-list__col--created{color:var(--color-on-surface-variant);justify-content:center;font-size:13px}.tags-list__col--actions{justify-content:center;display:flex}.tags-list__action-btn{cursor:pointer;color:var(--color-on-surface-variant);border-radius:var(--radius);background:0 0;border:none;align-items:center;padding:4px;transition:all .2s;display:flex}.tags-list__action-btn--edit:hover:not(:disabled){color:var(--color-primary);background-color:#1417791a}.tags-list__action-btn--delete:hover:not(:disabled){color:var(--color-error);background-color:#ba1a1a1a}.tags-list__action-btn--delete:disabled,.tags-list__action-btn--edit:disabled{opacity:.5;cursor:not-allowed}.tags-list__action-btn span{font-size:20px}@media (width<=768px){.tags-header{flex-direction:column;align-items:stretch}.tags-header__btn{justify-content:center;width:100%}.tags-list__header{padding:var(--spacing-sm);grid-template-columns:1fr 80px}.tags-list__col--created{display:none}.tags-list__row{padding:var(--spacing-sm);grid-template-columns:1fr 80px}}.add-tag-modal-overlay{z-index:100;background-color:#0006;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.add-tag-modal{background-color:var(--color-surface);border-radius:var(--radius-xl);width:90%;max-width:500px;max-height:80vh;animation:.3s ease-out slideUp;overflow-y:auto;box-shadow:0 4px 16px #14177933}.add-tag-modal__header{padding:var(--spacing-md);border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;display:flex}.add-tag-modal__title{color:var(--color-primary);margin:0;font-size:20px;font-weight:600}.add-tag-modal__close-btn{cursor:pointer;color:var(--color-on-surface-variant);background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex}.add-tag-modal__close-btn:hover{color:var(--color-error)}.add-tag-modal__close-btn span{font-size:24px}.add-tag-modal__content{padding:var(--spacing-md)}.add-tag-modal__label{color:var(--color-on-surface-variant);margin-bottom:var(--spacing-sm);font-size:14px;font-weight:500;display:block}.add-tag-modal__input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-outline);border-radius:var(--radius-xl);background-color:var(--color-surface-container-low);font-family:var(--font-family);color:var(--color-on-surface);box-sizing:border-box;font-size:14px;transition:all .2s}.add-tag-modal__input::placeholder{color:var(--color-outline-variant)}.add-tag-modal__input:focus{border-color:var(--color-primary);background-color:var(--color-surface-container);box-shadow:0 0 0 3px var(--color-primary-fixed);outline:none}.add-tag-modal__input:disabled{background-color:var(--color-surface-container-lowest);color:var(--color-on-surface-variant);cursor:not-allowed}.add-tag-modal__error{margin:var(--spacing-sm) 0 0 0;color:var(--color-error);font-size:12px;font-weight:500}.add-tag-modal__footer{gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-outline-variant);justify-content:flex-end;display:flex}.add-tag-modal__btn{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xl);font-family:var(--font-family);cursor:pointer;white-space:nowrap;border:none;font-size:14px;font-weight:500;transition:all .2s}.add-tag-modal__btn--cancel{border:1px solid var(--color-outline);color:var(--color-on-surface-variant);background-color:#0000}.add-tag-modal__btn--cancel:hover:not(:disabled){background-color:var(--color-surface-container);color:var(--color-on-surface)}.add-tag-modal__btn--submit{background-color:var(--color-primary);color:var(--color-on-primary);box-shadow:0 2px 8px #14177926}.add-tag-modal__btn--submit:hover:not(:disabled){background-color:var(--color-primary-container);box-shadow:0 4px 12px #14177940}.add-tag-modal__btn:active:not(:disabled){transform:scale(.95)}.add-tag-modal__btn:disabled{opacity:.6;cursor:not-allowed}.edit-tag-modal-overlay{z-index:100;background-color:#0006;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.edit-tag-modal{background-color:var(--color-surface);border-radius:var(--radius-xl);width:90%;max-width:500px;max-height:80vh;animation:.3s ease-out slideUp;overflow-y:auto;box-shadow:0 4px 16px #14177933}.edit-tag-modal__header{padding:var(--spacing-md);border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;display:flex}.edit-tag-modal__title{color:var(--color-primary);margin:0;font-size:20px;font-weight:600}.edit-tag-modal__close-btn{cursor:pointer;color:var(--color-on-surface-variant);background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex}.edit-tag-modal__close-btn:hover{color:var(--color-error)}.edit-tag-modal__close-btn span{font-size:24px}.edit-tag-modal__content{padding:var(--spacing-md)}.edit-tag-modal__label{color:var(--color-on-surface-variant);margin-bottom:var(--spacing-sm);font-size:14px;font-weight:500;display:block}.edit-tag-modal__input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-outline);border-radius:var(--radius-xl);background-color:var(--color-surface-container-low);font-family:var(--font-family);color:var(--color-on-surface);box-sizing:border-box;font-size:14px;transition:all .2s}.edit-tag-modal__input::placeholder{color:var(--color-outline-variant)}.edit-tag-modal__input:focus{border-color:var(--color-primary);background-color:var(--color-surface-container);box-shadow:0 0 0 3px var(--color-primary-fixed);outline:none}.edit-tag-modal__input:disabled{background-color:var(--color-surface-container-lowest);color:var(--color-on-surface-variant);cursor:not-allowed}.edit-tag-modal__error{margin:var(--spacing-sm) 0 0 0;color:var(--color-error);font-size:12px;font-weight:500}.edit-tag-modal__footer{gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-outline-variant);justify-content:flex-end;display:flex}.edit-tag-modal__btn{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xl);font-family:var(--font-family);cursor:pointer;white-space:nowrap;border:none;font-size:14px;font-weight:500;transition:all .2s}.edit-tag-modal__btn--cancel{border:1px solid var(--color-outline);color:var(--color-on-surface-variant);background-color:#0000}.edit-tag-modal__btn--cancel:hover:not(:disabled){background-color:var(--color-surface-container);color:var(--color-on-surface)}.edit-tag-modal__btn--submit{background-color:var(--color-primary);color:var(--color-on-primary);box-shadow:0 2px 8px #14177926}.edit-tag-modal__btn--submit:hover:not(:disabled){background-color:var(--color-primary-container);box-shadow:0 4px 12px #14177940}.edit-tag-modal__btn:active:not(:disabled){transform:scale(.95)}.edit-tag-modal__btn:disabled{opacity:.6;cursor:not-allowed}