*{font-family:Assistant,sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Assistant,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{color-scheme:light}#root,body,html{-webkit-text-size-adjust:100%;direction:rtl;height:100%;overflow-x:hidden;touch-action:manipulation;width:100%}#root,*,:after,:before,body,html{box-sizing:border-box}body{-webkit-overflow-scrolling:touch;background:#fff;color:#0a0a0a;font-family:Heebo,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;height:100%;margin:0;overflow:hidden;position:fixed;width:100%}.app-root{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;position:relative;touch-action:pan-y}.header-block{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:3px solid #5b21b6;border-radius:0 0 15px 15px;box-shadow:0 4px 6px #0000001a;min-height:auto}.info-bar{background:#0000;border-bottom:none;color:#fff}.info-bar__inner{align-items:center;box-sizing:border-box;color:#fffffff2;display:flex;font-size:14px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:8px 16px}.info-bar__stats{display:flex;gap:16px}.info-bar__progress{align-items:center;display:flex;gap:8px}.info-bar__meter{background:#ffffff4d;border-radius:999px;height:4px;overflow:hidden;width:140px}.info-bar__meter__fill{background:#ffffffe6;height:100%}.topbar{align-items:center;background:#0000;border-bottom:none;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;max-width:1200px;min-height:56px;padding:16px 0;width:100%}.brand{word-wrap:break-word;color:#fff;flex:1 1;font-size:24px;font-weight:600;line-height:1.3;margin:0;max-width:calc(100vw - 120px);min-width:0;overflow-wrap:break-word;text-align:left}.topbar__left{flex:1 1;gap:12px;min-width:0}.topbar__left,.topbar__right{align-items:flex-start;display:flex}.topbar__right{flex-shrink:0;gap:8px;padding-top:4px}.topbar--menu-only{align-items:center;gap:12px;justify-content:space-between;min-height:52px;padding:14px 18px}.icon-btn--header-menu{flex-shrink:0;margin:0!important}.topbar__brand-mark{align-items:baseline;display:flex;flex:1 1;flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:flex-start;min-width:0;text-align:left}.topbar__brand-mark-title{color:#fff;flex-shrink:0;font-size:clamp(24px,6.2vw,34px);font-weight:800;letter-spacing:.02em;line-height:1;white-space:nowrap}.topbar__brand-mark-sub{color:#ffffffe6;flex-shrink:1;font-size:clamp(12px,3.2vw,15px);font-weight:500;line-height:1;margin-top:0;min-width:0;white-space:nowrap}.topbar__brand-mark-copy{-webkit-margin-start:4px;color:#fffffff2;flex-shrink:0;font-size:clamp(15px,3.8vw,20px);font-weight:700;line-height:1;margin-inline-start:4px;opacity:.98}.topbar__brand-mark-link{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:2px}.topbar__brand-mark-link:hover{color:#f5f3ff}.app-event-title-strip{background:#fff;border-bottom:2px solid #f0f0f0;flex-shrink:0;padding:12px 16px;text-align:center}.app-event-title-strip__text{word-wrap:break-word;color:#1f2937;font-size:clamp(16px,4vw,20px);font-weight:700;line-height:1.35;margin:0;overflow-wrap:break-word}.login-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.login-btn:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.user-badge{align-items:center;background:#f0f0ff;border:1px solid #c7d2fe;border-radius:8px;color:#4338ca;display:flex;font-size:13px;gap:6px;padding:6px 12px}.user-badge__name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.greeting{-webkit-margin-end:8px;align-items:flex-end;display:flex;flex-direction:column;line-height:1.1;margin-inline-end:8px}.greeting__name{font-weight:600}.drawer__footer{border-top:1px solid #f0f0f0;margin-right:auto;padding:16px}.icon-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;height:34px;justify-content:center;margin-right:auto;transition:all .2s;width:34px}.icon-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.05)}.toggle{border:1px solid #e5e5e5;border-radius:999px;display:inline-flex;overflow:hidden}.toggle__btn{background:#fff;border:none;cursor:pointer;font-size:14px;padding:6px 12px}.toggle__btn--active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.event-title{background:#0000;border-top:1px solid #fff3;color:#fff;flex-shrink:0;padding:16px 20px;text-align:center}.event-title__text{font-size:22px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}@media (max-width:500px){.event-title{padding:12px 16px}.event-title__text{font-size:18px}}.mode-tabs{background:#fff;border-bottom:2px solid #f0f0f0;flex-shrink:0;gap:0;padding:0}.mode-tabs,.mode-tabs__btn{align-items:center;display:flex;justify-content:center}.mode-tabs__btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;gap:8px;max-width:600px;padding:14px 20px;position:relative;transition:all .2s ease}.mode-tabs__btn:hover{background:#f8f8f8;color:#333}.mode-tabs__btn--active{border-bottom-color:#667eea;color:#667eea;font-weight:600}.mode-tabs__btn--active:hover{background:#f8f8ff}@media (max-width:500px){.mode-tabs__btn{font-size:14px;padding:12px 16px}.mode-tabs__btn span{display:none}}.layout-controls-wrapper{align-items:center;background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.layout-controls-toggle{align-items:center;background:#0000;border:none;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease;width:100%}.layout-controls-toggle__text{-webkit-user-select:none;user-select:none}.layout-controls-toggle:hover{background:#f0f0f0;color:#764ba2}.layout-controls-toggle:active{background:#e8e8e8}@media (max-width:480px){.layout-controls-toggle{font-size:13px;padding:9px 12px}}.layout-controls{align-items:center;display:flex;gap:10px;justify-content:center;max-height:0;opacity:0;overflow:hidden;padding:0 16px;transition:max-height .3s ease,opacity .3s ease,padding .3s ease;width:100%}.layout-controls--open{max-height:80px;opacity:1;padding:12px 16px}.layout-controls__btn{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:10px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;height:42px;justify-content:center;padding:6px;position:relative;transition:all .2s ease;width:50px}.layout-controls__btn:hover{background:#f8f8ff;border-color:#667eea;box-shadow:0 2px 6px #667eea26;transform:translateY(-1px)}.layout-controls__btn:active{transform:translateY(0)}.layout-controls__btn--active{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.layout-controls__icon{align-items:center;display:flex;flex-direction:row;gap:3px;height:100%;justify-content:center;width:100%}.layout-controls__icon-col{display:flex;flex:1 1;flex-direction:column;gap:3px}.layout-controls__icon-box{background:#9ca3af;border-radius:2px;flex:1 1;min-height:7px;transition:background .2s ease}.layout-controls__btn--active .layout-controls__icon-box,.layout-controls__btn:hover .layout-controls__icon-box{background:#667eea}@media (max-width:600px){.layout-controls{gap:8px;padding:0 12px}.layout-controls--open{padding:10px 12px}.layout-controls__btn{height:38px;padding:5px;width:46px}.layout-controls__icon-box{min-height:6px}}@media (max-width:400px){.layout-controls{gap:6px}.layout-controls__btn{height:36px;width:42px}}.content{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1200px;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:132px 16px 16px;position:relative;touch-action:pan-y;width:100%}@media (max-width:500px){.content{padding-top:120px}}.feed{--feed-base-row:12px;grid-gap:clamp(8px,2vw,16px);box-sizing:border-box;display:grid;gap:clamp(8px,2vw,16px);padding-bottom:80px;transition:all .3s ease;width:100%}.feed:has(.empty){display:block;width:100%}.feed--cols-1{gap:clamp(12px,3vw,20px);grid-template-columns:1fr}.feed--cols-2{gap:clamp(8px,2vw,14px);grid-template-columns:repeat(2,1fr)}.feed--cols-3{gap:clamp(6px,1.5vw,12px);grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.feed--cols-3{gap:clamp(4px,1vw,8px);grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.feed{gap:clamp(6px,2vw,12px)}.feed--cols-1{gap:clamp(10px,3vw,16px)}.feed--cols-2{gap:clamp(6px,2vw,10px)}.feed--cols-3{gap:clamp(4px,1vw,8px);grid-template-columns:repeat(2,1fr)}}.feed-wrapper{min-height:280px;position:relative}.feed--blurred{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none}.feed-loading{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff6;display:flex;inset:0;justify-content:center;position:absolute;z-index:1003}.feed-loading__content{align-items:center;border-radius:18px;color:#fff;display:flex;flex-direction:column;gap:14px;padding:28px 36px}.feed-loading__logo{width:80%}.feed-loading__spinner{height:42px;position:relative;width:42px}.feed-loading__spinner:after{animation:feedSpinner .85s linear infinite;background:conic-gradient(#667eea,#764ba2);border:4px solid #0000;border-radius:50%;content:"";inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0);position:absolute}@keyframes feedSpinner{to{transform:rotate(1turn)}}.feed__item{background:#f5f5f5;border-radius:12px;display:block;height:-webkit-min-content;height:min-content;overflow:hidden;position:relative}.feed__image,.feed__video{border-radius:25px;display:block;height:auto;width:100%}.feed__video-wrapper{height:100%;position:relative;width:100%}.feed__video-overlay{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.feed__play-button,.feed__video-overlay{align-items:center;display:flex;justify-content:center}.feed__play-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:50%;box-shadow:0 4px 12px #0000004d;height:64px;width:64px}.feed__play-button svg{margin-left:3px}.feed__video-duration{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border-radius:6px;bottom:8px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;position:absolute;right:8px}.feed__image-container{cursor:pointer;height:100%;position:relative;width:100%}.feed__menu-container{left:8px;position:absolute;top:8px;z-index:10}.feed__menu-btn{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#333;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.feed__menu-btn:hover{background:#fff;transform:scale(1.1)}.feed__menu-btn:active{transform:scale(.95)}.feed__dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;min-width:120px;overflow:hidden;position:absolute;top:38px;z-index:20}.feed__dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 14px;text-align:right;transition:background .2s ease;width:100%}.feed__dropdown-item:hover{background:#f5f5f5}.feed__dropdown-item--delete{color:#ef4444}.feed__dropdown-item--delete:hover{background:#fef2f2}.feed__download{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;display:flex;height:40px;justify-content:center;transition:transform .15s ease,background .15s ease;width:40px}.image-viewer{background:#000000f2;display:flex;flex-direction:column;inset:0;position:fixed;z-index:10000}.image-viewer__header{align-items:center;background:linear-gradient(180deg,#00000080,#0000);display:flex;justify-content:space-between;left:0;padding:12px 16px;position:absolute;right:0;top:0;z-index:1001}.image-viewer__close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.image-viewer__close:hover{background:#ffffff4d;transform:scale(1.1)}.image-viewer__counter{color:#fff;font-size:16px;font-weight:600;text-shadow:0 2px 4px #0000004d}.image-viewer__menu-container{position:relative}.image-viewer__menu-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.image-viewer__menu-btn:hover{background:#ffffff4d;transform:scale(1.1)}.image-viewer__dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000004d;left:0;min-width:140px;overflow:hidden;position:absolute;top:48px}.image-viewer__dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:15px;gap:10px;padding:12px 16px;text-align:right;transition:background .2s ease;width:100%}.image-viewer__dropdown-item:hover{background:#f5f5f5}.image-viewer__dropdown-item--delete{color:#ef4444}.image-viewer__dropdown-item--delete:hover{background:#fef2f2}.image-viewer__content{flex:1 1;overflow:hidden;padding:60px 20px 20px}.image-viewer__content,.image-viewer__slide{align-items:center;display:flex;justify-content:center}.image-viewer__slide{max-height:100%;max-width:100%}.image-viewer__image,.image-viewer__video{max-height:100%;max-width:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.image-viewer__nav{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:50px;z-index:1001}.image-viewer__nav:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.image-viewer__nav--right{right:20px}.image-viewer__nav--left{left:20px}@media (max-width:768px){.image-viewer__nav{height:44px;width:44px}.image-viewer__nav--right{right:10px}.image-viewer__nav--left{left:10px}}.fab-row{align-items:flex-end;bottom:calc(20px + env(safe-area-inset-bottom, 0px));display:flex;justify-content:space-between;left:0;padding:0 20px;pointer-events:none;position:fixed;right:0;z-index:999}.fab{align-items:center;border:1px solid #0000000d;border-radius:50%;bottom:auto;box-shadow:0 8px 24px #00000026;cursor:pointer;display:inline-flex;height:52px;justify-content:center;pointer-events:auto;position:relative;transition:transform .15s ease;width:52px}.fab:active{transform:scale(.96)}.fab--camera{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.fab--upload{background:#fff;color:#111}.fab-center{flex-direction:column;gap:4px;padding-bottom:4px;pointer-events:auto}.fab-center,.fab-logo-link{align-items:center;display:flex}.fab-logo-link{justify-content:center;text-decoration:none}.fab-logo{display:block;height:36px;object-fit:contain;width:auto}.fab-site-label{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;font-size:11px;font-weight:600;letter-spacing:.01em;text-decoration:none;white-space:nowrap}.install-banner{animation:slideUp .25s ease;bottom:calc(90px + env(safe-area-inset-bottom, 0px));display:flex;justify-content:center;left:0;padding:0 16px;position:fixed;right:0;z-index:900}.install-banner__content{background:#111827;border-radius:18px;box-shadow:0 18px 38px #00000059;color:#fff;display:flex;gap:16px;justify-content:space-between;padding:16px 18px;width:min(420px,100%)}.install-banner__text p{color:#ffffffd9;font-size:13px;margin:4px 0 0}.install-banner__actions{display:flex;flex-direction:column;gap:8px;min-width:140px}.install-banner__confirm,.install-banner__skip{border:none;border-radius:12px;cursor:pointer;font-size:13px;font-weight:600;padding:10px 14px}.install-banner__skip{background:#0000;border:1px solid #ffffff4d;color:#fffc}.install-banner__confirm{background:linear-gradient(135deg,#34d399,#059669);border:none;color:#fff}.install-banner__confirm:disabled{cursor:not-allowed;opacity:.4}.api-debug-popup{align-items:center;background:#0f172aeb;border-radius:10px;box-shadow:0 10px 30px #0f172a66;color:#f1f5f9;display:flex;font-size:13px;gap:12px;inset:20px auto auto 20px;padding:10px 14px;position:fixed;z-index:1200}.api-debug-popup__body{display:flex;flex-direction:column;gap:2px}.api-debug-popup__body code{background:#ffffff14;border-radius:6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;padding:2px 6px}.api-debug-popup__close{background:#0000;border:none;color:inherit;cursor:pointer;font-size:16px;line-height:1}@media (max-width:600px){.api-debug-popup{flex-direction:row;left:10px;right:10px;inset:auto 10px 10px 10px;justify-content:space-between}}.modal-overlay{background:#0000008c;z-index:50}.modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-width:480px;padding:16px;width:100%}.modal__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.modal__close{background:#0000;border:none;color:#666;cursor:pointer;font-size:20px}.modal__body{display:block}.modal__grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.modal__actions{display:flex;gap:8px}.preview{background:#f5f5f5;border-radius:8px;width:100%}.drawer-overlay{background:#0000;inset:0;opacity:0;position:fixed;transition:opacity .25s ease;z-index:45}.drawer-overlay--enter{background:#00000073;opacity:1;z-index:1002}.drawer-overlay--exit{background:#0000;opacity:0}.drawer{background:#fff;box-shadow:-10px 0 30px #0000002e;direction:rtl;display:flex;flex-direction:column;height:100vh;max-width:92vw;overflow:hidden;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .25s ease;width:340px;z-index:50}.drawer--enter{transform:translateX(0)}.drawer--exit{transform:translateX(100%)}.drawer__closebar{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:flex-end;padding:8px}.drawer__closebar--split{align-items:center;gap:12px;justify-content:space-between;padding:10px 12px}.drawer__closebar--split .modal__close{flex-shrink:0}.drawer__login-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:999px;box-shadow:0 2px 8px #667eea59;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;justify-content:center;min-height:38px;padding:8px 16px}.drawer__login-btn:hover{filter:brightness(1.05)}.drawer__logout--bar{flex-shrink:0;font-size:14px;margin:0;padding:8px 12px}.drawer__section-label{color:#9ca3af;font-size:12px;font-weight:700;letter-spacing:.04em;margin:0 0 4px 2px;text-align:right}.drawer__divider{border:none;border-top:1px solid #f0f0f0;margin:0}.drawer__section--actions{gap:12px;padding-top:8px}.drawer__actions-row{align-items:stretch;display:flex;flex-direction:column;gap:10px;width:100%}.drawer__top{align-items:center;display:flex;justify-content:space-between;padding:20px 16px 16px}.drawer__greeting{line-height:1.3;text-align:right;width:100%}.drawer__hello{color:#666;font-size:28px;font-weight:700}.drawer__question{font-size:22px;font-weight:600}.drawer__name{font-size:24px;font-weight:700}.drawer__authbtn{background:#fff;border:1px solid #e5e5e5;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;padding:10px 14px}.drawer__authbtn--primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.drawer__header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px;text-align:right}.drawer__title{font-size:18px;font-weight:800}.drawer__body{flex:1 1;min-height:0;overflow-y:auto}.drawer__body,.drawer__foot-brand{display:flex;flex-direction:column}.drawer__foot-brand{align-items:center;background:#fafafa;border-top:1px solid #f0f0f0;flex-shrink:0;gap:8px;padding:16px 14px 20px;text-align:center}.drawer__foot-brand__logo{display:block;height:auto;max-width:70%;object-fit:contain;width:120px}.drawer__foot-brand__eztech{color:#4f46e5;font-size:14px;font-weight:600;text-decoration:none}.drawer__foot-brand__eztech:hover{text-decoration:underline;text-underline-offset:2px}.drawer__foot-brand__webly{color:#64748b;font-size:12px;font-weight:500;text-decoration:none}.drawer__foot-brand__webly:hover{color:#334155;text-decoration:underline;text-underline-offset:2px}.drawer__section{display:flex;flex-direction:column;gap:10px;padding:14px;text-align:right}.drawer__btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#111827;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:12px;justify-content:space-between;min-height:54px;padding:14px 16px;text-align:right;transition:background .18s ease,color .18s ease,border-color .18s ease}.drawer__btn-label{flex:1 1;min-width:0}.drawer__btn-icon{color:inherit;flex-shrink:0}.drawer__btn:hover{background:#f7f7ff;border-color:#c7d2fe}.drawer__btn.drawer__btn--active{background:linear-gradient(180deg,#fff,#f5f3ff);border:2px solid #667eea8c;box-shadow:0 2px 10px #4f46e524;color:#4338ca;font-weight:700}.drawer__btn.drawer__btn--active .drawer__btn-icon{color:#4338ca}.drawer__btn.drawer__btn--active:hover{background:linear-gradient(180deg,#faf9ff,#ede9fe);border-color:#667eeabf;box-shadow:0 3px 12px #4f46e533;color:#3730a3}.drawer__btn.drawer__btn--active:hover .drawer__btn-icon{color:#3730a3}.drawer__action{border-radius:12px;box-sizing:border-box;cursor:pointer;font-size:15px;font-weight:700;line-height:1.3;padding:14px 12px;text-align:center;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease,border-color .2s ease,background .2s ease;width:100%}.drawer__action:hover{filter:brightness(1.03)}.drawer__action:active{transform:scale(.98)}.drawer__action--secondary{background:linear-gradient(180deg,#fff,#f5f3ff);border:2px solid #667eea73;box-shadow:0 2px 10px #4f46e51f;color:#4338ca}.drawer__action--secondary:hover{background:linear-gradient(180deg,#faf9ff,#ede9fe);border-color:#667eeaa6;box-shadow:0 3px 12px #4f46e52e}.drawer__logout{align-items:center;background:#ef44441f;border:1px solid #ef44444d;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 12px}.drawer__hint{color:#666;font-size:14px}.hidden{display:none}.empty{align-items:center;border-radius:12px;box-sizing:border-box;display:flex;justify-content:center;min-height:400px;overflow:hidden;padding:20px}.empty,.empty__card{position:relative;width:100%}.empty__card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid #0000000f;border-radius:12px;box-shadow:0 6px 20px #00000014;font-size:16px;max-width:500px;padding:16px 20px;text-align:center;z-index:1}@media (max-width:768px){.empty{min-height:350px;padding:16px}}@media (max-width:480px){.empty{min-height:300px;padding:12px}.empty__card{max-width:100%}}.camera-modal .camera-modal__video{background:#000;border-radius:8px;max-height:60vh;width:100%}.camera-fullscreen{align-items:center;background:#000;display:flex;inset:0;justify-content:center;position:fixed}.camera-fullscreen__video{height:100%;object-fit:cover;width:100%}.camera-fullscreen__video--mirror{transform:scaleX(-1)}.camera-fullscreen__close{background:#fff3;border:1px solid #ffffff4d;border-radius:18px;color:#fff;height:36px;left:14px;position:absolute;top:14px;width:36px}.camera-fullscreen__flip{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0006;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:0;height:60px;justify-content:center;left:20px;position:absolute;transition:all .2s ease;width:60px}.camera-fullscreen__flip:hover{background:#0009;border-color:#fff6;transform:scale(1.05)}.camera-fullscreen__flip:active{transform:scale(.95)}.camera-fullscreen__controls{align-items:center;bottom:28px;display:flex;flex-direction:column;gap:12px;justify-content:center;left:0;position:absolute;right:0}.camera-fullscreen__modes{display:inline-flex;gap:10px}.mode-btn{background:#ffffff2e;border:1px solid #ffffff59;border-radius:999px;color:#fff;font-size:13px;padding:6px 10px}.mode-btn--active{background:#fff;border-color:#fff;color:#111}.shutter{background:#fff;border:4px solid #fff9;border-radius:50%;box-shadow:0 8px 28px #00000073;height:72px;width:72px}.shutter--recording{background:#ff2d55;border-color:#ff2d5599}.btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:10px 12px}.btn:hover{background:#eaedf0}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.btn-primary:hover{filter:brightness(.95)}.progressbar{background:#eee;border-radius:999px;height:8px;overflow:hidden;width:100%}.progressbar__inner{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;transition:width .2s ease}.faces__grid{grid-gap:12px;box-sizing:border-box;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));width:100%}@media (max-width:500px){.faces__grid{grid-template-columns:repeat(2,1fr)}}.faces__card{background:#fff;border:1px solid #eee;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;text-align:left}.faces__card--center{align-items:center;padding:12px 0;text-align:center}.faces__cover{background:#f3f3f3;display:block;height:140px;object-fit:cover;width:100%}.faces__cover--placeholder{display:block}.faces__meta{align-items:center;display:flex;justify-content:space-between;padding:8px 10px}.faces__title{font-size:14px;font-weight:600}.faces__count{color:#666;font-size:12px}.faces__count--below{margin-top:8px}.faces__avatar{background:#f3f3f3;border:1px solid #eee;border-radius:50%;height:90px;overflow:hidden;width:90px}.faces__avatar-img{display:block;height:100%;object-fit:cover;object-position:center top;width:100%}.faces__empty{color:#666;padding:24px;text-align:center}.face-gallery__top{align-items:center;border-bottom:1px solid #eee;display:flex;gap:12px;margin-bottom:16px;padding:12px 0}.icon-btn-back{align-items:center;background:#677eea1a;border:1px solid #677eea4d;border-radius:8px;color:#667eea;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .2s}.icon-btn-back:hover{background:#677eea33;border-color:#677eea80;transform:translateX(2px)}.icon-btn-back:active{transform:translateX(0)}.face-gallery__title{flex:1 1;font-size:18px;font-weight:600}.face-gallery__grid{grid-gap:12px;box-sizing:border-box;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding-bottom:40px;width:100%}@media (max-width:500px){.face-gallery__grid{grid-template-columns:repeat(2,1fr)}}.face-gallery__item{background:#f5f5f5;border-radius:12px;overflow:hidden;position:relative}.face-gallery__image,.face-gallery__video{display:block;height:auto;width:100%}.face-gallery{display:flex;flex-direction:column;gap:12px}.gate{inset:0;overflow:hidden;position:fixed}.gate__bg{background:linear-gradient(135deg,#ede9fe,#f7f7ff)}.gate__bg,.gate__pattern{inset:0;position:absolute}.gate__pattern{background-image:radial-gradient(#667eea .5px,#0000 0),radial-gradient(#667eea .5px,#0000 0);background-position:0 0,10px 10px;background-size:20px 20px;opacity:.25}.gate__panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #0000000f;border-radius:16px;box-shadow:0 20px 60px #00000026;margin:10vh auto;max-width:420px;padding:24px;position:relative;z-index:1}.gate__header{color:#0f172a;font-size:40px;font-weight:800;letter-spacing:.5px;margin-bottom:16px;text-align:center}.gate__form{gap:12px}.gate__form,.gate__label{display:flex;flex-direction:column}.gate__label{color:#334155;font-size:14px;gap:6px}.gate__input{background:#fff;border:1px solid #e5e5e5;border-radius:10px;width:100%}.gate__button,.gate__input{font-size:16px;padding:12px 14px}.gate__button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 8px 20px #667eea4d;color:#fff;cursor:pointer;font-weight:700;margin-top:6px}.gate__button:disabled{cursor:default;opacity:.7}.gate__footer{color:#64748b;font-size:14px;margin-top:14px;text-align:center}.login-event-btn{-webkit-margin-start:auto;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #fff6;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;gap:4px;margin-inline-start:auto;min-height:34px;padding:4px 10px;text-decoration:none;transition:all .2s ease;transition:all .3s}.login-event-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.login-event-btn:active{background:#ffffff40;transform:translateY(0)}@media (max-width:600px){.header-block{border-bottom-width:2px;border-radius:0 0 12px 12px}.topbar{align-items:center;flex-direction:row;gap:8px;min-height:48px;padding:12px 16px}.topbar__left,.topbar__right{align-items:flex-start;display:flex;justify-content:space-between}.topbar__left{flex:1 1;min-width:0}.topbar__right{flex-shrink:0}.brand{font-size:18px;line-height:1.2;max-width:calc(100vw - 100px);text-align:right}.login-event-btn{font-size:12px;padding:4px 12px}}.modal-overlay{background:#00000080;padding:20px;z-index:9999}.password-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;width:100%}.password-modal__header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.password-modal__header h3{color:#1a202c;font-size:20px;font-weight:700;margin:0}.password-modal__close{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;padding:4px;transition:all .2s}.password-modal__close:hover{background:#f1f5f9;color:#1a202c}.password-modal__body,.password-modal__form{display:flex;flex-direction:column}.password-modal__body{align-items:center;gap:16px;padding:32px 24px}.password-modal__icon{color:#667eea;margin-bottom:8px}.password-modal__text{color:#334155;font-size:16px;font-weight:600;margin:0;text-align:center}.password-modal__hint{color:#64748b;font-size:14px;margin:0;text-align:center}.password-modal__input{border:2px solid #e2e8f0;border-radius:10px;color:#1a202c;font-family:Courier New,monospace;font-size:24px;font-weight:600;letter-spacing:8px;padding:14px 16px;text-align:center;transition:all .3s;width:100%}.password-modal__input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.password-modal__error{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;font-weight:500;padding:12px;text-align:center;width:100%}.password-modal__remember{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:14px;gap:10px;-webkit-user-select:none;user-select:none}.password-modal__remember input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.password-modal__footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;padding:16px 24px}.password-modal__btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px 20px;transition:all .2s}.password-modal__btn--cancel{background:#f1f5f9;color:#475569}.password-modal__btn--cancel:hover{background:#e2e8f0}.password-modal__btn--submit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.password-modal__btn--submit:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.password-modal__btn--submit:disabled{cursor:not-allowed;opacity:.5}.preview-fullscreen{background:#000;display:flex;flex-direction:column;inset:0;position:fixed;z-index:100}.preview-fullscreen__header{align-items:center;background:linear-gradient(180deg,#0009,#0000);display:flex;justify-content:space-between;left:0;padding:16px 20px;position:absolute;right:0;top:0;z-index:10}.preview-fullscreen__btn{background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:8px 16px;transition:background .2s ease}.preview-fullscreen__btn:hover:not(:disabled){background:#ffffff26}.preview-fullscreen__btn:disabled{cursor:not-allowed;opacity:.5}.preview-fullscreen__btn--back{text-align:right}.preview-fullscreen__btn--save{font-weight:700;text-align:left}.preview-fullscreen__content{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden}.preview-fullscreen__media{max-height:100%;max-width:100%;object-fit:contain}.preview-fullscreen__progress{bottom:20px;left:20px;position:absolute;right:20px;z-index:10}.preview-fullscreen__actions{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.upload-thumbs{align-items:center;display:flex;flex-direction:row;gap:6px;max-width:calc(100vw - 180px);overflow-x:auto;padding:4px 0;scrollbar-width:none}.upload-thumbs::-webkit-scrollbar{display:none}.upload-thumbs__item{background:#333;border:2px solid #0000;border-radius:6px;cursor:pointer;flex-shrink:0;height:44px;opacity:.6;overflow:hidden;padding:0;transition:border-color .15s ease,opacity .15s ease;width:44px}.upload-thumbs__item--active{border-color:#fff;opacity:1}.upload-thumbs__item:hover:not(:disabled){opacity:.9}.upload-thumbs__item:disabled{cursor:not-allowed}.upload-thumbs__img{display:block;height:100%;object-fit:cover;pointer-events:none;width:100%}@media (max-width:480px){.password-modal{margin:0 16px}.password-modal__input{font-size:20px;letter-spacing:6px}}.notification{align-items:center;animation:notificationSlideDown .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000d;direction:rtl;display:flex;gap:12px;left:50%;max-width:500px;min-width:300px;overflow:hidden;padding:16px 24px;position:fixed;top:20px;transform:translateX(-50%);z-index:9999999}@keyframes notificationSlideDown{0%{opacity:0;transform:translateX(-50%) translateY(-100px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.notification__icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:32px;justify-content:center;width:32px}.notification__message{color:#1e293b;flex:1 1;font-size:15px;line-height:1.5}.notification__progress{animation:progressBar linear;background:currentColor;bottom:0;height:3px;left:0;opacity:.3;position:absolute;right:0;transform-origin:right}@keyframes progressBar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.notification--success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-right:4px solid #28a745;color:#155724}.notification--success .notification__icon{background:#28a745;color:#fff}.notification--error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-right:4px solid #dc3545;color:#721c24}.notification--error .notification__icon{background:#dc3545;color:#fff}.notification--warning{background:linear-gradient(135deg,#fff3cd,#ffeeba);border-right:4px solid #ffc107;color:#856404}.notification--warning .notification__icon{background:#ffc107;color:#212529}.notification--info{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border-right:4px solid #17a2b8;color:#0c5460}.notification--info .notification__icon{background:#17a2b8;color:#fff}@media (max-width:640px){.notification{left:10px;max-width:none;min-width:auto;right:10px;top:10px;transform:none}@keyframes notificationSlideDown{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}}.confirm-dialog-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999999}.confirm-dialog{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;direction:rtl;max-width:440px;overflow:hidden;width:100%}.confirm-dialog__header{border-bottom:1px solid #e2e8f0;padding:24px 24px 16px}.confirm-dialog__title{color:#1e293b;font-size:20px;font-weight:600;margin:0}.confirm-dialog__body{padding:20px 24px}.confirm-dialog__message{color:#475569;font-size:15px;line-height:1.6;margin:0;white-space:pre-line}.confirm-dialog__footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.confirm-dialog__btn{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;min-width:100px;padding:10px 24px;transition:all .2s ease}.confirm-dialog__btn--cancel{background:#f1f5f9;color:#475569}.confirm-dialog__btn--cancel:hover{background:#e2e8f0}.confirm-dialog__btn--confirm{color:#fff}.confirm-dialog--danger .confirm-dialog__btn--confirm{background:linear-gradient(135deg,#dc2626,#b91c1c)}.confirm-dialog--danger .confirm-dialog__btn--confirm:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.confirm-dialog--warning .confirm-dialog__btn--confirm{background:linear-gradient(135deg,#f59e0b,#d97706)}.confirm-dialog--warning .confirm-dialog__btn--confirm:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.confirm-dialog--info .confirm-dialog__btn--confirm{background:linear-gradient(135deg,#3b82f6,#2563eb)}.confirm-dialog--info .confirm-dialog__btn--confirm:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.confirm-dialog__btn--confirm:active{transform:translateY(0)}@media (max-width:640px){.confirm-dialog{margin:0 10px;max-width:100%}.confirm-dialog__footer{flex-direction:column-reverse}.confirm-dialog__btn{width:100%}}.tutorial-overlay{animation:tutorialFadeIn .5s ease-out;inset:0;pointer-events:all;position:fixed;z-index:999999}@keyframes tutorialFadeIn{0%{opacity:0}to{opacity:1}}.tutorial-svg-mask{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.tutorial-spotlight-ring,.tutorial-svg-mask ellipse,.tutorial-svg-mask rect{transition:all .6s cubic-bezier(.4,0,.2,1)}.tutorial-spotlight-ring{animation:spotlightPulse 2s ease-in-out infinite;border-radius:50%;box-shadow:0 0 0 4px #667eea4d,0 0 20px 8px #667eea33,0 0 40px 12px #667eea1a;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}@keyframes spotlightPulse{0%,to{box-shadow:0 0 0 4px #667eea4d,0 0 20px 8px #667eea33,0 0 40px 12px #667eea1a}50%{box-shadow:0 0 0 6px #667eea66,0 0 30px 12px #667eea4d,0 0 60px 16px #667eea26}}.tutorial-spotlight-ring.transitioning{animation:none}.tutorial-tooltip{animation:tooltipSlideIn .5s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #667eea1a;direction:rtl;max-width:380px;min-width:320px;padding:28px;position:absolute;transition:all .6s cubic-bezier(.4,0,.2,1)}@keyframes tooltipSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.tutorial-tooltip.transitioning{opacity:.7}.tutorial-tooltip:before{background:linear-gradient(135deg,#fff,#f8f9fa);box-shadow:-2px -2px 4px #0000000d;content:"";height:20px;position:absolute;transform:rotate(45deg);width:20px}.tutorial-tooltip.bottom:before{left:50%;top:-10px;transform:translateX(-50%) rotate(45deg)}.tutorial-tooltip.top:before{bottom:-10px;left:50%;transform:translateX(-50%) rotate(45deg)}.tutorial-tooltip.right:before{left:-10px;top:50%;transform:translateY(-50%) rotate(45deg)}.tutorial-tooltip.left:before{right:-10px;top:50%;transform:translateY(-50%) rotate(45deg)}.tutorial-progress-container{background:#667eea1a;border-radius:20px 20px 0 0;height:4px;left:0;overflow:hidden;position:absolute;right:0;top:0}.tutorial-progress-bar{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px 0 0 0;box-shadow:0 0 10px #667eea80;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.tutorial-content{position:relative;z-index:1}.tutorial-step-badge{background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid #667eea4d;border-radius:20px;color:#667eea;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:16px;padding:6px 14px;text-transform:uppercase}.tutorial-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:24px;font-weight:800;line-height:1.3;margin:0 0 12px}.tutorial-description{color:#4a5568;font-size:16px;font-weight:500;line-height:1.7;margin:0 0 20px}.tutorial-hint{align-items:center;background:linear-gradient(135deg,#fff9e6,#fff4d1);border:1px solid #fbbf24;border-radius:12px;color:#92400e;display:flex;font-size:14px;font-weight:600;gap:8px;margin-top:16px;padding:12px 16px}.tutorial-actions{display:flex;gap:12px;justify-content:space-between;margin-top:24px}.tutorial-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:Assistant,sans-serif;font-size:16px;font-weight:700;gap:8px;padding:14px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.tutorial-btn-skip{background:#0000000d;color:#718096;flex:0 0 auto}.tutorial-btn-skip:hover{background:#00000014;color:#4a5568;transform:translateY(-2px)}.tutorial-btn-next{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff;flex:1 1;justify-content:center}.tutorial-btn-next:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.tutorial-btn-next:active{transform:translateY(0)}.tutorial-arrow{font-size:18px;transition:transform .3s}.tutorial-btn-next:hover .tutorial-arrow{transform:translateX(-4px)}.tutorial-dots{display:flex;gap:8px;justify-content:center;margin-top:20px}.tutorial-dot{background:#667eea33;border-radius:50%;height:8px;transition:all .3s cubic-bezier(.4,0,.2,1);width:8px}.tutorial-dot.active{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;box-shadow:0 0 10px #667eea80;width:24px}.tutorial-dot.completed{background:#34d399}@media (max-width:768px){.tutorial-tooltip{max-width:calc(100vw - 40px);min-width:calc(100vw - 40px);padding:24px 20px}.tutorial-title{font-size:20px}.tutorial-btn,.tutorial-description{font-size:14px}.tutorial-btn{padding:12px 20px}.tutorial-actions{flex-direction:column}.tutorial-btn-skip{order:2}.tutorial-btn-next{order:1}}@media (prefers-color-scheme:dark){.tutorial-tooltip{box-shadow:0 20px 60px #0009,0 0 0 1px #667eea4d}.tutorial-tooltip,.tutorial-tooltip:before{background:linear-gradient(135deg,#1e293b,#0f172a)}.tutorial-title{-webkit-text-fill-color:initial;background:none;color:#f8fafc}.tutorial-description{color:#cbd5e1}.tutorial-step-badge{background:linear-gradient(135deg,#667eea40,#764ba240);border-color:#667eea66;color:#a5b4fc}.tutorial-btn-skip{background:#ffffff1a;color:#cbd5e1}.tutorial-btn-skip:hover{background:#ffffff26;color:#f8fafc}}.tutorial-btn:focus-visible{outline:3px solid #667eea;outline-offset:3px}.tutorial-minimize-btn{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;left:12px;line-height:1;position:absolute;top:12px;transition:all .2s ease;width:32px;z-index:10}.tutorial-minimize-btn:hover{background:#0000001a;color:#334155;transform:scale(1.1)}.tutorial-minimize-btn:active{transform:scale(.95)}.tutorial-minimized-icon{align-items:center;animation:minimizedPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 4px 20px #667eea66,0 0 0 4px #fff3;cursor:pointer;display:flex;flex-direction:column;height:56px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s ease;width:56px;z-index:999999}.tutorial-minimized-icon:hover{box-shadow:0 6px 30px #667eea80,0 0 0 6px #ffffff4d;transform:scale(1.1)}.tutorial-minimized-icon:active{transform:scale(.95)}.tutorial-minimized-icon__text{color:#fff;font-size:28px;font-weight:700;line-height:1}.tutorial-minimized-icon__badge{background:#ef4444;border:2px solid #fff;border-radius:10px;bottom:-4px;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;position:absolute;right:-4px}@keyframes minimizedPulse{0%,to{box-shadow:0 4px 20px #667eea66,0 0 0 4px #fff3}50%{box-shadow:0 6px 30px #667eea99,0 0 0 6px #fff6}}.tutorial-overlay{pointer-events:none}.tutorial-minimized-icon,.tutorial-tooltip{pointer-events:all}@media print{.tutorial-minimized-icon,.tutorial-overlay{display:none}}*{scroll-behavior:smooth}.landing-page{overflow-x:hidden;width:100%}.hero{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:80px 20px;position:relative}.hero-background{inset:0;overflow:hidden;position:absolute}.gradient-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.4;position:absolute}.orb-1{animation-delay:0s;background:radial-gradient(circle,#ff6b9d 0,#0000 70%);height:500px;left:-10%;top:-10%;width:500px}.orb-2{animation-delay:5s;background:radial-gradient(circle,#c084fc 0,#0000 70%);bottom:-10%;height:400px;right:-10%;width:400px}.orb-3{animation-delay:10s;background:radial-gradient(circle,#60a5fa 0,#0000 70%);height:350px;left:50%;top:50%;width:350px}.hero-content{animation:fadeInUp 1s ease-out;max-width:1200px;position:relative;text-align:center;z-index:1}.hero-badge{align-items:center;animation:glow 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50px;display:inline-flex;font-size:14px;gap:8px;margin-bottom:32px;padding:8px 20px;transition:all .3s ease}.hero-badge:hover{background:#ffffff4d;box-shadow:0 8px 24px #fff3;transform:scale(1.05)}@keyframes glow{0%,to{box-shadow:0 0 10px #ffffff4d}50%{box-shadow:0 0 20px #fff9}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}.hero-title{font-size:80px;font-weight:900;line-height:1.1;margin:0 0 24px}.hero-title .gradient-text{font-size:96px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,gold);-webkit-background-clip:text;background-clip:text}.hero-description{font-size:20px;line-height:1.6;margin:0 auto 40px;max-width:700px;opacity:.95}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:60px}.btn-cta,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:18px;font-weight:600;gap:10px;padding:16px 32px;transition:all .3s}.btn-primary{background:#fff;box-shadow:0 8px 24px #0003;color:#667eea}.btn-primary:hover{box-shadow:0 12px 32px #0000004d;transform:translateY(-3px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #fff;color:#fff}.btn-secondary:hover{background:#ffffff4d;transform:translateY(-3px)}.hero-stats{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;max-width:800px}.stat-item{text-align:center}.stat-value{font-size:36px;font-weight:900;margin-bottom:8px}.stat-label{font-size:14px;opacity:.9}.event-types,.features,.how-it-works{background:#fff;padding:100px 20px}.section-header{margin-bottom:60px;text-align:center}.section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:900;margin:0 0 16px}.section-header p{color:#718096;font-size:18px;margin:0}.features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.feature-card{animation:fadeInUp .6s ease-out forwards;background:#f7fafc;border:2px solid #0000;border-radius:16px;opacity:0;padding:40px 32px;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}.feature-card:hover{border-color:#667eea;box-shadow:0 20px 40px #667eea40;transform:translateY(-12px) scale(1.02)}.feature-icon{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;height:64px;justify-content:center;margin-bottom:24px;width:64px}.feature-card h3{color:#1a202c;font-size:22px;margin:0 0 12px}.feature-card p{color:#718096;font-size:16px;line-height:1.6;margin:0}.event-types{background:#f7fafc}.event-types-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0 auto;max-width:1200px}.event-type-card{align-items:center;animation:scaleIn .5s ease-out forwards;background:#fff;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:16px;opacity:0;padding:32px 24px;transition:all .4s cubic-bezier(.4,0,.2,1)}.event-type-card:first-child{animation-delay:.1s}.event-type-card:nth-child(2){animation-delay:.15s}.event-type-card:nth-child(3){animation-delay:.2s}.event-type-card:nth-child(4){animation-delay:.25s}.event-type-card:nth-child(5){animation-delay:.3s}.event-type-card:nth-child(6){animation-delay:.35s}.event-type-card:hover{box-shadow:0 12px 32px #00000026;transform:scale(1.08) translateY(-8px)}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.event-icon{align-items:center;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;height:80px;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:80px}.event-icon svg{stroke-width:2.5;height:32px;width:32px}.event-type-card:hover .event-icon{box-shadow:0 8px 20px #00000040;transform:rotate(1turn) scale(1.15)}.event-type-card span{color:#1a202c;font-size:18px;font-weight:600}.steps{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin:0 auto;max-width:1200px}.step{animation:fadeInUp .6s ease-out forwards;flex:1 1;min-width:250px;opacity:0;text-align:center}.step:first-child{animation-delay:.2s}.step:nth-child(3){animation-delay:.4s}.step:nth-child(5){animation-delay:.6s}.step-number{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 24px #667eea4d;color:#fff;display:flex;font-size:36px;font-weight:900;height:80px;justify-content:center;margin:0 auto 24px;transition:all .3s ease;width:80px}.step:hover .step-number{box-shadow:0 12px 32px #667eea80;transform:scale(1.15) rotate(1turn)}.step-content h3{color:#1a202c;font-size:24px;margin:0 0 12px}.step-content p{color:#718096;font-size:16px;margin:0}.step-arrow{color:#667eea;font-size:40px;font-weight:900}@media (min-width:769px){.step-arrow{animation:bounceRight 1.5s ease-in-out infinite;display:inline-block}@keyframes bounceRight{0%,to{transform:translateX(0)}50%{transform:translateX(-10px)}}}.cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:100px 20px;text-align:center}.cta-content{margin:0 auto;max-width:600px}.cta-icon{animation:heartbeat 1.5s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,255,255,.5));margin-bottom:24px}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(.9)}}.cta h2{font-size:48px;font-weight:900;margin:0 0 16px}.cta p{font-size:20px;margin:0 0 40px;opacity:.95}.btn-cta{background:#fff;box-shadow:0 8px 24px #0000004d;color:#667eea;font-size:20px;padding:18px 40px}.btn-cta:hover{box-shadow:0 12px 32px #0006;transform:translateY(-3px)}.btn-cta--whatsapp{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:2px solid #fff3;border-radius:50px;box-shadow:0 10px 30px #22c55e59;color:#fff;display:inline-flex;gap:14px;padding:18px 36px;text-decoration:none;transition:all .3s ease}.btn-cta--whatsapp:hover{background:linear-gradient(135deg,#16a34a,#15803d);border-color:#ffffff4d;box-shadow:0 15px 40px #22c55e73;color:#fff;text-decoration:none;transform:translateY(-4px) scale(1.02)}.whatsapp-icon{align-items:center;background:#ffffff26;border-radius:50%;display:inline-flex;justify-content:center;padding:6px;transition:all .3s ease}.btn-cta--whatsapp:hover .whatsapp-icon{background:#ffffff40;transform:rotate(1turn)}.landing-footer{background:#1a202c;color:#fff;padding:60px 20px 20px}.footer-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:2fr 3fr;margin:0 auto 40px;max-width:1200px}.footer-brand h3{font-size:32px;margin:0 0 12px}.footer-brand p{color:#a0aec0;margin:0}.footer-links{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}.footer-section h4{font-size:16px;margin:0 0 16px}.footer-section a{color:#a0aec0;display:block;margin-bottom:12px;text-decoration:none;transition:color .3s}.footer-section a:hover{color:#fff}.footer-bottom{border-top:1px solid #2d3748;color:#a0aec0;font-size:14px;margin:0 auto;max-width:1200px;padding-top:40px;text-align:center}.floating-whatsapp{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;bottom:110px;box-shadow:0 8px 24px #22c55e66;color:#fff;cursor:pointer;display:flex;height:64px;justify-content:center;left:24px;position:fixed;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:64px;z-index:999}.floating-whatsapp:hover{box-shadow:0 12px 32px #22c55e80;transform:scale(1.1)}.floating-whatsapp-tooltip{background:#1a202c;border-radius:12px;box-shadow:0 4px 12px #0003;color:#fff;font-size:14px;font-weight:600;left:72px;opacity:0;padding:12px 20px;pointer-events:none;position:absolute;transition:opacity .3s ease;white-space:nowrap}.floating-whatsapp-tooltip:after{border:8px solid #0000;border-right-color:#1a202c;content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%)}.floating-whatsapp:hover .floating-whatsapp-tooltip{opacity:1}.accessibility-widget{bottom:24px;left:24px;position:fixed;z-index:1000}.accessibility-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 8px 24px #667eea66;color:#fff;cursor:pointer;display:flex;height:64px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:64px}.accessibility-button:hover{box-shadow:0 12px 32px #667eea80;transform:scale(1.1) rotate(90deg)}.accessibility-menu{animation:slideUpFade .3s ease-out;background:#fff;border:2px solid #e2e8f0;border-radius:20px;bottom:80px;box-shadow:0 20px 60px #0000004d;left:0;max-height:70vh;min-width:360px;overflow-y:auto;padding:24px;position:absolute}.accessibility-menu::-webkit-scrollbar{width:8px}.accessibility-menu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.accessibility-menu::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.accessibility-menu::-webkit-scrollbar-thumb:hover{background:#764ba2}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.accessibility-menu-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.accessibility-menu-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:18px;font-weight:700;margin:0}.accessibility-reset{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;color:#667eea;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.accessibility-reset:hover{background:#667eea;border-color:#667eea;color:#fff;transform:rotate(180deg)}.accessibility-options{display:flex;flex-direction:column;gap:16px}.accessibility-option{align-items:center;background:#f7fafc;border-radius:12px;display:flex;justify-content:space-between;padding:12px;transition:all .2s}.accessibility-option:hover{background:#edf2f7;transform:translateX(4px)}.accessibility-option label{color:#4a5568;font-size:14px;font-weight:600}.accessibility-controls{align-items:center;display:flex;gap:12px}.accessibility-controls button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#667eea;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.accessibility-controls button:hover:not(:disabled){background:#667eea;border-color:#667eea;color:#fff;transform:scale(1.1)}.accessibility-controls button:disabled{cursor:not-allowed;opacity:.3}.font-size-display{color:#1a202c;font-size:14px;font-weight:700;min-width:50px;text-align:center}.accessibility-toggle{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#718096;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s;width:48px}.accessibility-toggle:hover{border-color:#667eea;color:#667eea;transform:scale(1.1)}.accessibility-toggle.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}body.dark-mode{color:#e2e8f0}body.dark-mode,body.dark-mode .landing-page{background:#1a202c}body.dark-mode .event-type-card,body.dark-mode .feature-card{background:#2d3748;color:#e2e8f0}body.dark-mode .feature-card h3,body.dark-mode .section-header h2{color:#e2e8f0}body.high-contrast .btn-cta--whatsapp,body.high-contrast .feature-card{border:3px solid #000}body.reduce-animations *,body.reduce-animations :after,body.reduce-animations :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body.readable-font,body.readable-font *{font-family:Arial,Helvetica,sans-serif!important}body.big-cursor,body.big-cursor *{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M3 3 L13 13 L10 13 L16 25 L13 22 L8 16 L8 13 Z" fill="black" stroke="white" stroke-width="1"/></svg>') 0 0,auto!important}body.big-cursor a,body.big-cursor button{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M16 3 L13 10 L6 10 L12 15 L9 22 L16 17 L23 22 L20 15 L26 10 L19 10 Z" fill="black" stroke="white" stroke-width="1"/></svg>') 16 16,pointer!important}body.highlight-links a{background:linear-gradient(135deg,gold,#ffed4e)!important;border-radius:4px!important;color:#000!important;font-weight:700!important;padding:2px 6px!important;text-decoration:underline!important}body.highlight-links button{outline:3px solid #667eea!important;outline-offset:2px!important}:focus-visible{border-radius:4px;outline:3px solid #667eea;outline-offset:3px}@media (max-width:768px){.hero-title{font-size:52px}.hero-title .gradient-text{font-size:68px}.hero-description{font-size:18px}.hero-badge{font-size:13px;padding:6px 16px}.section-header h2{font-size:38px}.section-header p{font-size:16px}.feature-card{padding:32px 24px}.feature-card h3{font-size:20px}.feature-card p{font-size:15px}.stat-value{font-size:32px}.stat-label{font-size:13px}.event-types-grid,.features-grid{grid-template-columns:1fr}.steps{flex-direction:column}.step-arrow{animation:bounceDownMobile 1.5s ease-in-out infinite;font-size:36px}@keyframes bounceDownMobile{0%,to{transform:translateY(0) rotate(-90deg)}50%{transform:translateY(10px) rotate(-90deg)}}.step-number{font-size:32px;height:70px;width:70px}.step-content h3{font-size:22px}.step-content p{font-size:15px}.cta h2{font-size:40px}.cta p{font-size:18px}.btn-cta--whatsapp{font-size:17px;padding:16px 32px}.event-type-card{padding:28px 20px}.event-icon{height:70px;width:70px}.event-icon svg{height:28px;width:28px}.footer-content,.footer-links{grid-template-columns:1fr}.hero-stats{grid-template-columns:repeat(2,1fr)}.floating-whatsapp{bottom:85px;height:56px;left:16px;width:56px}.accessibility-widget{bottom:16px;left:16px}.accessibility-button{height:56px;width:56px}.accessibility-menu{bottom:72px;max-height:60vh;max-width:calc(100vw - 32px);min-width:300px}.floating-whatsapp-tooltip{display:none}}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{animation:slideUp .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:32px;text-align:center}.login-icon{color:#667eea;margin-bottom:16px}.login-header h1{color:#1a202c;font-size:28px;margin:0 0 8px}.login-header p{color:#718096;font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.error-message{align-items:center;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c00;display:flex;font-size:14px;gap:8px;padding:12px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#2d3748;font-size:14px;font-weight:600;text-align:right}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:#a0aec0;position:absolute;right:12px}.input-with-icon input{border:2px solid #e2e8f0;border-radius:8px;font-size:16px;padding:12px 12px 12px 44px;transition:all .3s;width:100%}.input-with-icon input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px;transition:transform .2s,box-shadow .2s}.login-button:hover:not(:disabled){box-shadow:0 8px 16px #667eea4d;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-footer{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:24px;text-align:center}.login-footer p{color:#718096;font-size:12px;margin:4px 0}.credentials-hint{color:#a0aec0;font-family:monospace}.admin-dashboard{background:#f7fafc;min-height:100vh}.admin-header h1{font-size:28px;margin:0}.admin-header-actions{align-items:center;display:flex;gap:16px}.admin-username{font-size:14px;opacity:.9}.logout-btn{border-radius:8px}.admin-content{margin:0 auto;max-width:1400px;padding:32px}.admin-toolbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.search-box,.toolbar-actions{align-items:center;display:flex;gap:12px}.search-box{background:#fff;border:2px solid #e2e8f0;border-radius:8px;flex:1 1;max-width:400px;padding:12px 16px;transition:border-color .3s}.search-box:focus-within{border-color:#667eea}.search-box svg{color:#a0aec0}.search-box input{border:none;flex:1 1;font-size:16px;outline:none}.create-btn,.refresh-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s}.create-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.create-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.refresh-btn:hover{border-color:#667eea;color:#667eea}.error-banner{align-items:center;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c00;display:flex;gap:12px;margin-bottom:24px;padding:16px}.loading-container{padding:60px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 16px;width:50px}.stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;padding:24px;transition:transform .3s,box-shadow .3s}.stat-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.stat-card svg{color:#667eea}.stat-card h3{color:#1a202c;font-size:28px;margin:0 0 4px}.stat-card p{color:#718096;font-size:14px;margin:0}.events-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.events-table{border-collapse:collapse;width:100%}.events-table thead{background:#f7fafc}.events-table th{border-bottom:2px solid #e2e8f0;color:#2d3748;font-weight:600;padding:16px;text-align:right}.events-table td{border-bottom:1px solid #e2e8f0;padding:16px}.events-table tbody tr:hover{background:#f7fafc}.empty-state{color:#a0aec0;padding:60px 20px!important;text-align:center!important}.actions-cell{display:flex;gap:8px;justify-content:flex-end}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s}.link-btn{background:#f0f0ff;color:#667eea}.link-btn:hover{background:#ddd6fe}.view-btn{background:#e6f4ff;color:#1890ff}.view-btn:hover{background:#bae0ff}.delete-btn{background:#fff1f0;color:#cf1322}.delete-btn:hover{background:#ffccc7}.modal-overlay{animation:fadeIn .3s ease-out;inset:0}.modal-content{box-shadow:0 24px 48px #0000004d;max-width:600px}.modal-header{border-bottom:2px solid #e2e8f0}.modal-header h2{color:#1a202c}.modal-close{background:#0000;border-radius:6px;color:#718096;transition:all .3s}.modal-close:hover{color:#1a202c}.create-form{display:flex;flex-direction:column;gap:24px;padding:24px}.create-form .form-group{display:flex;flex-direction:column;gap:8px}.create-form label{color:#2d3748;font-size:14px;font-weight:600}.create-form input{border:2px solid #e2e8f0;border-radius:8px;font-size:16px;padding:12px 16px;transition:all .3s}.create-form input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.create-form small{color:#a0aec0;font-size:12px}.create-form select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:16px;padding:12px 16px;transition:all .3s}.create-form select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.api-docs-btn,.vendors-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s}.api-docs-btn:hover,.vendors-btn:hover{background:#f7f7ff;border-color:#667eea;color:#667eea}.sortable{cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.sortable:hover{background:#ffffff1a}.vendor-cell{text-align:center}.vendor-badge{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #c7d2fe;border-radius:12px;color:#4338ca;display:inline-block;font-size:13px;font-weight:600;padding:4px 12px}.no-vendor{color:#a0aec0;font-size:14px}.event-types-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.event-type-option{align-items:center;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px 12px;position:relative;transition:all .3s}.event-type-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.event-type-option:hover{background:#f7f7ff;border-color:#c7d2fe}.event-type-option.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.event-type-icon{align-items:center;background:#667eea1a;border-radius:12px;box-shadow:inset 0 0 0 1px #667eea33;display:inline-flex;height:48px;justify-content:center;width:48px}.event-type-icon svg{stroke-width:2.5;color:#4c1d95;height:28px;width:28px}.event-type-label{color:#2d3748;font-size:13px;font-weight:500;text-align:center}.modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.btn-cancel,.btn-create{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-cancel{background:#f7fafc}.btn-cancel:hover{background:#edf2f7}.btn-create{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-create:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.btn-create:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.admin-header-content{align-items:flex-start;flex-direction:column;gap:16px}.admin-toolbar{align-items:stretch;flex-direction:column}.toolbar-actions{width:100%}.toolbar-actions button{flex:1 1}.search-box{max-width:100%}.events-table-container{overflow-x:auto}.events-table{min-width:800px}.modal-content{width:95%}.event-types-grid{gap:8px;grid-template-columns:repeat(2,1fr)}}.admin-event-management{background:#f7fafc;min-height:100vh}.admin-event-error,.admin-event-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.admin-event-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;gap:20px;padding:24px 32px}.back-btn{background:#fff3;border:1px solid #ffffff4d;color:#fff}.back-btn:hover{background:#ffffff4d}.admin-event-header h1{font-size:28px;margin:0}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:16px 0}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-item label{color:#334155;font-size:14px;font-weight:600}.setting-item input[type=number]{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .2s}.setting-item input[type=number]:focus{border-color:#667eea;outline:none}.setting-item input[type=number]:disabled{background:#f1f5f9;cursor:not-allowed}.setting-label{align-items:center;cursor:pointer;display:flex;gap:10px;-webkit-user-select:none;user-select:none}.setting-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.setting-label input[type=checkbox]:disabled{cursor:not-allowed}.admin-event-content{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1400px;padding:32px}.info-card,.section-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.info-card-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.info-card-header h2{color:#1a202c;font-size:20px;margin:0}.cancel-btn,.edit-btn,.save-btn{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:6px;padding:8px 16px;transition:all .3s}.edit-btn{background:#e6f7ff;border:1px solid #91d5ff;color:#0050b3}.edit-btn:hover{background:#bae7ff}.edit-actions{display:flex;gap:8px}.save-btn{background:#d4f8d4;border:1px solid #52c41a;color:#237804}.save-btn:hover{background:#b7eb8f}.cancel-btn{background:#fff1f0;border:1px solid #ffa39e;color:#cf1322}.cancel-btn:hover{background:#ffccc7}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.info-item label{color:#718096;font-size:14px;font-weight:600}.info-item input{border:2px solid #e2e8f0;border-radius:6px;font-size:16px;padding:8px 12px}.info-item input:focus{border-color:#667eea;outline:none}.monospace{background:#f7fafc;border-radius:4px;font-family:monospace;padding:4px 8px}.stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-box{align-items:center;background:#f7fafc;border-radius:8px;display:flex;gap:16px;padding:16px}.stat-box svg{color:#667eea}.stat-box h3{color:#1a202c;font-size:24px;margin:0 0 4px}.stat-box p{color:#718096;font-size:13px;margin:0}.section-card h2{align-items:center;color:#1a202c;display:flex;font-size:18px;gap:12px;margin:0 0 20px}.section-header{margin-bottom:20px}.media-actions{display:flex;gap:8px}.delete-selected-btn,.select-all-btn{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .3s}.select-all-btn{background:#f0f0f0;border:1px solid #d9d9d9;color:#595959}.select-all-btn:hover{background:#e0e0e0}.delete-selected-btn{background:#fff1f0;border:1px solid #ffa39e;color:#cf1322}.delete-selected-btn:hover{background:#ffccc7}.members-list{display:flex;flex-direction:column;gap:12px}.member-item{align-items:center;background:#f7fafc;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:background .3s}.member-item:hover{background:#edf2f7}.member-item>div{align-items:center;display:flex;gap:12px}.member-item svg{color:#667eea}.member-item small{color:#a0aec0;font-size:12px;margin-right:12px}.remove-member-btn{background:#fff1f0;border:1px solid #ffccc7;border-radius:6px;color:#cf1322;cursor:pointer;padding:6px;transition:all .3s}.remove-member-btn:hover{background:#ffccc7}.media-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.media-card{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;overflow:hidden;position:relative;transition:all .3s}.media-card.selected{border-color:#667eea;box-shadow:0 4px 12px #667eea33}.media-checkbox{left:8px;position:absolute;top:8px;z-index:10}.media-checkbox input[type=checkbox]{cursor:pointer;height:20px;width:20px}.media-preview{align-items:center;background:#e2e8f0;display:flex;height:160px;justify-content:center;overflow:hidden;width:100%}.media-preview img{height:100%;object-fit:cover;width:100%}.media-info{padding:12px}.media-filename{color:#1a202c;font-size:13px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-date,.media-size{color:#a0aec0;font-size:11px;margin:2px 0}.media-card-actions{border-top:1px solid #e2e8f0;display:flex;gap:8px;justify-content:space-around;padding:8px}.media-card-actions button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:6px;transition:all .3s}.media-card-actions button:hover{background:#f7fafc;border-color:#cbd5e0}.empty-message{color:#a0aec0;padding:40px;text-align:center}@media (max-width:768px){.admin-event-content{padding:16px}.info-grid,.stats-row{grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column;gap:12px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.complete-event-section{border-top:2px solid #e2e8f0;display:flex;justify-content:center;margin-top:24px;padding-top:24px}.event-completed-notice{align-items:flex-start;background:linear-gradient(135deg,#d4fc79,#96e6a1);border-radius:12px;box-shadow:0 4px 12px #96e6a14d;display:flex;gap:16px;max-width:600px;padding:20px 24px;width:100%}.completed-notice-icon{animation:bounceIn .6s ease-out;font-size:36px;line-height:1}.completed-notice-content{flex:1 1}.completed-notice-content h3{color:#2d5016;font-size:20px;font-weight:700;margin:0 0 8px}.completed-notice-content p{color:#3d6b1f;font-size:14px;line-height:1.6;margin:4px 0}.completed-notice-content p strong{color:#2d5016;font-weight:600}.clear-media-btn,.complete-event-btn{align-items:center;border:none;border-radius:10px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:14px 32px;transition:all .3s}.complete-event-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.complete-event-btn:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.clear-media-btn{background:linear-gradient(135deg,#fc8181,#e53e3e);color:#fff}.clear-media-btn:hover{box-shadow:0 6px 16px #e53e3e66;transform:translateY(-2px)}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:550px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#2d3748;font-size:24px;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:#a0aec0;cursor:pointer;padding:4px;transition:all .2s}.modal-close:hover{background:#f7fafc;color:#2d3748}.modal-body{padding:24px}.modal-info{align-items:flex-start;background:#ebf8ff;border:1px solid #90cdf4;border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.modal-info svg{color:#3182ce;flex-shrink:0}.modal-info p{color:#2c5282;font-size:14px;line-height:1.5;margin:0}.email-selection{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.radio-option{align-items:center;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .2s}.radio-option:hover{background:#f7fafc;border-color:#cbd5e0}.radio-option input[type=radio]{cursor:pointer;height:18px;width:18px}.radio-option span{color:#2d3748;flex:1 1;font-size:15px}.radio-option code{background:#edf2f7;border-radius:4px;color:#667eea;font-size:13px;padding:4px 8px}.email-input-group{margin-top:8px;padding-right:30px}.email-input{border:2px solid #e2e8f0;border-radius:8px;font-size:15px;padding:12px;transition:all .2s;width:100%}.email-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.modal-warning{background:#fffaf0;border:1px solid #fbd38d;border-radius:8px;padding:16px}.modal-warning p{color:#744210;font-weight:600;margin:0 0 12px}.modal-warning ul{color:#975a16;font-size:14px;line-height:1.8;margin:0;padding-right:20px}.modal-warning li{margin-bottom:6px}.modal-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-cancel,.btn-complete{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-cancel{background:#fff;border:2px solid #e2e8f0;color:#4a5568}.btn-cancel:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.btn-complete{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-width:140px}.btn-complete:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-cancel:disabled,.btn-complete:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.modal-content{margin:20px;width:95%}.modal-body,.modal-header{padding:16px}.modal-footer{flex-direction:column-reverse;padding:16px}.btn-cancel,.btn-complete{width:100%}.event-completed-notice{flex-direction:column;padding:16px;text-align:center}.completed-notice-icon{font-size:48px}.completed-notice-content h3{font-size:18px}.completed-notice-content p{font-size:13px}}.vendor-management{background:linear-gradient(135deg,#f8f9ff,#f0f0ff);direction:rtl;display:flex;flex-direction:column;font-family:Heebo,sans-serif;min-height:100vh}.vendors-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.vendors-table{border-collapse:collapse;width:100%}.vendors-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.vendors-table th{cursor:default;font-size:14px;font-weight:600;padding:16px;text-align:right}.vendors-table th.sortable{cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.vendors-table th.sortable:hover{background:#ffffff1a}.vendors-table td{border-bottom:1px solid #e2e8f0;font-size:14px;padding:16px}.vendors-table tbody tr{transition:background .2s}.vendors-table tbody tr:hover{background:#f7f7ff}.vendor-name{color:#1a202c;font-weight:600}.token-cell{align-items:center;display:flex;gap:8px}.token-display{background:#f7fafc;border:1px solid #e2e8f0;border-radius:4px;color:#4a5568;font-family:Monaco,Courier New,monospace;font-size:12px;padding:4px 8px}.copy-btn{background:#0000;border:none;border-radius:4px;color:#667eea;cursor:pointer;padding:4px;transition:all .2s}.copy-btn:hover{background:#f0f0ff}.edit-btn{background:#fff7ed;color:#ea580c}.edit-btn:hover{background:#fed7aa}.key-btn{background:#fef3c7;color:#d97706}.key-btn:hover{background:#fde68a}.vendor-form{display:flex;flex-direction:column;gap:24px;padding:24px}.info-box{align-items:center;background:#f0f0ff;border:1px solid #c7d2fe;border-radius:8px;color:#4338ca;display:flex;gap:12px;padding:16px}.info-box p{font-size:14px;margin:0}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-save:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.vendors-table{min-width:900px}.vendors-table-container{overflow-x:auto}}.vendor-details{background:linear-gradient(135deg,#f8f9ff,#f0f0ff);direction:rtl;display:flex;flex-direction:column;font-family:Heebo,sans-serif;min-height:100vh}.vendor-info-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;padding:32px}.info-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.info-item{display:flex;flex-direction:column;gap:8px}.info-item label{color:#64748b;font-size:13px;font-weight:500}.info-item span{color:#1a202c;font-size:16px;font-weight:600}.token-section{display:flex;flex-direction:column;gap:12px}.token-section label{color:#64748b;font-size:14px;font-weight:600}.token-display-box{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:16px}.token-full{color:#4a5568;flex:1 1;font-family:Monaco,Courier New,monospace;font-size:13px;line-height:1.6;word-break:break-all}.copy-token-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s;white-space:nowrap}.copy-token-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.section-header{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:30px}.section-header h2{color:#1a202c;font-size:45px;margin:0}.section-actions{align-items:center;display:flex;gap:12px}.status-tabs{background:#f1f5f9;border-radius:8px;display:flex;gap:6px;padding:4px}.status-tab{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.status-tab:hover{background:#667eea1a;color:#667eea}.status-tab.active{background:#fff;box-shadow:0 2px 4px #0000000d;color:#667eea}.logout-btn{padding:8px 16px}.back-btn,.logout-btn{align-items:center;cursor:pointer;display:flex;gap:8px;transition:all .3s}.back-btn{border-radius:8px;font-size:14px;font-weight:500;padding:10px 16px}.back-btn:hover{color:#667eea}@media (max-width:768px){.vendor-info-card{padding:20px}.info-row{gap:16px;grid-template-columns:1fr}.token-display-box{align-items:stretch;flex-direction:column}.copy-token-btn{justify-content:center;width:100%}}.event-title{align-items:center;color:#1a202c;display:flex;font-weight:600;gap:8px}.event-id{color:#718096;font-family:monospace;font-size:12px}.archived-badge{align-items:center;background:#fef3c7;border:1px solid #fbbf24;border-radius:4px;color:#92400e;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:2px 8px}.event-row-inactive{background:#f9fafb!important;opacity:.7}.event-row-inactive:hover{opacity:.85}.vendor-details .admin-content{display:flex;flex-direction:row;gap:20px}.vendor-details-left-column{display:flex;flex-direction:column;gap:20px;max-width:30%}.vendor-details-right-column{display:flex;flex:1 1;flex-direction:column}.vendor-details .stats-grid{display:flex;flex-direction:column;gap:20px}.vendor-details .section-header{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between}@media (max-width:1024px){.vendor-details .admin-content{flex-direction:column}}.api-docs{background:#fafafa;min-height:100vh}.admin-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px #0000001a;color:#fff;padding:24px 32px}.admin-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.header-left{align-items:center;display:flex;gap:16px}.header-icon{color:#fff}.header-left h1{font-size:28px;margin:0}.header-left p{font-size:14px;margin:4px 0 0;opacity:.9}.header-right{align-items:center;display:flex;gap:16px}.admin-user{font-size:14px;opacity:.9}.back-btn,.logout-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s}.back-btn{background:#fff;border:2px solid #e2e8f0;color:#667eea}.back-btn:hover{background:#f7f7ff;border-color:#667eea}.logout-btn{background:#fff3;border:1px solid #ffffff4d;color:#fff}.logout-btn:hover{background:#ffffff4d}.api-docs-content{margin:0 auto;max-width:1200px;padding:40px 32px}.base-url-section{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:32px;padding:24px}.base-url-section h3{align-items:center;color:#1a202c;display:flex;font-size:18px;gap:8px;margin:0 0 12px}.base-url{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;display:block;font-size:16px;margin-bottom:8px;padding:12px 16px}.base-url-note{color:#718096;font-size:14px;margin:0}.api-group{margin-bottom:48px}.group-header{margin-bottom:24px}.group-header h2{align-items:center;color:#1a202c;display:flex;font-size:24px;gap:12px;margin:0 0 8px}.group-description{color:#718096;font-size:15px;line-height:1.6;margin:0}.endpoints-list{display:flex;flex-direction:column;gap:12px}.api-endpoint{background:#fff;border:2px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:all .2s}.api-endpoint:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #00000014}.api-endpoint.expanded{border-color:#667eea}.endpoint-header{align-items:center;background:#fafafa;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s}.endpoint-header:hover{background:#f7fafc}.endpoint-header-left{align-items:center;display:flex;gap:12px}.http-method{border-radius:4px;font-family:monospace;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.method-get{background:#e6f7ff;color:#06c}.method-post{background:#e6ffe6;color:#080}.method-put{background:#fff4e6;color:#c70}.method-delete{background:#ffe6e6;color:#c00}.method-patch{background:#f4e6ff;color:#70c}.endpoint-path{color:#2d3748;font-family:Monaco,Menlo,monospace;font-size:14px;font-weight:500}.public-badge{background:#e6f7e6;border-radius:4px;color:#2d7a2d;font-size:11px;font-weight:500;padding:2px 8px}.endpoint-title{color:#4a5568;font-size:15px;font-weight:500}.endpoint-body{background:#fff;border-top:1px solid #e2e8f0;padding:24px}.endpoint-description{color:#4a5568;font-size:15px;line-height:1.6;margin:0 0 24px}.auth-notice{align-items:center;background:#fff4e6;border:1px solid #fbbf24;border-radius:6px;color:#92400e;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 16px}.api-section{margin-bottom:24px}.api-section-title{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 12px}.api-params{display:flex;flex-direction:column;gap:12px}.api-param{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px}.api-param-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.param-name{background:#edf2f7;border-radius:3px;color:#2d3748;font-family:Monaco,Menlo,monospace;font-size:13px;font-weight:600;padding:2px 6px}.param-badge{border-radius:4px;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.param-badge.required{background:#fee;color:#c00}.param-badge.optional{background:#f0f0f0;color:#666}.param-type{background:#fff;border:1px solid #e2e8f0;border-radius:3px;color:#718096;font-family:monospace;font-size:12px;padding:2px 6px}.param-description{color:#4a5568;font-size:13px;line-height:1.5;margin:0}.param-constraint{color:#e53e3e;font-size:12px;font-weight:500;margin:4px 0 0}.header-value{background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#667eea;font-family:Monaco,Menlo,monospace;font-size:12px;padding:4px 8px}.api-response{margin-bottom:16px}.response-code-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.response-code{border-radius:4px;font-family:monospace;font-size:13px;font-weight:700;padding:4px 10px}.code-200,.code-201{background:#e6ffe6;color:#080}.code-400,.code-404,.code-409{background:#ffe6e6;color:#c00}.code-401,.code-403{background:#fff4e6;color:#c70}.response-description{color:#4a5568;font-size:14px}.response-example{background:#1e293b;border-radius:6px;color:#e2e8f0;margin:0;overflow-x:auto;padding:16px}.response-example code{font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.6}@media (max-width:768px){.admin-header-content{align-items:flex-start;flex-direction:column;gap:16px}.header-right{justify-content:space-between;width:100%}.api-docs-content{padding:24px 16px}.endpoint-header{align-items:flex-start;flex-direction:column;gap:8px}.endpoint-header-left{flex-wrap:wrap}}.not-found-page{align-items:center;animation:gradientShift 10s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.not-found-page:before{animation:backgroundMove 20s linear infinite;background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:50px 50px;content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes backgroundMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.confetti-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.confetti-piece{animation:confettiFall linear infinite;background:linear-gradient(45deg,#ff6b6b,#ffd93d,#6bcf7f,#4ecdc4);border-radius:2px;height:10px;opacity:.8;position:absolute;top:-10%;width:10px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(110vh) rotate(2turn)}}.not-found-container{animation:fadeInScale .6s ease-out;background:#fff;border-radius:24px;box-shadow:0 30px 80px #0000004d;max-width:600px;padding:60px 40px;position:relative;text-align:center;width:100%;z-index:1}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.error-animation{animation:float 3s ease-in-out infinite;margin-bottom:32px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.icons-group{display:flex;gap:24px;justify-content:center;margin-bottom:24px}.icon-camera{animation:spin 4s linear infinite;color:#f59e0b}.icon-party{animation:wiggleIcon 1.5s ease-in-out infinite;color:#ec4899}.icon-sparkles{animation:sparkle 2s ease-in-out infinite;color:#8b5cf6}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes wiggleIcon{0%,to{transform:rotate(0deg)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.error-code-wrapper{display:flex;gap:8px;justify-content:center}.error-code-digit{-webkit-text-fill-color:#0000;animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:160px;font-weight:900;line-height:1}.error-code-digit.delay-1{animation-delay:.1s}.error-code-digit.delay-2{animation-delay:.2s}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) rotate(-15deg)}50%{transform:scale(1.05) rotate(5deg)}70%{transform:scale(.9) rotate(-3deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.error-title{animation:slideInFromTop .8s ease-out;color:#1a202c;font-size:32px;margin:0 0 16px}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.error-description{animation:fadeInUp .8s ease-out .3s both;color:#4a5568;font-size:18px;margin:0 0 8px}.error-hint{animation:fadeInUp .8s ease-out .5s both;color:#94a3b8;font-size:16px;margin-bottom:32px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.event-code{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #c7d2fe;border-radius:6px;color:#667eea;direction:ltr;display:inline-block;font-family:Monaco,Courier New,monospace;font-size:15px;font-weight:600;padding:4px 12px}.error-actions{animation:fadeInUp .8s ease-out .7s both;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:40px}.home-btn,.login-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s}.home-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.home-btn:hover{box-shadow:0 12px 28px #667eea80;transform:translateY(-2px) scale(1.05)}.home-btn:active{transform:translateY(0) scale(.98)}.login-btn{background:#fff;border:2px solid #667eea;color:#667eea}.login-btn:hover{background:#f7fafc;box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px) scale(1.05)}.login-btn:active{transform:translateY(0) scale(.98)}.error-footer{animation:fadeInUp .8s ease-out .9s both;border-top:2px solid #e2e8f0;padding-top:32px}.error-footer p{color:#718096;font-size:14px;margin:0 0 16px}.error-decoration{animation:wiggle 2s ease-in-out infinite;display:flex;font-size:32px;gap:20px;justify-content:center}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.error-decoration span{animation:bounce 1s ease-in-out infinite;display:inline-block}.error-decoration span:first-child{animation-delay:0s}.error-decoration span:nth-child(2){animation-delay:.2s}.error-decoration span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.not-found-container{padding:40px 24px}.error-code-digit{font-size:100px}.icons-group{gap:16px}.icon-camera,.icon-party,.icon-sparkles{height:40px;width:40px}.error-title{font-size:24px}.error-description{font-size:16px}.error-hint{font-size:14px}.error-actions{flex-direction:column}.home-btn,.login-btn{justify-content:center;width:100%}}