@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--brand-red:#f52206;--brand-blue:#031390;--red-900:#8f1305;--red-700:#c91c08;--red-500:#f52206;--red-300:#ff6b57;--red-100:#ffe3df;--red-50:#fff4f2;--blue-900:#020a4d;--blue-700:#02106f;--blue-500:#031390;--blue-300:#5263c4;--blue-100:#dde1fa;--blue-50:#f3f4ff;--white:#fff;--gray-50:#f8f9fc;--gray-100:#f1f3f7;--gray-300:#d7dbe5;--gray-500:#73798a;--gray-700:#3e4352;--gray-900:#171a23;--success:#159447;--warning:#f2a900;--error:var(--brand-red);--info:var(--brand-blue)}*{box-sizing:border-box;margin:0;padding:0;text-decoration:none!important}::-webkit-scrollbar{width:0;height:0}html{scrollbar-width:none;scroll-behavior:smooth;font-size:16px}body{-ms-overflow-style:none;font-family:Roboto,sans-serif!important}a{color:inherit;text-decoration:none}img{width:100%;display:block}ul,ol{list-style:none}button,input,textarea,select{font:inherit;border:none;outline:none}h1,h2,h3,h4,h5,h6{font-weight:400}.app-loading{background:var(--gray-50);justify-content:center;align-items:center;min-height:100vh;display:flex}.app-loading__spinner{border:3px solid var(--blue-100);border-top-color:var(--brand-blue);border-radius:50%;width:38px;height:38px;animation:.7s linear infinite app-loading-spin}@keyframes app-loading-spin{to{transform:rotate(360deg)}}.dashboard-layout{background:var(--gray-50);isolation:isolate;min-height:100vh}.dashboard-layout__content{flex-direction:column;min-height:100vh;margin-left:260px;transition:margin-left .25s;display:flex}@media (width<=991px){.dashboard-layout__content{margin-left:0}}.dashboard-main{flex:1;padding:2rem 1.5rem;position:relative;overflow:hidden}.dashboard-main:before,.dashboard-main:after{content:"";filter:blur(120px);opacity:.3;pointer-events:none;z-index:-1;border-radius:50%;width:420px;height:420px;position:absolute}.dashboard-main:before{background:radial-gradient(circle, var(--blue-300), transparent 70%);top:-140px;right:-100px}.dashboard-main:after{background:radial-gradient(circle, var(--red-300), transparent 70%);top:240px;left:-160px}.dashboard-main__inner{position:relative}.dashboard-main__title{background:linear-gradient(90deg, var(--gray-900), var(--blue-700));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700}.dashboard-main__subtitle{color:var(--gray-500);margin-top:.35rem;font-size:.95rem}.stat-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:1.75rem;display:grid}@media (width<=991px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=575px){.stat-grid{grid-template-columns:1fr}.dashboard-main{padding:1.5rem 1rem}}.stat-card{background:var(--white);border:1px solid var(--gray-100);border-radius:18px;flex-direction:column;gap:.6rem;padding:1.4rem 1.35rem;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #171a230d}.stat-card:before{content:"";background:linear-gradient(90deg, var(--brand-red), var(--brand-blue));transform-origin:0;height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.stat-card:hover{transform:translateY(-6px);box-shadow:0 20px 36px #171a231a}.stat-card:hover:before{transform:scaleX(1)}.stat-card__top{justify-content:space-between;align-items:center;display:flex}.stat-card__icon{width:46px;height:46px;color:var(--white);border-radius:14px;justify-content:center;align-items:center;display:flex}.stat-card__icon svg{width:22px;height:22px}.stat-card--blue .stat-card__icon{background:linear-gradient(135deg, var(--blue-500), var(--blue-300));box-shadow:0 10px 20px #0313904d}.stat-card--red .stat-card__icon{background:linear-gradient(135deg, var(--red-500), var(--red-300));box-shadow:0 10px 20px #f522064d}.stat-card__trend{border-radius:999px;padding:.2rem .55rem;font-size:.76rem;font-weight:700}.stat-card__trend--up{color:var(--success);background:#1594471f}.stat-card__trend--down{color:var(--brand-red);background:var(--red-50)}.stat-card__value{color:var(--gray-900);font-size:1.7rem;font-weight:700}.stat-card__label{color:var(--gray-500);font-size:.85rem}.cms-page{position:relative}.cms-page__head{margin-bottom:1.5rem}.cms-page__title{background:linear-gradient(90deg, var(--gray-900), var(--blue-700));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.cms-page__subtitle{color:var(--gray-500);margin-top:.3rem;font-size:.92rem}.cms-loading,.cms-error{background:var(--white);border:1px solid var(--gray-100);color:var(--gray-500);border-radius:14px;padding:1.25rem;font-size:.9rem}.cms-error{color:var(--red-700);background:var(--red-50);border-color:var(--red-100)}.cms-card{background:var(--white);border:1px solid var(--gray-100);border-radius:16px;margin-bottom:1.25rem;position:relative;overflow:hidden;box-shadow:0 6px 20px #171a230d}.cms-card__head{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.cms-card__title{color:var(--gray-900);font-size:1rem;font-weight:700}.cms-card__hint{color:var(--gray-500);margin-top:.15rem;font-size:.8rem;font-weight:400}.cms-card__body{padding:1.25rem}.cms-field{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.cms-field:last-child{margin-bottom:0}.cms-field__label{color:var(--gray-700);font-size:.8rem;font-weight:600}.cms-field__hint{color:var(--gray-500);font-size:.75rem}.cms-field input[type=text],.cms-field input[type=number],.cms-field input[type=email],.cms-field textarea,.cms-field select{background:var(--gray-100);width:100%;color:var(--gray-900);border:1.5px solid #0000;border-radius:10px;padding:.6rem .8rem;font-size:.9rem;transition:border-color .2s,background .2s,box-shadow .2s}.cms-field textarea{resize:vertical;min-height:68px;line-height:1.5}.cms-field input:focus,.cms-field textarea:focus,.cms-field select:focus{background:var(--white);border-color:var(--blue-300);box-shadow:0 0 0 4px var(--blue-50)}.cms-field--check{flex-direction:row;align-items:center;gap:.6rem}.cms-field--check input{width:18px;height:18px;accent-color:var(--brand-blue)}.cms-field-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=640px){.cms-field-grid{grid-template-columns:1fr}}.cms-list__item{border:1px dashed var(--gray-300);background:var(--gray-50);border-radius:12px;margin-bottom:.75rem;padding:.9rem 2.4rem .9rem .9rem;position:relative}.cms-list__row{gap:.6rem;display:flex}.cms-list__remove{background:var(--red-50);width:26px;height:26px;color:var(--brand-red);cursor:pointer;border-radius:8px;font-weight:700;line-height:1;position:absolute;top:.5rem;right:.5rem}.cms-list__remove:hover{background:var(--brand-red);color:#fff}.cms-list__reorder{gap:.25rem;margin-bottom:.5rem;display:flex}.cms-btn{cursor:pointer;background:var(--gray-100);color:var(--gray-700);white-space:nowrap;border-radius:10px;align-items:center;gap:.4rem;padding:.55rem .95rem;font-size:.85rem;font-weight:600;transition:background .2s,color .2s,transform .15s,box-shadow .2s;display:inline-flex}.cms-btn:hover{background:var(--gray-300)}.cms-btn:disabled{opacity:.55;cursor:not-allowed}.cms-btn--primary{background:linear-gradient(135deg, var(--brand-blue), var(--blue-300));color:#fff;box-shadow:0 10px 20px #03139038}.cms-btn--primary:hover{background:linear-gradient(135deg, var(--blue-700), var(--blue-500));transform:translateY(-1px)}.cms-btn--danger{background:var(--red-50);color:var(--brand-red)}.cms-btn--danger:hover{background:var(--brand-red);color:#fff}.cms-btn--ghost{background:0 0}.cms-btn--sm{padding:.35rem .6rem;font-size:.78rem}.cms-savebar{z-index:5;background:var(--gray-900);color:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:.85rem 1rem;display:flex;position:sticky;bottom:0;box-shadow:0 16px 40px #171a2340}.cms-savebar__msg{color:#ffffffbf;font-size:.85rem}.cms-savebar__actions{gap:.6rem;display:flex}.cms-savebar .cms-btn--ghost{color:#fff}.cms-savebar .cms-btn--ghost:hover{background:#ffffff1f}.cms-table-wrap{overflow-x:auto}.cms-table{border-collapse:collapse;width:100%;font-size:.88rem}.cms-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);border-bottom:1px solid var(--gray-100);padding:.7rem .9rem;font-size:.72rem}.cms-table td{border-bottom:1px solid var(--gray-100);color:var(--gray-700);vertical-align:middle;padding:.7rem .9rem}.cms-table tr:last-child td{border-bottom:none}.cms-table tr:hover td{background:var(--gray-50)}.cms-table__thumb{object-fit:cover;background:var(--gray-100);border:1px solid var(--gray-100);border-radius:8px;width:46px;height:46px}.cms-table__actions{justify-content:flex-end;gap:.35rem;display:flex}.cms-cell-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:380px;overflow:hidden}.cms-badge{background:var(--blue-50);color:var(--brand-blue);border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.cms-badge--muted{background:var(--gray-100);color:var(--gray-500)}.cms-empty{text-align:center;color:var(--gray-500);padding:2rem 1rem;font-size:.9rem}.cms-drawer__overlay{z-index:60;background:#090c1e80;justify-content:flex-end;display:flex;position:fixed;inset:0}.cms-drawer{background:var(--gray-50);flex-direction:column;width:min(520px,100%);height:100%;animation:.2s cms-slide-in;display:flex;box-shadow:-12px 0 40px #020a4d33}@keyframes cms-slide-in{0%{transform:translate(100%)}}.cms-drawer__head{background:var(--white);border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.cms-drawer__title{color:var(--gray-900);font-size:1rem;font-weight:700}.cms-drawer__close{background:var(--gray-100);width:32px;height:32px;color:var(--gray-700);cursor:pointer;border-radius:8px;font-size:1.1rem;line-height:1}.cms-drawer__close:hover{background:var(--red-50);color:var(--brand-red)}.cms-drawer__body{flex:1;padding:1.25rem;overflow-y:auto}.cms-drawer__foot{background:var(--white);border-top:1px solid var(--gray-100);gap:.6rem;padding:1rem 1.25rem;display:flex}.cms-confirm__overlay{z-index:70;background:#090c1e8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.cms-confirm{background:var(--white);border-radius:16px;width:100%;max-width:380px;padding:1.5rem;box-shadow:0 24px 60px #171a2333}.cms-confirm__title{color:var(--gray-900);margin-bottom:.4rem;font-size:1.05rem;font-weight:700}.cms-confirm__text{color:var(--gray-500);margin-bottom:1.25rem;font-size:.88rem}.cms-confirm__actions{justify-content:flex-end;gap:.6rem;display:flex}.cms-imagepick{align-items:flex-start;gap:1rem;display:flex}.cms-imagepick__preview{object-fit:cover;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:12px;flex-shrink:0;width:110px;height:110px}.cms-imagepick__preview--empty{color:var(--gray-500);text-align:center;justify-content:center;align-items:center;font-size:.75rem;display:flex}.cms-imagepick__actions{flex-direction:column;gap:.5rem;display:flex}.cms-media-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;display:grid}.cms-media-tile{cursor:pointer;background:var(--gray-100);aspect-ratio:1;border:2px solid #0000;border-radius:12px;position:relative;overflow:hidden}.cms-media-tile img{object-fit:cover;width:100%;height:100%}.cms-media-tile.is-selected{border-color:var(--brand-blue);box-shadow:0 0 0 4px var(--blue-50)}.cms-media-tile__cap{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000000b3);padding:.3rem .4rem;font-size:.68rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.cms-toasts{z-index:90;flex-direction:column;gap:.6rem;display:flex;position:fixed;bottom:1.25rem;right:1.25rem}.cms-toast{background:var(--gray-900);color:#fff;border-radius:12px;min-width:240px;max-width:360px;padding:.8rem 1rem;font-size:.85rem;animation:.2s cms-slide-in;box-shadow:0 16px 40px #171a2340}.cms-toast--success{background:var(--success)}.cms-toast--error{background:var(--brand-red)}.cms-tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.cms-tab{background:var(--white);border:1px solid var(--gray-100);color:var(--gray-700);cursor:pointer;border-radius:999px;padding:.5rem .9rem;font-size:.83rem;font-weight:600}.cms-tab.is-active{background:linear-gradient(135deg, var(--brand-red), var(--brand-blue));color:#fff;border-color:#0000}.sidebar__group-label{letter-spacing:.07em;text-transform:uppercase;color:#ffffff61;margin:1rem 0 .4rem;padding:0 .75rem;font-size:.68rem;font-weight:700}.sidebar__link--sub{padding-left:1rem;font-size:.86rem}.cms-filepick__drop{border:2px dashed var(--gray-300);background:var(--gray-50);width:100%;color:var(--gray-700);font:inherit;cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:.35rem;padding:1.5rem 1rem;transition:border-color .2s,background .2s;display:flex}.cms-filepick__drop:hover,.cms-filepick__drop.is-over{border-color:var(--brand-red);background:var(--red-50)}.cms-filepick__drop:disabled{cursor:progress;opacity:.7}.cms-filepick__drop-icon{background:var(--brand-red);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.cms-filepick__drop-title{font-size:.88rem;font-weight:700}.cms-filepick__drop-hint{color:var(--gray-500);font-size:.75rem}.cms-filepick__file{border:1px solid var(--gray-300);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem;display:flex}.cms-filepick__icon{background:var(--red-50);border:1px solid var(--red-100);width:44px;height:52px;color:var(--brand-red);letter-spacing:.5px;border-radius:8px;flex-shrink:0;place-items:center;font-size:.7rem;font-weight:800;display:grid}.cms-filepick__meta{flex-direction:column;flex:1;gap:.15rem;min-width:140px;display:flex}.cms-filepick__name{color:var(--gray-900);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:700;overflow:hidden}.cms-filepick__size{color:var(--gray-500);font-size:.75rem}.cms-filepick__actions{flex-wrap:wrap;gap:.4rem;display:flex}.cms-file-chip{background:var(--red-50);border:1px solid var(--red-100);color:var(--brand-red);white-space:nowrap;border-radius:6px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.72rem;font-weight:800;text-decoration:none;display:inline-flex}.cms-file-chip:hover{background:var(--red-100)}.sidebar{z-index:40;background:linear-gradient(180deg, var(--blue-900) 0%, var(--gray-900) 100%);flex-direction:column;width:260px;height:100vh;transition:transform .25s;display:flex;position:fixed;top:0;left:0;box-shadow:8px 0 30px #020a4d2e}.sidebar__brand{border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:.7rem;height:64px;padding:0 1.25rem;transition:opacity .2s;display:flex;position:relative}.sidebar__brand:after{content:"";aspect-ratio:1;z-index:-1;background:radial-gradient(circle,#fff -24%,#0000 52%);width:476px;transition:background-position .5s;position:absolute;inset:50% 0 0 50%;transform:translate(-82%,-67%)}.sidebar__brand:hover{opacity:.85}.sidebar__brand-logo{background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.sidebar__brand-logo img{object-fit:contain;width:100%;height:100%;display:block}.sidebar__brand-name{color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.sidebar__nav{flex:1;padding:1.25rem .75rem;overflow-y:auto}.sidebar__nav-label{letter-spacing:.06em;text-transform:uppercase;color:#fff6;margin-bottom:.5rem;padding:0 .75rem;font-size:.72rem;font-weight:700}.sidebar__nav ul{flex-direction:column;gap:.3rem;display:flex}.sidebar__link{color:#ffffffb8;cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.65rem .75rem;font-size:.92rem;font-weight:500;transition:background .2s,color .2s,box-shadow .2s,transform .2s;display:flex}.sidebar__link:hover{color:var(--white);background:#ffffff14}.sidebar__link.is-active{background:linear-gradient(90deg, var(--brand-red), var(--brand-blue));color:var(--white);font-weight:700;transform:translate(2px);box-shadow:0 10px 24px #f522064d}.sidebar__icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar__icon svg{width:100%;height:100%}.sidebar__badge{background:var(--brand-red);min-width:18px;height:18px;color:var(--white);border-radius:999px;justify-content:center;align-items:center;margin-left:auto;padding:0 5px;font-size:.68rem;font-weight:700;line-height:1;display:flex;box-shadow:0 4px 12px #f5220666}.sidebar__link.is-active .sidebar__badge{background:var(--white);color:var(--brand-red);box-shadow:none}.sidebar-overlay{display:none}@media (width<=991px){.sidebar{transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar-overlay{z-index:35;opacity:0;pointer-events:none;background:#090c1e8c;transition:opacity .2s;display:block;position:fixed;inset:0}.sidebar-overlay.is-visible{opacity:1;pointer-events:auto}}.gsearch{min-width:0;position:relative}.gsearch__box{width:320px;max-width:42vw}.gsearch__box input{border:none;outline:none}.gsearch__clear{background:var(--gray-300);width:20px;height:20px;color:var(--gray-700);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.gsearch__clear:hover{background:var(--gray-500);color:var(--white)}.gsearch__clear svg{width:12px;height:12px}.gsearch__panel{background:var(--white);border:1px solid var(--gray-300);z-index:40;border-radius:14px;width:420px;max-width:80vw;max-height:min(460px,70vh);padding:6px;position:absolute;top:calc(100% + 10px);left:0;overflow-y:auto;box-shadow:0 18px 48px #171a2329}.gsearch__row{text-align:left;cursor:pointer;width:100%;color:var(--gray-900);background:0 0;border-radius:9px;align-items:center;gap:.7rem;padding:.55rem .65rem;display:flex}.gsearch__row.is-active{background:var(--blue-50)}.gsearch__row-icon{background:var(--gray-100);width:30px;height:30px;color:var(--gray-700);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.gsearch__row.is-active .gsearch__row-icon{background:var(--white);color:var(--brand-blue)}.gsearch__row-icon svg{width:16px;height:16px}.gsearch__row-text{flex-direction:column;flex:1;min-width:0;display:flex}.gsearch__row-title{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.gsearch__row-sub{color:var(--gray-500);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.gsearch__row-tag{text-transform:uppercase;letter-spacing:.03em;color:var(--gray-500);background:var(--gray-100);border-radius:999px;flex-shrink:0;padding:.15rem .5rem;font-size:.68rem;font-weight:600}.gsearch__empty{color:var(--gray-500);padding:1rem .75rem;font-size:.85rem}.gsearch__hint{border-top:1px solid var(--gray-100);color:var(--gray-500);margin:.25rem 0 0;padding:.5rem .65rem .35rem;font-size:.72rem}.gsearch__hint kbd{text-align:center;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:5px;min-width:16px;margin:0 .1rem;padding:.05rem .3rem;font-family:inherit;font-size:.7rem;display:inline-block}@keyframes gsearch-pulse{0%{box-shadow:0 0 0 0 var(--blue-50), 0 0 0 2px var(--brand-blue)}to{box-shadow:0 0 #0000,0 0 #0000}}.gsearch-hit{scroll-margin-top:84px;animation:1.8s ease-out gsearch-pulse}@media (width<=640px){.gsearch__box{width:200px}.gsearch__panel{width:88vw}}.notif{display:flex;position:relative}.notif__count{background:var(--brand-red);min-width:16px;height:16px;color:var(--white);border:1.5px solid var(--white);box-shadow:0 0 0 3px var(--red-100);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:.62rem;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.notif__panel{background:var(--white);border:1px solid var(--gray-300);z-index:50;border-radius:14px;width:340px;max-width:calc(100vw - 2rem);position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 18px 44px #171a2329}.notif__head{border-bottom:1px solid var(--gray-200,var(--gray-300));justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.notif__head-title{color:var(--gray-900);font-size:.85rem;font-weight:700}.notif__mark{color:var(--brand-blue);cursor:pointer;background:0 0;font-size:.76rem;font-weight:600}.notif__mark:hover{text-decoration:underline}.notif__list{max-height:360px;overflow-y:auto}.notif__empty{text-align:center;color:var(--gray-500);padding:1.75rem 1rem;font-size:.83rem}.notif__row{text-align:left;cursor:pointer;border-bottom:1px solid var(--gray-100);align-items:flex-start;gap:.7rem;width:100%;padding:.7rem 1rem;transition:background .15s;display:flex}.notif__row:hover{background:var(--gray-100)}.notif__row-icon{background:var(--blue-50);width:30px;height:30px;color:var(--brand-blue);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notif__row-icon svg{width:17px;height:17px}.notif__row--submission .notif__row-icon{background:var(--red-50);color:var(--brand-red)}.notif__row-text{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.notif__row-title{color:var(--gray-900);font-size:.82rem;font-weight:600}.notif__row-body{color:var(--gray-500);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.notif__row-time{color:var(--gray-500);white-space:nowrap;flex-shrink:0;padding-top:.1rem;font-size:.7rem}.notif__foot{border-top:1px solid var(--gray-200,var(--gray-300));gap:.5rem;padding:.6rem 1rem;display:flex}.notif__foot-link{background:var(--gray-100);color:var(--gray-700);cursor:pointer;border-radius:8px;flex:1;padding:.4rem .5rem;font-size:.76rem;font-weight:600;transition:background .15s,color .15s}.notif__foot-link:hover{background:var(--brand-blue);color:var(--white)}.topbar{z-index:20;background:var(--white);border-bottom:1px solid var(--gray-300);justify-content:space-between;align-items:center;gap:1rem;height:64px;padding:0 1.5rem;display:flex;position:sticky;top:0;box-shadow:0 2px 16px #171a230a}.topbar:after{content:"";background:linear-gradient(90deg, var(--brand-red), var(--brand-blue));opacity:.6;height:2px;position:absolute;bottom:-1px;left:0;right:0}.topbar__left{align-items:center;gap:1rem;min-width:0;display:flex}.topbar__menu-btn{width:38px;height:38px;color:var(--gray-700);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.topbar__menu-btn:hover{background:var(--gray-100)}.topbar__menu-btn svg{width:20px;height:20px}.topbar__search{background:var(--gray-100);width:280px;max-width:40vw;color:var(--gray-500);border:1.5px solid #0000;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .9rem;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.topbar__search:focus-within{background:var(--white);border-color:var(--blue-300);box-shadow:0 0 0 4px var(--blue-50)}.topbar__search svg{flex-shrink:0;width:17px;height:17px}.topbar__search input{width:100%;color:var(--gray-900);background:0 0;font-size:.9rem}.topbar__search input::placeholder{color:var(--gray-500)}.topbar__right{flex-shrink:0;align-items:center;gap:1rem;display:flex}.topbar__icon-btn{width:38px;height:38px;color:var(--gray-700);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex;position:relative}.topbar__icon-btn:hover{background:var(--blue-50);color:var(--brand-blue)}.topbar__icon-btn svg{width:19px;height:19px}.topbar__badge{background:var(--brand-red);border:1.5px solid var(--white);width:7px;height:7px;box-shadow:0 0 0 3px var(--red-100);border-radius:50%;position:absolute;top:8px;right:8px}.topbar__user{border-left:1px solid var(--gray-300);align-items:center;gap:.6rem;padding-left:1rem;display:flex}.topbar__avatar{background:linear-gradient(135deg, var(--brand-red), var(--brand-blue));width:36px;height:36px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex;box-shadow:0 6px 16px #03139040}.topbar__user-info{flex-direction:column;line-height:1.2;display:flex}.topbar__user-name{color:var(--gray-900);font-size:.85rem;font-weight:700}.topbar__user-role{color:var(--gray-500);font-size:.75rem}.topbar__logout{background:var(--red-50);color:var(--brand-red);cursor:pointer;border-radius:10px;align-items:center;gap:.4rem;padding:.45rem .8rem;font-size:.8rem;font-weight:600;transition:background .2s,color .2s;display:flex}.topbar__logout:hover{background:var(--brand-red);color:var(--white)}.topbar__logout svg{width:17px;height:17px}@media (width<=575px){.topbar{padding:0 1rem}.topbar__search,.topbar__user-info,.topbar__logout span{display:none}.topbar__logout{padding:.45rem}}.login{color:#eef1ff;background-color:#0000;background-image:linear-gradient(140deg,#050816eb 0%,#090c24db 45%,#16071ae6 100%),radial-gradient(1100px 700px at 12% 8%,#5263c44d,#0000 60%),radial-gradient(900px 600px at 92% 95%,#f5220638,#0000 55%),url(/assets/login_BG-Ceziql27.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.login__orb{filter:blur(90px);pointer-events:none;opacity:.5;border-radius:50%;position:absolute}.login__orb--1{background:radial-gradient(circle, var(--blue-300), transparent 70%);width:420px;height:420px;animation:14s ease-in-out infinite login-float;top:-140px;right:-100px}.login__orb--2{background:radial-gradient(circle, var(--red-300), transparent 70%);width:460px;height:460px;animation:18s ease-in-out infinite reverse login-float;bottom:-180px;left:-150px}.login__orb--3{background:radial-gradient(circle, var(--blue-100), transparent 70%);width:300px;height:300px;animation:22s ease-in-out infinite login-float;top:55%;right:8%}@keyframes login-float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-24px,30px)scale(1.08)}}.login__card{z-index:1;-webkit-backdrop-filter:blur(22px)saturate(140%);background:#0a0e201c;border:1px solid #ffffff1f;border-radius:26px;grid-template-columns:1.05fr 1fr;width:100%;max-width:940px;animation:.55s cubic-bezier(.16,1,.3,1) both login-rise;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 90px #0000008c,inset 0 1px #ffffff14}@keyframes login-rise{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.login__aside{color:var(--white);background:radial-gradient(600px 300px at 80% 0,#ff6b574d,#0000 60%),linear-gradient(160deg,#0b1140 0%,#10133a 45%,#180a2e 100%);border-right:1px solid #ffffff14;flex-direction:column;padding:2.75rem 2.5rem;display:flex;position:relative;overflow:hidden}.login__aside-grid{background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 30% 20%,#000,#0000 75%);mask-image:radial-gradient(circle at 30% 20%,#000,#0000 75%)}.login__aside>*{z-index:1;position:relative}.login__aside-top{letter-spacing:.01em;align-items:center;gap:.7rem;font-weight:700;display:flex}.login__logo-text{font-size:1rem}.login__aside-body{margin-top:auto;padding-top:2.5rem}.login__headline{letter-spacing:-.01em;font-size:1.85rem;font-weight:800;line-height:1.2}.login__headline span{background:linear-gradient(90deg, #ffd9d2, var(--red-300));color:#0000;-webkit-background-clip:text;background-clip:text}.login__tagline{color:#ffffffc7;margin-top:.9rem;font-size:.9rem;line-height:1.6}.login__features{flex-direction:column;gap:.7rem;margin-top:1.6rem;display:flex}.login__features li{color:#ffffffe6;align-items:flex-start;gap:.6rem;font-size:.85rem;display:flex}.login__features svg{color:#b8f5cf;background:#ffffff29;border-radius:50%;flex-shrink:0;width:18px;height:18px;margin-top:1px;padding:3px}.login__aside-foot{text-transform:uppercase;letter-spacing:.14em;color:#ffffff8c;margin-top:2.25rem;font-size:.72rem}.login__panel{background:0 0;flex-direction:column;justify-content:space-between;padding:2.75rem 2.5rem;display:flex}.login__panel-head{margin-bottom:1.75rem}.login__logo{flex-shrink:0;justify-content:center;align-items:center;width:120px;display:inline-flex;position:relative}.login__aside:after{content:"";aspect-ratio:1;background:radial-gradient(circle,#fff -64%,#0000 52%);width:1064px;transition:background-position .5s;position:absolute;inset:50% 0 0 50%;transform:translate(-67%,-84%)}.login__logo img{object-fit:contain;z-index:5;width:100%;height:100%;display:block;position:relative}.login__logo--sm{width:52px;height:52px;margin-bottom:1rem}.login__title{letter-spacing:-.01em;color:#f4f6ff;font-size:1.5rem;font-weight:800}.login__subtitle{color:#fff9;margin-top:.3rem;font-size:.88rem}.login__form{flex-direction:column;gap:1.05rem;display:flex}.login__alert{color:#ffb4a8;background:#f5220629;border:1px solid #f5220666;border-radius:12px;align-items:center;gap:.55rem;padding:.7rem .9rem;font-size:.83rem;animation:.4s login-shake;display:flex}.login__alert svg{flex-shrink:0;width:18px;height:18px}@keyframes login-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login__field{flex-direction:column;gap:.4rem;display:flex}.login__label{color:#ffffffb8;font-size:.8rem;font-weight:600}.login__input{background:#ffffff0f;border:1.5px solid #ffffff24;border-radius:12px;align-items:center;gap:.6rem;padding:0 .9rem;transition:border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative}.login__input>svg{color:#ffffff80;flex-shrink:0;width:18px;height:18px;transition:color .2s}.login__input input{color:#fff;background:0 0;border:none;outline:none;flex:1;width:100%;padding:.72rem 0;font-size:.9rem}.login__input input::placeholder{color:#fff6}.login__input input:-webkit-autofill{-webkit-text-fill-color:#fff;transition:background-color 9999s ease-in-out}.login__input input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;transition:background-color 9999s ease-in-out}.login__input:focus-within{border-color:var(--blue-300);background:#ffffff1f;box-shadow:0 0 0 4px #5263c440}.login__input:focus-within>svg{color:#9fb0ff}.login__toggle{color:#9fb0ff;cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;padding:.3rem .5rem;font-size:.76rem;font-weight:700}.login__toggle:hover{background:#ffffff1a}.login__submit{background:linear-gradient(120deg, var(--brand-blue), #3346b3 55%, var(--brand-red));color:var(--white);cursor:pointer;background-position:0 0;background-size:180% 100%;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:.4rem;padding:.85rem 1rem;font-size:.94rem;font-weight:700;transition:transform .2s,box-shadow .2s,background-position .5s,opacity .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 28px #03139047}.login__submit svg{width:18px;height:18px;transition:transform .2s}.login__submit:hover:not(:disabled){background-position:100% 0;transform:translateY(-2px);box-shadow:0 20px 36px #03139057}.login__submit:hover:not(:disabled) svg{transform:translate(3px)}.login__submit:active:not(:disabled){transform:translateY(0)}.login__submit:disabled{opacity:.7;cursor:not-allowed}.login__spinner{border:2px solid #fff6;border-top-color:var(--white);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login__foot{text-align:center;color:#ffffff73;margin-top:1.75rem;font-size:.74rem}@media (width<=820px){.login__card{grid-template-columns:1fr;max-width:420px}.login__aside{padding:2rem 2rem 1.75rem}.login__aside-body{padding-top:1.5rem}.login__headline{font-size:1.4rem}.login__features,.login__aside-foot,.login__logo--sm{display:none}.login__panel{padding:2rem}}@media (width<=420px){.login{padding:.75rem}.login__aside,.login__panel{padding:1.75rem 1.5rem}}@media (prefers-reduced-motion:reduce){.login__orb,.login__card,.login__alert,.login__spinner{animation:none}}
