:root{--cream: #f5ecd8;--red: #8d1f2b;--red-dark: #6f1822;--dark: #2d1f1f;--dark-soft: #6c5050;--cream-dim: #e4caa5;--cream-light: #fff8ea;--red-glow: rgba(141, 31, 43, .15);--shadow-sm: 0 2px 8px rgba(27, 23, 23, .08);--shadow-md: 0 8px 32px rgba(27, 23, 23, .1);--shadow-lg: 0 16px 56px rgba(27, 23, 23, .14);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--transition: .22s cubic-bezier(.4, 0, .2, 1);--border-thin: 1.5px;--border-thick: 2.5px;--line: #e4caa5;--ok: #245b35;--danger: #a1272f;--soft-shadow: 0 18px 52px rgba(98, 54, 18, .14);--strong-shadow: 0 24px 60px rgba(86, 45, 14, .18);--brand: #8d1f2b;--brand-dark: #6f1822;--ink: #2d1f1f;--ink-soft: #6c5050;--figma-header-h: 96px;--figma-maroon: #810000;--figma-maroon-dark: #630000;--figma-sidebar-head: #a51d1d;--figma-sidebar-body: #6b1d1d;--figma-dot: #d0d0d0;--figma-dot-bg: radial-gradient(circle, var(--figma-dot) 2px, transparent 2px);--figma-dot-size: 18px 18px;--figma-sidebar-head-grid: 14px;--figma-editor-topbar-h: 78px;--figma-editor-viewport-h: calc(100vh - var(--figma-header-h));--figma-divider-strong: 2px solid #d2d2d2;--figma-divider-top-thin: 1px solid #e5e5e5;font-family:Inter,system-ui,-apple-system,sans-serif;color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:var(--cream);color:var(--dark);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}html,#root,.app-shell{width:100%;max-width:100%;overflow-x:hidden}#root,.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-shell{width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}img{display:block;max-width:100%}.icon{display:inline-block;flex-shrink:0;vertical-align:middle;color:currentColor}.icon svg{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:.9rem;padding:.7rem 1.3rem;transition:all var(--transition)}.design-thumb-img,.design-thumb-img-large{width:100%;height:100%;object-fit:cover;display:block}.primary-button{background:var(--red);color:var(--cream);box-shadow:0 4px 16px #81000040}.primary-button:hover{background:var(--red-dark);transform:translateY(-1px);box-shadow:0 6px 24px #81000059}.secondary-button{background:transparent;color:var(--dark);border:1.5px solid var(--cream-dim)}.secondary-button:hover{border-color:var(--red);color:var(--red);background:var(--red-glow)}.danger-button{display:inline-flex;align-items:center;gap:.5rem;border:1.5px solid var(--red);background:transparent;color:var(--red);padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;cursor:pointer;transition:all var(--transition)}.danger-button:hover{background:var(--red);color:var(--cream)}.page-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 3rem;animation:fadeIn .4s ease}.form-card{background:#fff;border:1px solid var(--cream-dim);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-sm);transition:all var(--transition)}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.form-card{max-width:560px}.form-card h1,.form-card h2{margin-bottom:1.25rem;font-weight:700}.form-card label{display:block;margin-bottom:1rem;font-weight:600;font-size:.9rem;color:var(--dark)}.form-card input,.form-card textarea,.form-card select{width:100%;border:1.5px solid var(--cream-dim);border-radius:var(--radius-sm);padding:.75rem 1rem;margin-top:.35rem;background:var(--cream-light);transition:all var(--transition);font-size:.9rem}.form-card input:focus,.form-card textarea:focus,.form-card select:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px var(--red-glow)}textarea{min-height:100px;resize:vertical}.form-card p a{color:var(--red);font-weight:600;transition:color var(--transition)}.form-card p a:hover{color:var(--red-dark)}.small-text{color:#1b17178c;font-size:.85rem;margin-top:.3rem}.error-text{color:var(--red);font-weight:600;font-size:.88rem;margin:.5rem 0}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.design-context-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#1b171773;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;animation:fadeIn .2s ease}.design-context-modal{position:relative;background:#fff;border:1px solid #e0e0e0;border-radius:16px;width:min(720px,94vw);padding:1.5rem 1.75rem 1.35rem;box-shadow:0 24px 64px #0000002e;animation:fadeInScale .28s ease}.design-context-header{display:flex;align-items:center;gap:.65rem;padding:0 0 1.25rem;border-bottom:none}.design-context-header h3{display:flex;align-items:center;gap:.6rem;font-size:1rem;font-weight:700;margin:0}.design-context-header h3 .avatar-icon{width:40px;height:40px;border-radius:50%;background:#810000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800}.design-context-close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:#9ca3af;font-size:1.35rem;line-height:1;padding:.25rem}.design-context-close:hover{color:#810000}.design-context-body{display:flex;gap:1.25rem;padding:0;align-items:flex-start}.design-context-actions{display:flex;flex-direction:column;gap:.5rem;min-width:168px}.context-action{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem 1rem;border:none;border-radius:999px;background:#810000;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;white-space:nowrap;transition:background .2s ease}.context-action:hover{background:#630000;color:#fff}.context-action.danger:hover{background:#630000}.context-action svg{width:16px;height:16px;flex-shrink:0;stroke:currentColor}.design-context-preview{flex:1;display:block}.design-context-thumb{width:100%;min-height:200px;border:1px solid #e0e0e0;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#fafafa;background-image:radial-gradient(circle,#d4d4d4 1.2px,transparent 1.2px);background-size:16px 16px}.design-context-thumb img{max-width:100%;max-height:180px;object-fit:contain}.design-context-thumb svg{color:#81000040}.design-context-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.15rem;padding-top:1rem;border-top:1px solid #f0f0f0}.design-context-details{font-size:.88rem;color:#555;line-height:1.5}.design-context-details strong{display:block;color:#000;font-size:.95rem;margin-bottom:.2rem}.design-context-share{flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#1b171773;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;animation:fadeIn .2s ease}.modal{position:relative;background:#fafafa;background-image:radial-gradient(circle,#d0d0d0 .8px,transparent .8px);background-size:18px 18px;border-radius:16px;width:min(480px,90vw);box-shadow:0 10px 40px #1b171733;animation:fadeInScale .3s ease;overflow:hidden}.modal.modal--join{position:relative;width:min(420px,92vw);padding:2rem 2rem 1.75rem;text-align:center;border:1px solid #e0e0e0;border-radius:16px;background-color:#fff;background-image:radial-gradient(circle,#e8e8e8 1px,transparent 1px);background-size:14px 14px}.modal.modal--join .modal-header{display:block;padding:0;border:none}.modal.modal--join .modal-header h2{margin:0 0 .75rem;font-size:1.35rem;font-weight:800}.modal.modal--join .modal-body{padding:0}.modal.modal--join .modal-body p{margin:0 0 1.25rem;text-transform:none;letter-spacing:normal;text-align:center;font-size:.92rem}.modal.modal--join .modal-body label{display:none}.modal.modal--join .modal-body input{border-radius:999px;text-transform:none;letter-spacing:normal;margin-bottom:1rem;background:#fff}.modal.modal--join .modal-footer{padding:0;border:none;justify-content:center}.modal.modal--join .modal-footer .secondary-button{display:none}.modal.modal--join .modal-footer .primary-button{width:100%}.modal.modal--join .modal-close{position:absolute;top:.85rem;right:.85rem}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--cream-dim)}.modal-header h2{font-size:1.15rem;font-weight:700}.modal-close{position:absolute;top:1rem;right:1.5rem;background:none;border:none;cursor:pointer;color:#1b171780;font-size:1.5rem;font-weight:300;transition:color var(--transition);padding:.25rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--red)}.modal-body{padding:2.5rem 2rem;text-align:center}.modal-body p{color:#1b1717d9;font-size:1.25rem;font-weight:500;margin-bottom:2rem;line-height:1.65}.modal-body label{display:block;font-weight:600;font-size:.88rem;margin-bottom:.35rem}.modal-body input{width:100%;border:1.5px solid var(--cream-dim);border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:1rem;letter-spacing:.15em;text-align:center;text-transform:uppercase;background:var(--cream-light);transition:all var(--transition)}.modal-body input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px var(--red-glow)}.modal-footer{padding:0 1.5rem 1.5rem;display:flex;justify-content:flex-end;gap:.75rem}.modal-actions{display:flex;justify-content:center;gap:1.2rem;margin-top:0}.modal-actions button{flex:1;max-width:160px;padding:1rem 2rem;border-radius:999px;font-weight:800;font-size:1rem;border:none;cursor:pointer;transition:all var(--transition)}.modal-actions .primary-button{background:#b51b1f;color:#fff8e7;box-shadow:0 4px 16px #b51b1f40}.modal-actions .primary-button:hover{background:#a1161b;transform:translateY(-2px);box-shadow:0 6px 24px #b51b1f59}.modal-actions .secondary-button{background:#b51b1f;color:#fff8e7;border:none;box-shadow:0 4px 16px #b51b1f40}.modal-actions .secondary-button:hover{background:#a1161b;transform:translateY(-2px);box-shadow:0 6px 24px #b51b1f59}.modal-actions .danger-button{background:#b51b1f;color:#fff8e7;border:none;box-shadow:0 4px 16px #b51b1f40}.modal-actions .danger-button:hover{background:#a1161b;transform:translateY(-2px);box-shadow:0 6px 24px #b51b1f59}.posts-feed{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.figma-designs-modal{position:relative;width:min(960px,94vw);max-height:min(88vh,720px);display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:16px;overflow:hidden;padding:0}.figma-designs-modal__close{position:absolute;top:1rem;right:1rem;z-index:3;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:#9ca3af;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease,background .2s ease}.figma-designs-modal__close:hover{color:#1b1717;background:#f5f5f5}.figma-designs-modal__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.25rem 3.25rem 1rem 1.5rem;border-bottom:1px solid #ebebeb}.figma-designs-modal__header h2{margin:0;font-size:1.35rem;font-weight:800;color:#000}.figma-designs-modal__body{flex:1;min-height:0;overflow-y:auto;padding:1.25rem 1.5rem}.figma-designs-modal__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.figma-designs-modal__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:220px;border-radius:12px;border:2px dashed #e0e0e0;text-align:center;padding:2rem;color:#9ca3af}.figma-designs-modal__empty p{margin:0;font-size:.92rem;color:#6b7280;max-width:28rem}.figma-designs-modal .figma-card.is-selected{border-color:#810000;box-shadow:0 0 0 2px #81000026}.figma-designs-modal__footer{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #ebebeb;background:#fff}.figma-designs-modal__avatar{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:#810000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.figma-designs-modal__input{flex:1;min-width:0;border:1px solid #e0e0e0;border-radius:999px;padding:.7rem 1.15rem;font-size:.92rem;background:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.figma-designs-modal__input::placeholder{color:#9ca3af}.figma-designs-modal__input:focus{border-color:#810000;box-shadow:0 0 0 3px #8100001a}.figma-designs-modal__send{width:44px;height:44px;flex-shrink:0;border:none;border-radius:50%;background:#810000;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .15s ease}.figma-designs-modal__send:hover{background:#6a0000}.figma-designs-modal__send:active{transform:scale(.96)}.figma-designs-modal__send:disabled{opacity:.45;cursor:not-allowed;transform:none}.figma-designs-modal__publish-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.85rem 1.5rem 1.15rem;border-top:1px solid #f0f0f0;background:#fafafa}.figma-designs-modal__publish-hint{margin:0;flex:1;min-width:12rem;font-size:.88rem;color:#6b7280}.figma-designs-modal__publish-btn{border-radius:999px!important;padding:.6rem 1.35rem!important;white-space:nowrap}.figma-designs-modal__publish-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 900px){.figma-designs-modal__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 560px){.figma-designs-modal__grid{grid-template-columns:repeat(2,1fr)}.figma-designs-modal__header{padding-right:3rem}}.editor-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--figma-header-h, 64px);display:flex;background:var(--cream);z-index:10;overflow:hidden}.main-editor .editor-fullscreen{position:relative;inset:unset;top:auto;flex:1;width:100%;min-height:0;height:100%;align-items:stretch;overflow:hidden;z-index:1}.editor-sidebar-fs{position:relative;display:flex;flex-direction:column;width:320px;min-width:320px;background:#fff;border-right:1.5px solid var(--cream-dim);box-shadow:4px 0 24px #1b171714;overflow:visible;transition:margin-left .4s cubic-bezier(.4,0,.2,1);z-index:20}.editor-sidebar-fs.collapsed{margin-left:-320px}.sidebar-content-scroll{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding:.75rem;transition:opacity .3s}.editor-sidebar-fs.collapsed .sidebar-content-scroll{opacity:0;pointer-events:none}.sidebar-toggle-btn{position:absolute;right:-32px;top:50%;transform:translateY(-50%);width:32px;height:64px;background:#fff;border:1.5px solid var(--cream-dim);border-left:none;border-radius:0 12px 12px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--dark);z-index:100;box-shadow:4px 0 12px #0000000d;transition:all var(--transition)}.sidebar-toggle-btn:hover{background:var(--red);color:var(--cream);border-color:var(--red)}.sidebar-header-fs{padding:1rem;border-bottom:2px solid rgba(0,0,0,.2);background:var(--red-dark);color:var(--cream);text-align:center;margin-bottom:5px}.sidebar-header-fs h2{font-size:1rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.sidebar-header-fs p{font-size:.75rem;opacity:.7;margin-top:2px}.shapes-palette-fs{flex-direction:column;gap:.75rem;padding-bottom:100px}.palette-item-fs{display:flex;flex-direction:column;gap:.4rem}.shape-label{font-size:.72rem;font-weight:800;color:var(--red-dark);text-transform:uppercase;letter-spacing:.05em;padding-left:4px}.shape-wrapper{background:#fff;border-radius:var(--radius-md);padding:1rem;cursor:grab;transition:all var(--transition);border:1.5px solid transparent;display:flex;align-items:center;justify-content:center;min-height:100px;box-shadow:0 4px 12px #0000001a;overflow:visible}.shape-wrapper:hover{transform:translateY(-2px);border-color:var(--red);box-shadow:0 8px 24px #81000033}.shape-wrapper .shape-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.shape-input .editable-text,.shape-print .editable-text{position:relative;z-index:1}.shape-wrapper .shape-svg polygon{fill:#fff;stroke:var(--dark);stroke-width:2px}.shape-wrapper .shape{max-width:100%;pointer-events:none;border-width:1.5px}.shape-wrapper .shape-if-house{width:160px;height:90px}.shape-wrapper.drag-source{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.figma-editor.is-palette-dragging,.figma-editor.is-palette-dragging .shape-wrapper.drag-source{cursor:grabbing}.palette-touch-drag-ghost{position:fixed;z-index:10050;pointer-events:none;transform:translate(-50%,-50%)}.palette-touch-drag-ghost-inner{display:flex;align-items:center;justify-content:center;min-width:88px;min-height:56px;padding:.5rem .75rem;background:#fff;background-image:radial-gradient(circle,#d8d8d8 1.2px,transparent 1.2px);background-size:11px 11px;border-radius:10px;box-shadow:0 8px 28px #00000038;opacity:.92}.palette-touch-drag-ghost-inner .shape-wrapper{min-height:0;padding:0;box-shadow:none;background:transparent}.editor-canvas-fs.palette-drop-target{outline:2px dashed rgba(129,0,0,.45);outline-offset:-4px}.connect-action{cursor:pointer}.connect-action.active{border-color:var(--red);background-color:var(--red-glow)}.editor-main-fs{flex:1;display:flex;flex-direction:column;overflow:visible;min-width:0}.editable-text{outline:none;min-width:20px;text-align:center;color:#000;font-weight:700;line-height:1.2;white-space:pre-wrap;word-break:break-word;max-width:100%}.connect-mode .editable-text,.connect-mode .internal-placeholder{pointer-events:none}[contenteditable]:empty:before{content:attr(placeholder);color:#0000004d}.canvas-zoom-layer{transition:transform .15s ease}.editor-toolbar-fs{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem 1rem;background:#fff;border-bottom:1.5px solid var(--cream-dim);flex-shrink:0;flex-wrap:wrap}.toolbar-left-fs{display:flex;align-items:center;gap:.5rem}.toolbar-title-input{border:1.5px solid var(--cream-dim);border-radius:var(--radius-sm);padding:.5rem .85rem;font-size:.92rem;font-weight:600;background:var(--cream-light);min-width:180px;transition:all var(--transition)}.toolbar-title-input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px var(--red-glow)}.toolbar-right-fs{display:flex;align-items:center;gap:.5rem}.btn{border:none;border-radius:var(--radius-sm);padding:.55rem 1rem;font-weight:700;font-size:.82rem;cursor:pointer;transition:all var(--transition);display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--red);color:var(--cream);box-shadow:0 3px 12px #81000033}.btn-primary:hover{background:var(--red-dark)}.editor-canvas-fs{flex:1;position:relative;overflow:hidden;background:var(--cream-light);background-image:linear-gradient(180deg,rgba(217,214,202,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(217,214,202,.3) 1px,transparent 1px);background-size:24px 24px;cursor:grab;touch-action:none}.editor-canvas-fs.panning{cursor:grabbing}.editor-canvas-fs.connect-mode{cursor:crosshair}.editor-canvas-fs.connect-mode .shape-element{touch-action:manipulation;cursor:crosshair}.canvas-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;pointer-events:none}.canvas-hint{color:#1b171759;font-size:1rem;font-weight:700;text-align:center;padding:.8rem 1.5rem;background:#ffffffd9;border-radius:999px;box-shadow:var(--shadow-sm)}.connection-layer,#connections-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}.connection-group{pointer-events:auto;cursor:pointer}.editor-canvas-fs.connect-mode .connection-group{pointer-events:none;cursor:default}.connection-line-hit{stroke:transparent;stroke-width:14;pointer-events:stroke;fill:none}.connection-line{stroke:#000;stroke-width:3;pointer-events:none;fill:none}.connection-group.selected .connection-line{stroke:var(--figma-maroon);stroke-width:4}.connection-group.selected .connection-line-hit{stroke:#8100001f;stroke-width:16}.shape-element{position:absolute;z-index:2;cursor:move;touch-action:none}.shape-element.selected{filter:none;z-index:50}.shape-element.selected .shape,.shape-element.selected .for-process-box,.shape-element.selected .for-loop-circle,.shape-element.selected .shape-while-container{border-color:var(--figma-maroon);box-shadow:none;outline:2px solid var(--figma-maroon);outline-offset:1px}.shape-element.selected .shape-input,.shape-element.selected .shape-print{box-shadow:none;outline:none}.shape-element.selected .shape-svg polygon,.shape-element.selected .roof-triangle-svg polygon{stroke:var(--figma-maroon);stroke-width:2.5px}.shape-element.selected .shape-if-house .if-body,.shape-element.selected .shape-if-house .if-header-row,.shape-element.selected .if-header-si,.shape-element.selected .if-col-si{border-color:var(--figma-maroon)}.shape-element.selected .roof-triangle-svg polygon{stroke:var(--figma-maroon);stroke-width:2.5px}.shape-element.selected .for-loop-arm:before{border-color:var(--figma-maroon)}.shape-element.selected .shape:hover,.shape-element.selected .for-process-box:hover{box-shadow:none}.resize-handle{position:absolute;bottom:-6px;right:-6px;width:12px;height:12px;background:#fff;border:2px solid var(--red);cursor:nwse-resize;z-index:60;border-radius:2px}.resize-handle:hover{background:var(--red)}.shape-element.connect-source .shape{box-shadow:0 0 0 4px #2d6a304d}.shape{display:flex;justify-content:center;align-items:center;padding:.85rem;background:#fff;border:var(--border-thin) solid var(--dark);color:var(--dark);box-shadow:var(--shadow-sm);transition:all .15s ease}.shape:hover{box-shadow:var(--shadow-md)}.shape-circle{border-radius:999px;width:100%;height:100%;min-width:90px;min-height:90px}.shape-input,.shape-print{width:100%;height:100%;min-height:80px;background:none;border:none;box-shadow:none;padding:0;overflow:visible;display:flex;align-items:center;justify-content:center;position:relative}.shape-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;z-index:-1}.shape-svg polygon{fill:#fff;stroke:var(--dark);stroke-width:var(--border-thin);vector-effect:non-scaling-stroke}.shape-process,.shape-while-container{width:100%;height:100%}.shape-process{border-radius:16px}.shape-if-house{width:100%;height:100%;display:flex;flex-direction:column}.if-roof{height:45%;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}.roof-triangle-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.roof-triangle-svg polygon{stroke-width:var(--border-thin);vector-effect:non-scaling-stroke}.if-text-overlay{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding-top:25px}.if-text{font-weight:800;font-size:1rem;margin-bottom:1px;color:#000}.if-condition{font-size:.78rem;color:#333}.if-body{height:55%;display:flex;flex-direction:column;border:var(--border-thin) solid var(--dark);border-top:none;background:#fff;overflow:hidden}.if-header-row{display:flex;height:30px;border-bottom:var(--border-thin) solid var(--dark)}.if-header-si,.if-header-no{flex:1;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;color:#000}.if-header-si{border-right:var(--border-thin) solid var(--dark)}.if-content-row{display:flex;flex:1;min-height:0}.if-col-si,.if-col-no{flex:1}.if-col-si{border-right:var(--border-thin) solid var(--dark)}.shape-while-container{width:100%;height:100%;display:flex;flex-direction:column;border:var(--border-thin) solid var(--dark);border-radius:12px;background:#fff;overflow:hidden}.while-header{min-height:38px;height:auto;padding:.35rem .5rem;border-bottom:var(--border-thin) solid var(--dark);display:flex;justify-content:center;align-items:center;background:#fff}.while-body{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem}.internal-placeholder{color:#1b171759;font-size:.88rem;text-align:center}.shape-for-layout{width:100%;height:100%;display:flex;align-items:stretch;gap:0}.for-process-box{flex:1;border-radius:var(--radius-md);background:#fff;display:flex;align-items:center;justify-content:center;border:var(--border-thin) solid var(--dark)}.for-loop-arm{width:65px;position:relative;display:flex;align-items:center;justify-content:flex-start}.for-loop-arm:before{content:"";position:absolute;left:-2px;top:30%;bottom:30%;width:38px;border:var(--border-thin) solid var(--dark);border-left:none}.for-loop-circle{width:55px;height:55px;border-radius:50%;border:var(--border-thin) solid var(--dark);background:#fff;margin-left:10px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}.connect-preview{width:100%;display:flex;justify-content:center;align-items:center}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c9c9c9;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#1b17174d}@media (max-width: 768px){.design-context-body{flex-direction:column}}@media (max-width: 480px){.page-container{padding:1.25rem 1rem 2rem}}.toast-container,.editor-toast-container{position:fixed;top:calc(var(--figma-header-h, 96px) + 1rem);right:1.25rem;left:auto;transform:none;z-index:10000;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;pointer-events:none;width:min(400px,calc(100vw - 2rem))}.app-toast{position:relative;display:block;width:100%;min-width:260px;margin:0;padding:1.05rem 2.15rem 1.05rem 1.1rem;background:#8b4a52!important;color:#fff!important;border:2px dashed #6b2f36!important;border-radius:14px!important;box-shadow:0 10px 28px #3c141952;pointer-events:auto;animation:toastSlideIn .35s ease}@keyframes toastSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.app-toast__text{margin:0;font-size:.9rem;font-weight:500;line-height:1.5;text-align:center;color:#fff!important;white-space:normal}.app-toast__close{position:absolute;top:.4rem;right:.45rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:#ffffffe6!important;cursor:pointer;line-height:1;transition:color .2s ease,transform .15s ease}.app-toast__close:hover{color:#fff!important;transform:scale(1.1)}@media (max-width: 768px){.toast-container,.editor-toast-container{right:.75rem;top:calc(var(--figma-header-h, 72px) + .65rem);width:min(360px,calc(100vw - 1.5rem))}.app-toast{min-width:0}}.page-container{max-width:1200px;margin:1.2rem auto 2.2rem;padding:0 1.5rem 2rem}.form-card,.canvas-panel{background:#fff8eae6;border:1px solid var(--line);border-radius:24px;box-shadow:var(--soft-shadow);padding:1.7rem}.form-card h1{margin-top:0;color:var(--brand-dark)}.hero-actions,.cards-grid{display:flex;flex-wrap:wrap;gap:1rem}.primary-button,.secondary-button,.danger-button{border:1px solid transparent;border-radius:999px;cursor:pointer;padding:.8rem 1.2rem;transition:all .15s ease;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.primary-button{background:linear-gradient(180deg,#9c2735,#821c28);color:#fff;box-shadow:0 8px 20px #7d19243d}.primary-button:hover{transform:translateY(-1px);background:var(--brand-dark)}.secondary-button,.danger-button{background:linear-gradient(180deg,#f5e5c5,#ecd3a5);color:var(--ink);border:1px solid #d8b784}.secondary-button:hover,.danger-button:hover{background:#ebd1a6}.form-card label,.account-avatar-info h2{display:block;margin-bottom:.9rem;font-weight:600;color:var(--ink)}.form-card input,.form-card textarea,.form-card select{width:100%;border:1px solid #d5b88d;border-radius:12px;padding:.85rem 1rem;margin-top:.4rem;background:#fffdf8;color:var(--ink)}.form-card input:focus,.form-card textarea:focus,.form-card select:focus{outline:2px solid rgba(141,31,43,.18);border-color:var(--brand)}textarea{min-height:120px}.error-text{color:var(--danger);margin:.5rem 0;font-weight:600}.cards-grid{gap:1rem}.small-text{color:var(--ink-soft);margin-top:.75rem}.auth-layout{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1fr);gap:1rem;align-items:stretch}.auth-card h2{margin-top:0;color:var(--brand-dark)}.auth-tabs{margin-bottom:.8rem;display:inline-flex;align-items:center;gap:.25rem;background:#f2ddb8;border:1px solid #d5b285;padding:.2rem;border-radius:999px}.auth-tabs a,.auth-tabs span{padding:.35rem .8rem;border-radius:999px;font-size:.86rem;font-weight:600;color:var(--ink-soft)}.auth-tabs .active{background:#fff8ea;color:var(--brand-dark);border:1px solid #d9bd96}.auth-card form{display:grid;gap:.25rem}.ghost-link{margin-top:.6rem;border:none;background:transparent;color:var(--brand-dark);cursor:pointer;font-weight:600;text-align:left;padding:0}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.full-width{width:100%}.account-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:3.15rem;align-items:start;transition:grid-template-columns .3s ease;position:relative}.account-layout:has(.account-sidebar--collapsed){grid-template-columns:minmax(0,1fr);gap:3.15rem}.account-sidebar{position:relative;overflow:visible;background:#6b2424;color:#fff;border-radius:0;padding:0;display:flex;flex-direction:column;min-height:680px;box-shadow:none;transition:all .3s ease}.account-sidebar__body{display:flex;flex-direction:column;align-items:center;padding:3rem 1rem 0;text-align:center}.account-avatar{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;width:100%}.account-avatar-ring{width:110px;height:110px;border-radius:50%;border:3px solid #fff;display:flex;align-items:center;justify-content:center;padding:2px;overflow:hidden;flex-shrink:0;box-sizing:border-box}.account-avatar-svg{width:100%!important;height:100%!important;max-width:104px;max-height:104px}.account-avatar-svg .figma-profile-bg{fill:#9b2222}.account-avatar-info h2{margin:0 0 .2rem;font-size:1.15rem;line-height:1.3;font-weight:800;letter-spacing:0;color:#fff}.account-avatar-info p{margin:0 0 .1rem;font-size:.8rem;line-height:1.3;color:#ffffffd9;word-break:break-word}.account-role{font-size:.8rem;opacity:1}.account-action-button,.account-session-button,.account-help-button{width:100%;min-height:48px;display:flex;align-items:center;gap:.6rem;justify-content:center;border:none;border-radius:999px;font-family:inherit;font-size:1.05rem;font-weight:800;line-height:1;white-space:nowrap;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease;padding:.8rem 1rem}.account-action-button{background:#b51b1f;color:#fff8e7}.account-action-button:hover{background:#a1161b;transform:translateY(-1px)}.account-sidebar__actions{display:flex;flex-direction:column;gap:.8rem;padding:2rem 1rem 1rem;width:100%}.account-sidebar__collapse{position:absolute;top:50%;right:-24px;z-index:100;width:48px;height:48px;padding:0;border:none;border-radius:50%;background:#b51b1f;color:#fff8e7;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);cursor:pointer;pointer-events:auto;transition:all .3s ease;margin:0}.account-sidebar__collapse:hover{background:#a1161b;transform:translateY(-50%) scale(1.08)}.account-sidebar__collapse .icon{margin:0;transition:transform .3s ease}.account-sidebar--collapsed{min-width:0!important;width:0!important;padding:0!important;background:transparent!important;min-height:0!important;height:0!important;overflow:visible!important}.account-sidebar--collapsed .account-sidebar__body,.account-sidebar--collapsed .account-sidebar__actions,.account-sidebar--collapsed .account-sidebar__footer{display:none}.account-sidebar--collapsed .account-sidebar__collapse{position:fixed;top:50%;left:0;right:auto;transform:translateY(-50%)}.account-sidebar--collapsed .account-sidebar__collapse .icon{transform:scaleX(-1)}.account-sidebar__footer{display:flex;gap:.8rem;margin-top:auto;padding:0 1rem 1.5rem;width:100%;flex-direction:column}.account-session-button{justify-content:center;background:#b51b1f;color:#fff8e7}.account-session-button .icon{color:#fff8e7;flex-shrink:0}.account-session-button span{flex:1;text-align:left}.account-session-button:hover{background:#a1161b;transform:translateY(-1px)}.account-help-button{background:transparent;color:#fff8e7;justify-content:flex-start;width:auto;min-height:auto;border-radius:0;padding:0;font-size:1rem;gap:.3rem}.account-help-button .icon{color:#fff8e7;flex-shrink:0}.account-help-button span{flex:none;text-align:left}.account-help-button:hover{background:transparent;transform:none;opacity:.8}.account-main{display:flex;flex-direction:column;gap:1.75rem;min-width:0}.account-section{min-width:0}.account-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.15rem}.account-section-head h1{margin:0;font-size:clamp(2.5rem,4.1vw,3.25rem);line-height:1.02;font-weight:800;color:#000;letter-spacing:0}.account-link{font-size:.9rem;color:#810000;text-decoration:none;font-weight:800;white-space:nowrap}.account-link:hover{color:#630000}.account-cards-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.55rem}.account-preview-card{min-width:0;border-radius:8px;box-shadow:none}.account-preview-card[role=button]{cursor:pointer}.account-preview-card__media{aspect-ratio:4 / 3;min-height:0;padding:.75rem;background-color:#fff;background-image:radial-gradient(circle,#e5e5e5 1.5px,transparent 1.5px);background-size:24px 24px}.account-preview-card__media:disabled{cursor:default}.account-preview-card__media>.icon,.account-preview-card__media>.icon svg,.account-preview-card__book,.account-preview-card__book svg{color:#d0d0d0!important;width:46px;height:46px}.account-preview-card__foot{min-height:58px;align-items:center;color:#111;padding:.65rem .75rem!important}.account-preview-card__text{min-width:0;display:grid;gap:.1rem}#account-page .account-preview-card .account-preview-card__text .figma-card-title{margin:0;font-size:1.22rem;font-weight:400;line-height:1.18;letter-spacing:0;color:#000}.account-preview-card__text p{margin:0;font-size:.94rem;line-height:1.22;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-preview-card--class .account-preview-card__foot{min-height:70px}#account-page .account-preview-card--class .account-preview-card__text .figma-card-title{font-size:1.08rem;white-space:normal}.account-preview-card__line{width:min(88px,70%);height:8px;border-radius:999px;background:#d9d9d9;display:block}.account-preview-card--empty{pointer-events:none;box-shadow:none}.account-preview-card--empty:hover{transform:none;border-color:var(--figma-border);box-shadow:none}.edit-profile-container{max-width:600px;margin:0 auto;background-color:#fff;background-image:radial-gradient(circle,#d4d4d4 1.2px,transparent 1.2px);background-size:16px 16px;border-radius:12px;border:1.5px solid #000000;padding:2rem;box-shadow:0 2px 8px #1b171714}.edit-profile-container h1{margin:0 0 1.5rem;font-size:1.8rem;font-weight:700;color:#2d1f1f;text-align:left}.edit-profile-form{display:grid;gap:1.25rem}.edit-profile-form label{font-weight:600;font-size:.85rem;color:#2d1f1f;display:block;margin-bottom:.375rem}.edit-profile-form input{width:100%;border:1.5px solid #000000;border-radius:8px;padding:.625rem .875rem;background:#fff;color:#2d1f1f;font-size:.9375rem;transition:all .22s cubic-bezier(.4,0,.2,1)}.edit-profile-form input::placeholder{color:#a89080;font-size:.9375rem}.edit-profile-form input:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #00000026}.edit-profile-form .form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.edit-profile-form .form-group{display:grid;gap:.375rem}.edit-profile-form .change-password-link{background:none;border:none;color:#8d1f2b;text-decoration:none;font-weight:600;font-size:.85rem;cursor:pointer;padding:0;transition:all .22s cubic-bezier(.4,0,.2,1);align-self:flex-start;margin:.5rem 0}.edit-profile-form .change-password-link:hover{color:#6f1822}.edit-profile-form .primary-button{width:100%;padding:.875rem 1.5rem;margin-top:1rem;background:#8d1f2b;color:#f5ecd8;font-weight:600;font-size:.9rem;border:none;border-radius:8px;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #81000040}.edit-profile-form .primary-button:hover{background:#6f1822;transform:translateY(-1px);box-shadow:0 6px 24px #81000059}@media (max-width: 600px){.edit-profile-container{padding:1.5rem 1rem}.edit-profile-form .form-row{grid-template-columns:1fr}}.avatar-circle{width:104px;height:104px;border-radius:999px;background:#f2d6aa;display:grid;place-items:center;font-size:2.3rem;border:1px solid #d6b17c}.profile-form{min-height:100%;box-shadow:var(--soft-shadow)}.mini-card{border:1px dashed #d7b17d;background:#f8e8c9;border-radius:10px;min-height:58px;display:grid;place-items:center;text-align:center;font-size:.8rem;color:var(--ink-soft);padding:.4rem;transition:transform .15s ease,background-color .15s ease}.mini-card:hover{transform:translateY(-1px);background:#f4ddb5}@media (max-width: 768px){.auth-layout{grid-template-columns:1fr;gap:1.5rem}.page-container{padding:1.5rem 1rem;margin:.5rem auto 1rem}}@media (max-width: 480px){.primary-button,.secondary-button,.danger-button{width:100%}.hero-actions{flex-direction:column}.form-row,.cards-grid{grid-template-columns:1fr}}@media (max-width: 768px){.shapes-palette-fs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.5rem;padding-bottom:.5rem}.palette-item-fs{flex:0 0 auto}}.toolbar-actions-group{display:flex;flex-wrap:wrap;gap:.5rem}.app-footer{background:var(--dark);color:var(--cream);padding:2.5rem 1.5rem 1.5rem;margin-top:3rem;border-top:2px solid var(--red)}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2.5rem;margin-bottom:2rem}.footer-section h3{font-size:1.05rem;font-weight:800;margin:0 0 1rem;color:var(--cream);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--red);padding-bottom:.5rem}.footer-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-section li a{color:var(--cream-dim);text-decoration:none;font-size:.95rem;transition:all var(--transition);display:inline-flex;align-items:center}.footer-section li a:hover{color:var(--cream);transform:translate(4px);text-decoration:underline}@media (max-width: 768px){.app-footer{padding:1.5rem 1rem 1rem;margin-top:2rem}.footer-content{gap:1.5rem;margin-bottom:1rem}.footer-section h3{font-size:.95rem}.footer-section ul{gap:.5rem}.footer-section li a{font-size:.9rem}}.figma-sector{--figma-red: #810000;--figma-red-dark: #630000;--figma-ink: #000000;--figma-muted: #555555;--figma-border: #e0e0e0;--figma-bg: #ffffff;background:var(--figma-bg);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:max(1.5rem,calc(50vw - 600px));padding-right:max(1.5rem,calc(50vw - 600px));padding-top:2.5rem;padding-bottom:3.5rem;min-height:calc(100vh - 64px)}.figma-sector-inner{max-width:1280px;margin:0 auto;padding:0;animation:fadeIn .4s ease}.figma-sector-hero{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--figma-border);text-align:left}.figma-sector-hero h1{font-size:clamp(1.65rem,3vw,2.1rem);font-weight:800;color:var(--figma-ink);margin:0;letter-spacing:-.02em}.figma-sector-hero p{display:none}.figma-sector-toolbar{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.65rem;margin-bottom:0}.figma-dot-pattern{background-color:#fafafa;background-image:radial-gradient(circle,#d4d4d4 1.2px,transparent 1.2px);background-size:16px 16px}.figma-sector .primary-button,.figma-sector a.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;text-decoration:none;background:var(--figma-red);color:#fff;border:none;border-radius:999px;font-weight:700;box-shadow:0 4px 14px #81000038}.figma-sector .primary-button svg,.figma-sector .primary-button .icon{width:18px;height:18px;flex-shrink:0;stroke:currentColor}.figma-sector .primary-button:hover{background:var(--figma-red-dark);color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #8100004d}.figma-sector .secondary-button{background:#fff;color:var(--figma-red);border:1.5px solid var(--figma-red);border-radius:999px;font-weight:700}.figma-sector .secondary-button:hover{background:#8100000f;color:var(--figma-red-dark);border-color:var(--figma-red-dark)}.figma-sector .search-toggle{display:flex;align-items:center;gap:.5rem}.figma-sector .search-circle{width:42px;height:42px;border:none;border-radius:50%;background:var(--figma-red);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px #81000038;flex-shrink:0}.figma-sector .search-circle:hover{background:var(--figma-red-dark)}.figma-sector .search-expand{width:200px;padding:.55rem 1rem;border:1px solid var(--figma-border);border-radius:999px;font-size:.9rem}.figma-sector .search-expand:focus{outline:none;border-color:var(--figma-red);box-shadow:0 0 0 3px #8100001f}#designs-page .figma-sector-toolbar{justify-content:flex-start;align-items:center;gap:1.15rem;flex-wrap:nowrap}#designs-page .search-toggle{gap:0}#designs-page .search-circle{width:42px;height:42px;border-radius:999px;background:#630000;box-shadow:0 4px 14px #81000038}#designs-page .search-circle .icon{width:18px;height:18px;color:#f5ecd8}#designs-page #btn-create-design{min-height:auto;padding:.55rem 1.1rem;border-radius:999px;font-size:inherit;font-weight:700;line-height:inherit;background:#810000;color:#f5ecd8;box-shadow:0 4px 14px #81000038;gap:.45rem}#designs-page #btn-create-design .icon{width:18px;height:18px;color:#f5ecd8}.figma-cards-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.15rem}.figma-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--figma-border);border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000a;transition:transform .2s ease,box-shadow .2s ease;animation:fadeIn .4s ease both}.figma-card:hover{border-color:#81000038;box-shadow:0 10px 28px #00000014;transform:translateY(-3px)}.figma-card--compact .figma-card-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem .85rem;border-top:1px solid #f0f0f0}.figma-card--compact .figma-card-foot .figma-card-title{margin:0;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.figma-card--compact .figma-card-menu-btn{position:static;opacity:1;background:transparent;color:#9ca3af;box-shadow:none;width:auto;height:auto;padding:.25rem}.figma-card--compact .figma-card-menu-btn:hover{color:var(--figma-red);background:#8100000f}.figma-card-media{position:relative;height:auto;aspect-ratio:4 / 3;cursor:pointer;overflow:hidden;border:none;width:100%;padding:.75rem;display:flex;align-items:center;justify-content:center;background-color:#fafafa}.figma-card--compact .figma-card-media{background-image:radial-gradient(circle,#d4d4d4 1.2px,transparent 1.2px);background-size:16px 16px}.figma-card-media .design-thumb-img{width:100%;height:100%;max-height:156px;object-fit:contain;border-radius:8px;filter:drop-shadow(0 4px 12px rgba(45,31,31,.08))}.figma-card-title{font-size:1rem;font-weight:800;color:var(--figma-ink);margin:0 0 .55rem;line-height:1.35;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.figma-card-menu-btn{position:absolute;top:.65rem;right:.65rem;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.8);background:#ffffffe0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--figma-red);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;box-shadow:0 2px 10px #0000001a;transition:all .22s ease}.figma-card:hover .figma-card-menu-btn{opacity:1}.figma-card-menu-btn:hover{background:var(--figma-red);color:#fff;border-color:var(--figma-red);transform:scale(1.06)}.figma-empty-panel{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:3.5rem 2rem;border:1px solid var(--figma-border);border-radius:12px}.figma-empty-panel h3{font-size:1.15rem;font-weight:800;color:var(--figma-ink);margin:1rem 0 .4rem}.figma-empty-panel p{color:var(--figma-muted);margin-bottom:1.25rem;max-width:420px}.figma-empty-panel>svg,.figma-empty-panel>.icon{color:#81000040}.figma-empty-panel .primary-button,.figma-empty-panel a.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.figma-empty-panel .primary-button svg,.figma-empty-panel .primary-button .icon{color:#fff;stroke:currentColor}.figma-loading-text{margin:0;font-weight:600;color:var(--figma-muted)}.figma-designs-error{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem}.figma-designs-error .error-text{margin:0}main:has(.figma-sector){background:#fff}@media (max-width: 768px){.figma-sector{padding-top:1.5rem;padding-bottom:2.5rem}.figma-cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.figma-sector-toolbar{flex-direction:column;align-items:stretch}}.main-figma{flex:1;background:#fff}.app-header.figma-header{position:sticky;top:0;z-index:1100;flex-shrink:0;display:flex;align-items:center;box-sizing:border-box;overflow:visible;height:var(--figma-header-h);min-height:var(--figma-header-h);max-height:var(--figma-header-h);padding:.25rem 1rem;color:#000;background-color:#fff;background-image:radial-gradient(circle,#d4d4d4 1.2px,transparent 1.2px);background-size:16px 16px;border-bottom:1px solid #e5e7eb;box-shadow:none}.figma-header-inner{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;max-width:1280px;margin:0 auto;width:100%}.figma-header-logo{justify-self:start;grid-column:1;grid-row:1;margin-left:0;min-width:0}.figma-brand{display:inline-flex;align-items:center;text-decoration:none;line-height:0;margin-left:0}.figma-brand .brand-logo{display:block;height:calc(var(--figma-header-h) - 1rem);max-height:calc(var(--figma-header-h) - 1rem);width:auto;max-width:min(140px,38vw);object-fit:contain;object-position:left center}.figma-header-nav-wrap{grid-column:2;grid-row:1;justify-self:center;display:flex;flex-direction:column;align-items:center}.figma-nav{display:flex;align-items:center;justify-content:center;gap:0}.figma-nav a{position:relative;color:#000;padding:.45rem 1.25rem;font-weight:600;font-size:1rem;letter-spacing:-.01em;background:transparent;border-radius:10px;border:none;text-decoration:none;transition:color .2s ease,background-color .2s ease;cursor:pointer;font-family:inherit}.figma-nav-divider{display:block;width:1px;height:1.15em;background:#810000;flex-shrink:0;opacity:.95}.figma-nav a:hover{color:#810000}.figma-nav a.active{background:transparent;color:var(--figma-maroon);font-weight:700}.figma-nav a.active:before{content:"";position:absolute;left:.35rem;top:50%;transform:translateY(-50%);width:3px;height:1.15em;border-radius:2px;background:var(--figma-maroon)}.figma-header-profile{grid-column:3;grid-row:1;justify-self:end;text-decoration:none;line-height:0;display:inline-flex;border-radius:50%;transition:transform .2s ease,box-shadow .2s ease}.figma-header-profile:hover{transform:scale(1.04);box-shadow:0 4px 14px #81000038}.figma-header-profile-svg{display:block;width:calc(var(--figma-header-h) - .55rem);height:calc(var(--figma-header-h) - .55rem);max-width:44px;max-height:44px;border-radius:50%}.figma-header-profile-svg .figma-profile-bg{fill:var(--figma-maroon)}.figma-header-profile-svg .figma-profile-silhouette{fill:#f5ecd8}.figma-header-mobile-extra,.figma-header-logout-mobile{display:none}.figma-header-login{display:inline-flex;align-items:center;padding:.55rem 1.2rem;background:#810000;color:#fff;border-radius:999px;font-weight:700;font-size:.9rem;text-decoration:none;box-shadow:0 4px 14px #81000038}.figma-header-login:hover{background:#630000;color:#fff}.figma-menu-btn{display:none;grid-column:2;grid-row:1;justify-self:end;color:#810000;border:1px solid #e0e0e0;border-radius:10px;background:#fff;padding:.45rem;cursor:pointer}.app-shell:has(.main-editor){height:100vh;max-height:100vh;overflow:hidden;background:#fff}.main-editor{flex:1;display:flex;flex-direction:column;min-height:0;height:var(--figma-editor-viewport-h);max-height:var(--figma-editor-viewport-h);overflow-x:hidden;overflow-y:hidden;overscroll-behavior:none;background:#fff}.main-editor .editor-fullscreen{background:#fff}.figma-editor.editor-fullscreen{flex:1;min-height:0;height:100%;display:flex;align-items:stretch;overflow:hidden;background:#fff}.figma-editor-sidebar.editor-sidebar-fs{width:212px;min-width:212px;flex-shrink:0;height:100%;min-height:0;align-self:stretch;background:var(--figma-sidebar-body);border-right:none;box-shadow:none;display:flex;flex-direction:column;overflow:visible;position:relative}.figma-editor-sidebar.editor-sidebar-fs.collapsed{margin-left:-212px}.figma-editor-sidebar .figma-sidebar-header.sidebar-header-fs{flex-shrink:0;overflow:hidden;background-color:var(--figma-sidebar-head);background-image:radial-gradient(circle,rgba(235,235,235,.45) 2.2px,transparent 2.2px);background-size:18px 18px;background-position:9px 9px;color:#fff;border-top:1px solid var(--figma-maroon-dark);border-bottom:var(--figma-divider-strong);border-radius:0;margin:0;height:var(--figma-editor-topbar-h);padding:0 1rem;text-align:center;display:flex;flex-direction:column;justify-content:center}.figma-editor-sidebar .figma-sidebar-header h2{color:var(--cream);font-size:.95rem;font-weight:800;letter-spacing:0;text-transform:none;line-height:1.2;margin:0}.figma-editor-sidebar .figma-sidebar-header p{color:#ffffffb8;opacity:1;font-size:.82rem;font-weight:500;margin:.25rem 0 0;line-height:1.3}.figma-editor-sidebar .figma-sidebar-body.sidebar-content-scroll{flex:1 1 auto;min-height:0;padding:0;background:var(--figma-sidebar-body);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.figma-editor-sidebar .figma-sidebar-body.sidebar-content-scroll::-webkit-scrollbar{display:none;width:0;height:0}.figma-editor-sidebar .shapes-palette-fs{padding:.25rem .5rem 1rem;gap:.55rem}.figma-editor-sidebar .palette-item-fs{gap:.45rem}.figma-editor-sidebar .shape-label{color:#fff;font-weight:500;font-size:.78rem;text-transform:none;letter-spacing:0;padding-left:.2rem}.figma-editor-sidebar .shape-wrapper{background-color:#fff;background-image:radial-gradient(circle,#d8d8d8 1.2px,transparent 1.2px);background-size:11px 11px;border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;min-height:72px;padding:.45rem;display:flex;align-items:center;justify-content:center}.figma-editor-sidebar .shape-wrapper:hover{transform:none;box-shadow:0 4px 14px #0003}.figma-editor-sidebar .shape-wrapper.connect-action.active{outline:2px solid #ffffff;outline-offset:2px}.figma-editor-sidebar .sidebar-toggle-btn{position:absolute;right:-28px;top:50%;width:28px;height:52px;padding:0;margin:0;background:var(--figma-sidebar-body);color:#f5ecd8;border:none;border-radius:0 34px 34px 0;box-shadow:none;transform:translateY(-50%);z-index:110;transition:background .2s ease;pointer-events:auto}.figma-editor-sidebar .sidebar-toggle-btn:hover{background:#5a1818;color:#fff8ea}.figma-editor-sidebar .sidebar-toggle-btn .icon,.figma-editor-sidebar .sidebar-toggle-btn .figma-sidebar-toggle-icon{color:#f5ecd8;width:18px;height:18px;flex-shrink:0}.figma-editor-sidebar .sidebar-toggle-btn:hover .icon{color:#fff8ea}.figma-editor-sidebar.editor-sidebar-fs.collapsed .sidebar-toggle-btn{transform:translateY(-50%)}.figma-editor-sidebar.editor-sidebar-fs.collapsed .figma-sidebar-header,.figma-editor-sidebar.editor-sidebar-fs.collapsed .figma-sidebar-body,.figma-editor-sidebar.editor-sidebar-fs.collapsed .sidebar-content-scroll{opacity:0;pointer-events:none}.figma-editor-main{flex:1;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;padding:0;overflow:hidden;background:transparent}.figma-editor-panel{flex:1;min-height:0;height:100%;display:flex;flex-direction:column;background:#fff;border:none;border-radius:0;overflow:hidden;box-shadow:none}.figma-editor-panel-head{flex-shrink:0;height:var(--figma-editor-topbar-h);padding:0 1.25rem;display:flex;align-items:center;background:#fff;border-top:var(--figma-divider-top-thin);border-bottom:var(--figma-divider-strong)}.figma-editor-toolbar.editor-toolbar-fs{background:transparent;border-bottom:none;padding:0;min-height:auto;flex-wrap:nowrap;gap:1rem;width:100%}.figma-editor-toolbar .toolbar-left-fs{flex:0 1 auto;min-width:0;display:flex;align-items:center}.figma-editor-toolbar .toolbar-right-fs{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:flex-end}.figma-toolbar-title{background:var(--figma-maroon);border:none;border-radius:999px;width:min(240px,32vw);min-width:140px;max-width:240px;padding:.6rem 1.35rem;font-weight:700;font-size:.95rem;color:var(--cream)}.figma-toolbar-title::placeholder{color:#f5ecd8bf}.figma-toolbar-title:focus{border-color:#810000;box-shadow:0 0 0 3px #81000033;outline:none}.editor-subtoolbar.figma-editor-subtoolbar{flex-shrink:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.35rem;margin:0 .75rem .35rem;padding:.15rem 0 0;min-height:44px;background:transparent;border:none;border-radius:0}.figma-subtoolbar-group{display:flex;align-items:center;gap:.35rem}.figma-subtoolbar-edit{grid-column:1;justify-self:start}.figma-subtoolbar-actions{grid-column:3;justify-self:end}.figma-subtoolbar-footer{display:contents}.figma-subtoolbar-footer .figma-zoom-group{grid-column:2;justify-self:center}.figma-subtoolbar-footer .figma-subtoolbar-actions{grid-column:3;justify-self:end}.figma-subtool-btn--circle{width:38px;height:38px;border:none;border-radius:50%;background:#e3e3e3;color:var(--figma-maroon);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s ease,transform .15s ease}.figma-subtool-btn--circle .icon{color:var(--figma-maroon);display:flex;align-items:center;justify-content:center}.figma-editor-subtoolbar .icon svg{stroke-width:2.4}.figma-subtool-btn--circle:hover:not(:disabled){background:#d5d5d5;opacity:1}.figma-subtool-btn--circle:disabled{opacity:.5;cursor:not-allowed}.figma-zoom-group{grid-column:2;justify-self:center;display:inline-flex;align-items:center;gap:0;padding:.18rem .28rem;background:#e3e3e3;border-radius:999px}.figma-zoom-group-btn{width:34px;height:34px;border:none;border-radius:50%;background:transparent;color:var(--figma-maroon);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.figma-zoom-group-btn .icon{color:var(--figma-maroon);font-weight:600;display:flex;align-items:center;justify-content:center}.figma-zoom-group-btn:hover{background:#81000014}.figma-zoom-group-label{min-width:48px;padding:0 .4rem;border:none;border-left:1px solid rgba(129,0,0,.22);border-right:1px solid rgba(129,0,0,.22);background:transparent;font-weight:700;font-size:.85rem;color:var(--figma-maroon);cursor:pointer;text-align:center}.figma-zoom-group-label:hover{opacity:.85}.figma-clear-canvas-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .9rem;border:none;border-radius:999px;background:#e3e3e3;font-weight:700;font-size:.82rem;color:var(--figma-maroon);cursor:pointer;white-space:nowrap;transition:background .15s ease}.figma-clear-canvas-btn .icon{color:var(--figma-maroon);display:flex;align-items:center;justify-content:center}.figma-clear-canvas-btn:hover:not(:disabled){background:#d5d5d5;opacity:1}.figma-clear-canvas-btn:disabled{opacity:.38;cursor:not-allowed}.figma-editor-toolbar.editor-toolbar-fs{border-bottom:none}.figma-editor-toolbar .figma-btn-save,.figma-editor-toolbar .figma-btn-pdf{border-radius:999px!important;font-weight:700!important;background:#810000!important;color:var(--cream)!important;border-color:#810000!important}.figma-editor-toolbar .figma-btn-save .icon,.figma-editor-toolbar .figma-btn-pdf .icon{color:var(--cream)}.figma-editor-toolbar .figma-toolbar-actions,.figma-editor-toolbar .toolbar-actions-group{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;flex-shrink:0}.figma-editor-toolbar .figma-toolbar-actions .btn{white-space:nowrap;flex-shrink:0}.figma-btn-save{background:var(--figma-maroon)!important;color:var(--cream)!important;border:none!important;border-radius:999px!important;padding:.6rem 1.2rem!important;box-shadow:none!important;font-size:.88rem!important;font-weight:700!important;gap:.4rem}.figma-btn-save:hover{background:var(--figma-maroon-dark)!important}.figma-btn-pdf{margin-left:.35rem}.figma-editor-canvas-area{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:.25rem .6rem .5rem;overflow:hidden;background:#fff}.figma-editor .editor-canvas-fs.figma-canvas-panel{flex:1 1 auto;width:100%;min-height:0;height:auto;overflow:hidden;background-color:#fff;background-image:var(--figma-dot-bg);background-size:var(--figma-dot-size);border:1px solid #c5c5c5;border-radius:14px;box-shadow:0 1px 4px #0000000d}.figma-editor .editor-canvas-fs.figma-canvas-panel::-webkit-scrollbar{display:none;width:0;height:0}.figma-editor .canvas-hint{color:#9a9a9a;font-weight:500;font-size:1.05rem;letter-spacing:-.01em;background:transparent;border:none;border-radius:0;box-shadow:none;padding:0}body.mobile-menu-open{overflow:hidden}.figma-header-mobile-menu,.figma-header-overlay{display:none}@keyframes figma-mobile-menu-fade-in{0%{opacity:0}to{opacity:1}}@keyframes figma-mobile-panel-in{0%{opacity:0;transform:translate(-50%,-12px) scale(.97)}to{opacity:1;transform:translate(-50%) scale(1)}}@media (max-width: 900px){:root{--figma-header-h: 72px}.app-header.figma-header{padding:.35rem 1rem .35rem .75rem}.app-header.figma-header.figma-header--menu-open{z-index:1200}.figma-header-inner{position:relative;grid-template-columns:1fr auto auto;gap:.65rem;z-index:1202}.figma-header-logo{grid-column:1}.figma-header-nav-wrap--desktop{display:none}.figma-menu-btn{display:flex;align-items:center;justify-content:center;grid-column:2;width:2.5rem;height:2.5rem;min-width:2.5rem;border-color:#d8d8d8;box-shadow:0 2px 8px #0000000a;transition:border-color .2s ease,box-shadow .2s ease,color .2s ease}.figma-menu-btn--open{border-color:#c8c8c8;color:#810000;box-shadow:0 4px 12px #81000014}.figma-header-profile{grid-column:3}.figma-header-mobile-menu{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1201;pointer-events:none}.figma-header-overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:none;padding:0;margin:0;background:#f5f5f5b8;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);cursor:pointer;pointer-events:auto;animation:figma-mobile-menu-fade-in .22s ease}.figma-header-mobile-panel{position:absolute;top:calc(var(--figma-header-h) + 1.35rem);left:50%;transform:translate(-50%);width:min(17.5rem,calc(100vw - 2.5rem));display:flex;flex-direction:column;align-items:stretch;gap:1.35rem;padding:1.35rem 1.5rem 1.5rem;border-radius:14px;border:1px solid #ececec;background-color:#fff;background-image:radial-gradient(circle,#d4d4d4 1.2px,transparent 1.2px);background-size:16px 16px;box-shadow:0 18px 40px #0000001a,0 4px 14px #8100000f;pointer-events:auto;animation:figma-mobile-panel-in .24s ease}.figma-header-mobile-panel__nav{width:100%}.figma-header-mobile-panel .figma-nav{flex-direction:column;align-items:stretch;width:100%;gap:.15rem}.figma-header-mobile-panel .figma-nav-divider{display:none}.figma-header-mobile-panel .figma-nav a{width:100%;text-align:left;padding:.82rem .85rem .82rem 1.45rem;border-radius:10px;font-size:1.02rem;font-weight:600;letter-spacing:-.01em}.figma-header-mobile-panel .figma-nav a.active{color:var(--figma-maroon);font-weight:700;background:transparent}.figma-header-mobile-panel .figma-nav a.active:before{left:.55rem;width:3px;height:1.2em;border-radius:2px;background:var(--figma-maroon)}.figma-header-mobile-panel .figma-nav a:hover:not(.active){background:#8100000d;color:#810000}.figma-header-logout-mobile{display:inline-flex;align-self:center;justify-content:center;min-width:10.5rem;padding:.62rem 1.35rem;border:1.5px solid #810000;border-radius:999px;background:#fff;color:#810000;font-weight:700;font-size:.92rem;font-family:inherit;cursor:pointer;transition:background-color .2s ease,color .2s ease}.figma-header-logout-mobile:hover{background:#8100000f}.figma-header-login--mobile{align-self:center;min-width:10.5rem;justify-content:center;text-align:center}.figma-header-profile-svg{max-width:40px;max-height:40px}}@media (max-width: 768px){.figma-editor-sidebar.editor-sidebar-fs{width:220px;min-width:220px}.figma-editor-sidebar.editor-sidebar-fs.collapsed{margin-left:-220px}.figma-editor-panel-head{height:auto;min-height:0;padding:.55rem .75rem .6rem}.editor-subtoolbar.figma-editor-subtoolbar{margin:0;padding:.5rem .75rem .55rem;border-bottom:var(--figma-divider-strong);min-height:0}.figma-editor-canvas-area{padding:.5rem .65rem .65rem}.figma-editor .editor-canvas-fs.figma-canvas-panel{border-radius:12px}.figma-editor-toolbar.editor-toolbar-fs{flex-direction:column;align-items:stretch;gap:.5rem}.figma-editor-toolbar .toolbar-left-fs,.figma-editor-toolbar .toolbar-right-fs{width:100%;flex:none;justify-content:stretch}.figma-toolbar-title{width:100%;max-width:none;text-align:center;box-sizing:border-box}.figma-editor-toolbar .figma-toolbar-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%}.figma-editor-toolbar .figma-btn-save,.figma-editor-toolbar .figma-btn-pdf{width:100%;margin:0!important;justify-content:center}.editor-subtoolbar.figma-editor-subtoolbar{display:flex;flex-direction:column;align-items:stretch;gap:.45rem}.figma-subtoolbar-edit{display:flex;justify-content:center;flex-wrap:nowrap;gap:.35rem;width:100%}.figma-subtoolbar-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;grid-column:unset}.figma-subtoolbar-footer .figma-zoom-group{flex-shrink:0}.figma-subtoolbar-footer .figma-subtoolbar-actions{flex:0 1 auto;min-width:0;justify-content:flex-end}.figma-subtoolbar-footer .figma-clear-canvas-btn{max-width:100%;padding:.4rem .7rem;font-size:.78rem}}#classes-page.classes-page--teacher .figma-sector-toolbar{justify-content:flex-end}#classes-page.classes-page--teacher .classes-teacher-create-btn,#classes-page.classes-page--teacher #btn-open-create-class{min-height:auto;padding:.55rem 1.1rem;border-radius:999px;font-size:inherit;font-weight:700;line-height:inherit;background:#810000;color:#f5ecd8;box-shadow:0 4px 14px #81000038;gap:.45rem}#classes-page.classes-page--teacher .classes-teacher-create-btn .icon,#classes-page.classes-page--teacher #btn-open-create-class .icon{width:18px;height:18px;color:#f5ecd8}#classes-page.classes-page--teacher .figma-classes-grid{grid-template-columns:repeat(3,1fr);gap:2rem 2.25rem}#classes-page.classes-page--teacher .figma-classes-grid .figma-empty-panel{grid-column:1 / -1}#classes-page.classes-page--teacher .class-list-card{position:relative;cursor:pointer;text-align:left;border-radius:12px}#classes-page.classes-page--teacher .class-list-card .figma-card-media.class-list-card-media{aspect-ratio:5 / 4;min-height:0;padding:.5rem;border:none;cursor:inherit;pointer-events:none}#classes-page.classes-page--teacher .class-list-card-media .class-list-card-book-icon,#classes-page.classes-page--teacher .class-list-card-media .class-list-card-book-icon svg{color:#c2c2c2;width:36px;height:36px}#classes-page.classes-page--teacher .class-list-card-foot{padding:.5rem .65rem;border-top:1px solid #f0f0f0}#classes-page.classes-page--teacher .class-list-card-title{font-size:.85rem;font-weight:800;color:#000}#classes-page.classes-page--teacher .class-list-card-edit-btn{padding:.15rem}#classes-page.classes-page--teacher .class-list-card-edit-btn .icon{width:16px;height:16px}#classes-page.classes-page--teacher .class-list-card-edit-btn{color:#9ca3af}#classes-page.classes-page--teacher .class-list-card-edit-btn:hover{color:var(--figma-maroon);background:#8100000f}#classes-page.classes-page--teacher .class-list-card:hover{transform:translateY(-3px);border-color:#81000038;box-shadow:0 10px 28px #00000014}#classes-page.classes-page--teacher .class-list-card:focus-visible{outline:2px solid #810000;outline-offset:2px}#classes-page.classes-page--student .class-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.35rem}#classes-page.classes-page--student .class-list-grid .figma-empty-panel{grid-column:1 / -1}#classes-page.classes-page--student .class-list-card--student{position:relative;padding:0;text-align:left;cursor:pointer;overflow:hidden;border:1px solid var(--figma-border, #e0e0e0);border-radius:12px;background:#fff;box-shadow:0 2px 10px #0000000a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;animation:fadeIn .4s ease both}#classes-page.classes-page--student .class-list-card--student .class-list-card-media{height:140px;display:flex;align-items:center;justify-content:center}#classes-page.classes-page--student .class-list-card-book-icon,#classes-page.classes-page--student .class-list-card-book-icon svg{color:#c2c2c2;width:48px;height:48px}#classes-page.classes-page--student .class-list-card--student .class-list-card-body{padding:1rem 1.1rem 1.15rem;background:#fff}#classes-page.classes-page--student .class-list-card--student .class-list-card-title{margin:0 0 .35rem;font-size:1.05rem;font-weight:800;color:#000;line-height:1.25}#classes-page.classes-page--student .class-list-card--student .class-list-card-sub{margin:0;font-size:.88rem;font-weight:500;color:#6b7280;line-height:1.4}#classes-page.classes-page--student .class-list-card--student:hover{transform:translateY(-4px);border-color:#81000059;box-shadow:0 12px 28px #00000014}#classes-page.classes-page--student .class-list-card--student:focus-visible{outline:2px solid #810000;outline-offset:2px}.modal.modal--figma-form{position:relative;width:min(440px,92vw);padding:2.25rem 2rem 2rem;overflow:visible;text-align:center;border:1px solid #e8e8e8;border-radius:20px;background-color:#fff;background-image:radial-gradient(circle,#d8d8d8 1px,transparent 1px);background-size:14px 14px;box-shadow:0 24px 48px #0000001f}.modal.modal--figma-form .modal-close{position:absolute;top:1rem;right:1rem;z-index:2;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:400;line-height:1;color:#b8b8b8;border-radius:8px}.modal.modal--figma-form .modal-close:hover{color:#6b7280;background:#0000000a}.modal.modal--figma-form .modal--figma-form__form{display:flex;flex-direction:column}.modal.modal--figma-form .modal-header{display:block;padding:0 1.5rem 0 0;border:none;margin-bottom:1.5rem}.modal.modal--figma-form .modal-header h2{margin:0;font-size:1.5rem;font-weight:800;color:#000;letter-spacing:-.02em}.modal.modal--figma-form .modal-body{padding:0;text-align:left}.modal.modal--figma-form .figma-field{display:block;margin-bottom:1.1rem}.modal.modal--figma-form .figma-field:last-of-type{margin-bottom:0}.modal.modal--figma-form .figma-field__label{display:block;margin-bottom:.45rem;font-size:.9rem;font-weight:600;color:#1a1a1a}.modal.modal--figma-form .figma-field input,.modal.modal--figma-form .figma-field textarea{width:100%;box-sizing:border-box;border:1px solid #e0e0e0;border-radius:12px;padding:.75rem 1rem;font-size:.95rem;font-family:inherit;font-weight:400;text-align:left;text-transform:none;letter-spacing:normal;background:#fff;color:#000;transition:border-color .2s ease,box-shadow .2s ease}.modal.modal--figma-form .figma-field input::placeholder,.modal.modal--figma-form .figma-field textarea::placeholder{color:#b5b5b5;font-weight:400}.modal.modal--figma-form .figma-field textarea{display:block;resize:vertical;min-height:120px;line-height:1.45}.modal.modal--figma-form .figma-field input:focus,.modal.modal--figma-form .figma-field textarea:focus{outline:none;border-color:var(--figma-red, #810000);box-shadow:0 0 0 3px #8100001a}.modal.modal--figma-form .modal-footer{padding:1.5rem 0 0;margin:0;border:none;justify-content:stretch}.modal.modal--figma-form .modal-footer .primary-button{width:100%;min-height:48px;padding:.75rem 1.25rem;background:var(--figma-red, #810000);color:#fff;border:none;border-radius:999px;font-weight:700;font-size:1.05rem;box-shadow:0 4px 14px #81000038}.modal.modal--figma-form .modal-footer .primary-button:hover{background:var(--figma-red-dark, #630000);color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #81000047}.class-detail-sector .figma-sector-inner{max-width:900px}.class-detail-loading{text-align:center;color:#555;padding:3rem}.class-detail-banner{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;margin-bottom:1.75rem;padding:1rem 1.25rem 1.2rem;background-color:#fff;background-image:radial-gradient(circle,#d4d4d4 1.2px,transparent 1.2px);background-size:16px 16px;border:1px solid #e0e0e0;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000a}.class-detail-banner__bookmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffffd9;border:1px solid #ebebeb;color:#c2c2c2;pointer-events:none}.class-detail-banner__menu-wrap{position:absolute;top:14px;right:14px;z-index:4}.class-detail-banner__menu{width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:#7c0a0a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease,transform .2s ease}.class-detail-banner__menu:hover,.class-detail-banner__menu--open{color:#5e0606;transform:scale(1.06)}.class-detail-banner__popover{position:absolute;top:calc(100% + 8px);right:0;z-index:5;padding:0;background:transparent;border:none;box-shadow:none}.class-detail-banner__popover-btn{position:relative;display:block;width:100%;margin:0;padding:.4rem .85rem;border:none;border-radius:6px;background:#630000;text-align:center;font-size:.76rem;font-weight:700;line-height:1.35;color:#f5ecd8!important;white-space:nowrap;cursor:pointer;letter-spacing:0;text-shadow:none;-webkit-text-fill-color:#f5ecd8;box-shadow:0 4px 10px #63000038;transition:background .2s ease,box-shadow .2s ease}.class-detail-banner__popover-btn:before{content:"";position:absolute;top:-7px;right:10px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:8px solid #630000;transition:border-bottom-color .2s ease}.class-detail-banner__popover-btn:hover{background:#4e0000;color:#fff!important;-webkit-text-fill-color:#fff;box-shadow:0 6px 14px #4e000047}.class-detail-banner__popover-btn:hover:before{border-bottom-color:#4e0000}.class-detail-banner__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:5.5rem}.class-detail-banner__info h1{margin:0 0 .25rem;font-size:1.35rem;font-weight:800;color:#000;line-height:1.2;letter-spacing:-.02em}.class-detail-banner__info p{margin:0;font-size:.92rem;font-weight:500;color:#9ca3af}.class-detail-banner__code{flex-shrink:0;text-align:right}.class-detail-banner__code-label{display:block;font-size:.95rem;font-weight:600;color:#000}.class-detail-banner__code-value{display:block;margin-top:.15rem;font-size:.88rem;font-weight:700;color:var(--figma-red, #810000);letter-spacing:.06em}.class-detail-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.65rem}.class-detail-section-head .class-section-title{margin:0;font-size:1.35rem;font-weight:800;color:#000;letter-spacing:-.02em}.class-detail-section-head__icon{display:flex;align-items:center;justify-content:center;color:#c2c2c2;flex-shrink:0}.class-detail-section-head__icon--btn{padding:.35rem;margin:0;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:color .2s ease,background .2s ease}.class-detail-section-head__icon--btn:hover{color:var(--figma-red, #810000);background:#8100000f}.class-members-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.65rem}.class-members-section-head__title{display:flex;align-items:center;gap:.65rem;min-width:0}.class-members-section-head__title-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--figma-red, #810000)}.class-members-section-head__title .class-section-title{margin:0;font-size:1.35rem;font-weight:800;color:#000;letter-spacing:-.02em}.class-members-section-head__back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #e0e0e0;border-radius:10px;background:#fff;color:#9ca3af;cursor:pointer;flex-shrink:0;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease}.class-members-section-head__back:hover{border-color:#81000059;color:var(--figma-red, #810000);box-shadow:0 4px 12px #0000000f}.class-members-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.class-members-empty{padding:2rem 1.25rem;border:1px dashed #e0e0e0;border-radius:14px;text-align:center;color:#6b7280}.class-members-empty p{margin:0}.class-members-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;border:1px solid #e0e0e0;border-radius:14px;background:#fff;box-shadow:0 2px 8px #00000008}.class-members-row__profile{display:flex;align-items:center;gap:.85rem;min-width:0}.class-members-row__avatar{width:42px;height:42px;border-radius:50%;background:var(--figma-red, #810000);color:#fff;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.class-members-row__name{font-size:1rem;font-weight:600;color:#111}.class-members-expel-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border:none;border-radius:999px;background:var(--figma-red, #810000);color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .2s ease,transform .2s ease}.class-members-expel-btn:hover{background:#6a0000;transform:translateY(-1px)}.confirm-modal-overlay{z-index:1300}.confirm-modal{position:relative;width:min(440px,92vw);padding:2.75rem 2rem 2rem;text-align:center;border:1px dashed #c5c5c5;border-radius:16px;background-color:#fff;box-shadow:0 16px 48px #00000024;overflow:visible}.confirm-modal__close{position:absolute;top:.85rem;right:.85rem}.confirm-modal__message{margin:.5rem 0 1.85rem;padding:0 .5rem;font-size:1.05rem;font-weight:800;line-height:1.45;color:#111}.confirm-modal__highlight{color:var(--figma-red, #810000);font-weight:800}.confirm-modal__actions{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.confirm-modal__btn{min-width:108px;padding:.72rem 2rem;border:none;border-radius:999px;background:var(--figma-red, #810000);color:#fff;font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background .2s ease,transform .2s ease,opacity .2s ease}.confirm-modal__btn:hover:not(:disabled){background:#6a0000;transform:translateY(-1px)}.confirm-modal__btn:disabled{opacity:.65;cursor:not-allowed}@media (max-width: 640px){.class-members-row{flex-direction:column;align-items:stretch}.class-members-expel-btn{justify-content:center}}.class-detail-section-rule{margin:0 0 1.25rem;border:none;border-top:1px solid #e5e5e5}.class-upload-trigger{display:flex;align-items:center;gap:.85rem;width:100%;margin-bottom:1.1rem;padding:1rem 1.15rem;border:1px solid #e0e0e0;border-radius:14px;background:#fff;cursor:pointer;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.class-upload-trigger:hover{border-color:#81000059;box-shadow:0 6px 20px #0000000f;transform:translateY(-1px)}.class-upload-trigger__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--figma-red, #810000)}.class-upload-trigger__text{font-size:.95rem;font-weight:600;color:#000}.class-detail-sector .class-detail-posts.posts-feed{gap:1rem;margin-bottom:1.25rem}.figma-class-post{background:#fff;border:1px solid #e0e0e0;border-radius:16px;overflow:visible;box-shadow:0 2px 10px #0000000a;animation:fadeIn .35s ease both}.figma-class-post__head{display:flex;align-items:center;gap:.75rem;padding:1rem 1.2rem}.figma-class-post__avatar{width:42px;height:42px;border-radius:50%;background:var(--figma-red, #810000);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;flex-shrink:0}.figma-class-post__meta{flex:1;min-width:0}.figma-class-post__name{font-weight:700;font-size:.95rem;color:#000;line-height:1.3}.figma-class-post__date{font-size:.8rem;color:#9ca3af;margin-top:.12rem}.figma-class-post__head-actions{display:flex;align-items:center;gap:.1rem;flex-shrink:0}.figma-class-post__menu-wrap{position:relative}.figma-class-post__menu-btn{border:1px solid transparent;border-radius:8px;color:#4b5563}.figma-class-post__menu-btn:hover,.figma-class-post__menu-btn--open{border-color:#1a1a1a;color:#1a1a1a;background:#fff}.figma-class-post__icon-btn{width:34px;height:34px;border:none;border-radius:8px;background:none;color:#9ca3af;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease}.figma-class-post__icon-btn:hover{color:#6b7280;background:#0000000a}.figma-class-post__popover{position:absolute;top:calc(100% + 8px);right:0;z-index:15;display:flex;flex-direction:column;align-items:stretch;gap:.35rem;padding:0;background:transparent;border:none;box-shadow:none}.figma-class-post__popover-btn{position:relative;display:block;width:100%;margin:0;padding:.42rem .9rem;border:none;border-radius:6px;background:#630000;text-align:center;font-size:.76rem;font-weight:700;line-height:1.35;color:#f5ecd8!important;white-space:nowrap;cursor:pointer;letter-spacing:0;text-shadow:none;-webkit-text-fill-color:#f5ecd8;box-shadow:0 4px 10px #63000038;transition:background .2s ease,box-shadow .2s ease}.figma-class-post__popover-btn:before{content:"";position:absolute;top:-7px;right:10px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:8px solid #630000;transition:border-bottom-color .2s ease}.figma-class-post__popover-btn:hover{background:#4e0000;color:#fff!important;-webkit-text-fill-color:#fff;box-shadow:0 6px 14px #4e000047}.figma-class-post__popover-btn:hover:before{border-bottom-color:#4e0000}.figma-class-post__popover-btn:not(:first-child):before{display:none}.figma-class-post__body{padding:0 1.2rem 1.15rem}.figma-class-post__description{margin:0 0 1rem;font-size:.92rem;line-height:1.65;color:#1a1a1a}.figma-class-post__preview-wrap{position:relative}.figma-class-post__preview-actions{position:absolute;top:.7rem;right:.7rem;z-index:3;display:flex;align-items:center;gap:.45rem}.figma-class-post__preview-actions .figma-class-post__action-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:.15rem;line-height:0;cursor:pointer;border:none;background:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.figma-class-post__preview-actions .figma-class-post__action-btn .icon,.figma-class-post__preview-actions .figma-class-post__action-btn .icon svg{color:#81000061!important;transition:color .2s ease,transform .2s ease}.figma-class-post__preview-actions .figma-class-post__action-btn:hover:not(:disabled) .icon,.figma-class-post__preview-actions .figma-class-post__action-btn:hover:not(:disabled) .icon svg{color:var(--figma-red, #810000)!important;transform:translateY(-1px)}.figma-class-post__preview-actions .figma-class-post__action-btn:focus-visible{outline:2px solid var(--figma-red, #810000);outline-offset:4px;border-radius:4px}.figma-class-post__preview-actions .figma-class-post__action-btn:disabled{cursor:not-allowed;pointer-events:none}.figma-class-post__preview-actions .figma-class-post__action-btn:disabled .icon,.figma-class-post__preview-actions .figma-class-post__action-btn:disabled .icon svg{color:#81000033!important}.figma-class-post__preview{min-height:220px;border-radius:14px;overflow:hidden;border:1px solid #e5e5e5;display:flex;align-items:center;justify-content:center;background-color:#fafafa;background-image:radial-gradient(circle,#d4d4d4 1.2px,transparent 1.2px);background-size:16px 16px}.figma-class-post__preview-img{width:100%;max-height:340px;object-fit:contain;display:block;background:transparent}.figma-class-post__preview-placeholder{display:flex;align-items:center;justify-content:center;width:100%;min-height:220px;color:#c2c2c2}.figma-class-post__footer{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #ebebeb}.figma-class-post__footer-icon{color:var(--figma-red, #810000);flex-shrink:0}.figma-class-post__footer-label{font-size:.9rem;font-weight:600;color:var(--figma-red, #810000)}.figma-class-post.is-collapsed .figma-class-post__head{padding-bottom:1rem}.figma-class-comments{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.figma-class-comment{display:flex;gap:.65rem;align-items:flex-start}.figma-class-comment__bubble{flex:1;min-width:0;background:#f5f5f5;border-radius:4px 14px 14px;padding:.65rem .85rem}.figma-class-comment__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.figma-class-comment__bubble p{margin:0;font-size:.88rem;line-height:1.5;color:#1b1717}.class-composer--student{margin-top:.5rem}.class-composer--student .class-composer-avatar{background:var(--figma-red, #810000)}.class-posts-empty{padding:2.5rem 2rem;text-align:center;border:1px solid #e0e0e0;border-radius:16px;margin-bottom:0;background:#fff}.class-posts-empty p{margin:0;color:#6b7280;font-size:.95rem}.class-composer{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;background:#fff;border:1px solid #e0e0e0;border-radius:14px;box-shadow:0 4px 16px #0000000d;margin-top:.5rem}.class-composer.has-attachment{border-color:#81000066;box-shadow:0 0 0 3px #8100001a}.class-composer-avatar{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:#1b1717;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.class-composer-field{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}.class-composer-attachment{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;color:#810000;padding-left:.25rem}.class-composer-attachment button{border:none;background:none;cursor:pointer;color:#6b7280;padding:0;display:flex}.class-composer-input{width:100%;border:none;outline:none;background:#f8f4ec;border-radius:10px;padding:.65rem .85rem;font-size:.92rem}.class-composer-send{border-radius:999px!important;padding:.6rem 1.2rem!important;white-space:nowrap}@media (max-width: 1200px){.figma-cards-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 992px){.figma-cards-grid{grid-template-columns:repeat(3,1fr)}.account-layout{grid-template-columns:220px minmax(0,1fr);gap:1.5rem}.account-sidebar{min-height:520px}.account-cards-row{grid-template-columns:repeat(3,minmax(0,1fr))}#classes-page.classes-page--teacher .figma-classes-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}#classes-page.classes-page--student .class-list-grid{grid-template-columns:repeat(2,1fr)}.design-context-body{flex-direction:column}.design-context-actions{flex-direction:row;flex-wrap:wrap}}@media (max-width: 768px){.figma-cards-grid{grid-template-columns:repeat(2,1fr)}.account-layout{grid-template-columns:1fr}.account-sidebar,#account-page .account-layout{min-height:0}#account-page .account-main{padding:1.5rem 1rem 2.5rem}.account-sidebar__body{padding:2rem 1rem 1rem}.page-container.auth-page-wrap{align-items:flex-start;min-height:auto;padding:1.25rem 1rem 1.75rem}.figma-login-card,.figma-signup-card{width:min(100%,390px);min-height:auto!important;padding-bottom:1rem}.figma-signup-card .form-row{grid-template-columns:1fr;gap:.45rem}.account-cards-row{grid-template-columns:repeat(2,minmax(0,1fr))}#classes-page.classes-page--teacher .figma-classes-grid{grid-template-columns:1fr;gap:1.25rem}#classes-page.classes-page--student .class-list-grid{grid-template-columns:1fr}.figma-sector-hero{flex-direction:column;align-items:stretch}.class-composer{flex-wrap:wrap}.design-context-footer{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.figma-cards-grid{grid-template-columns:1fr}.account-section-head{align-items:flex-start;flex-direction:column;gap:.35rem}}:root{--figma-red: #c31920;--figma-red-dark: #8f1116;--figma-red-deep: #6f0000;--figma-bg-gray: #ebebeb;--figma-line: #d9d9d9}.main-figma{background:#fff;flex:1 0 auto}#account-page{padding:0;min-height:calc(100vh - var(--figma-header-h, 96px))}#account-page .account-layout{width:100%;max-width:none;margin:0;align-items:stretch;gap:clamp(1.5rem,4vw,3.15rem);min-height:calc(100vh - var(--figma-header-h, 96px))}#account-page .account-sidebar{min-height:inherit;height:auto}#account-page .account-main{padding:2.5rem max(1rem,calc(50vw - 600px)) 3.5rem 0}#account-page .account-layout:has(.account-sidebar--collapsed) .account-main{padding-left:max(1.5rem,calc(50vw - 600px))}@media (max-width: 768px){#account-page{min-height:0}#account-page .account-layout{min-height:0;gap:0}#account-page .account-sidebar{min-height:0}#account-page .account-main{padding:.85rem .85rem 2rem;gap:1.15rem}#account-page .account-section-head{margin-bottom:.65rem;align-items:center;flex-direction:row}#account-page .account-section-head h1{font-size:1.35rem;line-height:1.15}#account-page .account-link{font-size:.75rem}#account-page .account-sidebar__body{padding:.85rem .85rem .35rem;align-items:stretch}#account-page .account-avatar{flex-direction:row;align-items:center;text-align:left;gap:.75rem}#account-page .account-avatar-ring{width:60px;height:60px;border-width:2px}#account-page .account-avatar-svg{max-width:54px!important;max-height:54px!important}#account-page .account-avatar-info h2{font-size:.92rem;margin-bottom:.08rem}#account-page .account-avatar-info p,#account-page .account-role{font-size:.7rem;line-height:1.25}#account-page .account-sidebar__actions{padding:.55rem .85rem .75rem;gap:.45rem}#account-page .account-action-button,#account-page .account-help-button{min-height:38px;font-size:.8rem;font-weight:700;padding:.5rem .7rem;gap:.4rem}#account-page .account-action-button .icon,#account-page .account-help-button .icon{width:16px!important;height:16px!important}#account-page .account-sidebar__footer{padding:0 .85rem .75rem}#account-page .account-sidebar__collapse{display:none}#account-page .account-cards-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}#account-page .account-preview-card__media{aspect-ratio:1 / 1;padding:.35rem;background-size:12px 12px}#account-page .account-preview-card__media>.icon,#account-page .account-preview-card__media>.icon svg,#account-page .account-preview-card__book,#account-page .account-preview-card__book svg{width:24px!important;height:24px!important}#account-page .account-preview-card .account-preview-card__text .figma-card-title,#account-page .account-preview-card--class .account-preview-card__text .figma-card-title{font-size:.76rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#account-page .account-preview-card__text p{font-size:.65rem}#account-page .account-preview-card__foot,#account-page .account-preview-card--class .account-preview-card__foot{min-height:auto;padding:.35rem .45rem!important}#account-page .account-preview-card__line{height:6px;width:min(56px,60%)}}@media (max-width: 480px){#account-page .account-section-head h1{font-size:1.2rem}#account-page .account-cards-row{gap:.5rem}#account-page .account-main{padding-inline:.75rem}}.app-header.figma-header,.app-footer,.figma-home-shortcuts .figma-mini-card,.figma-video-placeholder{background-color:#fff;background-image:radial-gradient(circle,#e8e8e8 1px,transparent 1px);background-size:14px 14px}.page-container.figma-home-page,.page-container.auth-page-wrap{max-width:1020px;padding:1.75rem 1.25rem 2.2rem;margin:0 auto;border:none;box-shadow:none;background:transparent}.page-container.auth-page-wrap{max-width:100%;background:#fff;min-height:calc(100vh - 220px);padding-top:1.75rem;padding-bottom:2rem}.figma-home-page h1,.figma-home-page h2,.figma-auth-card h2{color:#0e0e0e}.figma-home-hero{background:#fff;border-bottom:1px solid var(--figma-line);padding:0 0 1rem}.figma-home-hero h1{margin:0;font-size:clamp(2rem,3vw,3.1rem)}.figma-home-hero p{max-width:820px;color:#4e4e4e;margin:.8rem 0 0}.figma-home-auth-actions{margin-top:.9rem;display:flex;gap:.5rem}.figma-home-auth-actions .figma-home-register-button{background:var(--figma-red-dark);box-shadow:0 4px 16px #6f000042}.figma-home-auth-actions .figma-home-register-button:hover{background:var(--figma-red-deep)}.figma-home-shortcuts{margin-top:1rem;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem}.figma-mini-card{border:1px solid #ddd;border-radius:2px;min-height:190px;display:flex;flex-direction:column;justify-content:flex-end;padding:.5rem}.figma-mini-card-media{flex:1;display:grid;place-items:center;overflow:hidden;padding:.35rem .25rem .5rem}.figma-mini-card-img{width:100%;height:100%;max-height:130px;object-fit:contain;object-position:center}.figma-mini-card-media .icon{color:#b8b8b8}.figma-mini-card-button{font-size:.75rem}.figma-home-block{background:transparent;margin-top:1.15rem;border-top:1px solid var(--figma-line);padding-top:1rem}.figma-home-block h2{margin:0 0 .8rem;font-size:clamp(1.8rem,2.6vw,3rem)}.figma-home-block p{color:#4e4e4e}.figma-about-grid h3,.figma-about-grid strong{color:#111}.figma-about-grid p,.figma-about-grid li{color:#6a6a6a}.figma-video-placeholder{max-width:660px;min-height:180px;margin:1.1rem auto 0;border:1px solid #ddd;display:flex;align-items:end;justify-content:center;padding:.55rem;background-color:#fff;background-image:radial-gradient(circle,#e8e8e8 1px,transparent 1px);background-size:14px 14px}.figma-video-button{min-width:280px}.figma-about-grid{display:grid;grid-template-columns:1fr minmax(180px,240px);gap:1rem}.figma-about-grid h3{margin:.75rem 0 .35rem}.figma-about-logo-wrap{display:grid;place-items:center}.figma-about-logo{width:100%;max-width:210px;object-fit:contain}.figma-home-back-to-top-wrap{display:flex;justify-content:flex-end;margin-top:1rem}.figma-home-back-to-top{width:44px;height:44px;border:none;border-radius:50%;background:var(--figma-red);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #81000040;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.figma-home-back-to-top:hover{background:var(--figma-red-dark);transform:translateY(-1px);box-shadow:0 6px 22px #81000052}.auth-page-wrap{display:flex;justify-content:center}.figma-auth-card{width:min(100%,520px);min-height:640px;border:1px solid #dadada;border-radius:4px;box-shadow:none;padding:.9rem .9rem 1.15rem;background:#fff;background-image:none}.figma-login-card,.figma-signup-card{align-self:flex-start;height:fit-content;min-height:auto!important;padding-bottom:1.25rem}.auth-tabs{background:var(--figma-red);border:none;margin-bottom:1.65rem;gap:0;padding:0;overflow:hidden;box-shadow:0 8px 20px #7d19242e}.auth-tabs a,.auth-tabs span{color:#fff;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:.35rem 1rem;font-weight:800;line-height:1}.auth-google-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;width:100%;padding:.65rem 1rem;border:1.5px solid #dadada;border-radius:10px;background:#fff;color:var(--ink);font-weight:600;font-size:.9rem;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.auth-google-btn:hover{border-color:#bdbdbd;box-shadow:0 2px 10px #0000000f;transform:translateY(-1px)}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0 1.1rem;color:var(--ink-soft);font-size:.82rem;text-transform:lowercase}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e5e5e5}.auth-divider span{padding:0 .15rem}.auth-tabs .active{background:var(--figma-red-dark);color:#fff;border:none}.figma-auth-card h2{margin:0 0 .85rem;font-size:clamp(2.35rem,3.2vw,3.4rem);line-height:1.08;letter-spacing:0}.figma-auth-card form{gap:.7rem}.figma-auth-card label{color:#3f3f3f;margin-bottom:0;font-size:.95rem}.figma-auth-card input,.figma-auth-card select,.password-field-input{border-radius:16px;border:1px solid #d5d5d5;background:#f7f7f7;min-height:52px;margin-top:.35rem;padding:.8rem 1rem}.password-field{display:block}.password-field-label{display:block;margin-bottom:.3rem}.password-field-input-wrap{position:relative}.password-field-input-wrap input{width:100%;padding-right:3rem}.password-field-toggle{position:absolute;right:.45rem;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--figma-red-dark);cursor:pointer}.ghost-link{color:#6f2225;margin-top:.15rem;font-size:1rem;font-weight:800}.small-text,.small-text a{color:#6f2225}.figma-auth-card .small-text{margin-top:.65rem}.figma-home-page .primary-button,.figma-home-page .secondary-button,.auth-page-wrap .primary-button,.auth-page-wrap .secondary-button{background:var(--figma-red);border-radius:999px;border:none;color:#fff;min-height:28px;padding:.35rem .9rem}.auth-page-wrap .primary-button{min-height:36px;font-weight:800;box-shadow:0 8px 20px #7d19243d}.figma-home-page .primary-button:hover,.figma-home-page .secondary-button:hover,.auth-page-wrap .primary-button:hover,.auth-page-wrap .secondary-button:hover{background:var(--figma-red-dark)}.figma-home-page .figma-home-register-button{background:var(--figma-red-dark);box-shadow:0 4px 16px #6f000042}.figma-home-page .figma-home-register-button:hover{background:var(--figma-red-deep)}.app-footer{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,960px);justify-content:center;gap:clamp(1.25rem,4vw,2.5rem);margin-top:0;border-top:1px solid var(--figma-line);padding:1.15rem clamp(1rem,4vw,2rem) 1.45rem;color:#6d6d6d;width:100%}.footer-content{width:100%;max-width:none;grid-template-columns:repeat(3,minmax(120px,1fr));align-items:start;gap:1.5rem;margin:0}.footer-brand-section{min-width:0}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.footer-brand-link{display:inline-flex;align-items:center;line-height:0;text-decoration:none}.footer-logo{display:block;width:auto;height:auto;max-width:min(200px,100%);object-fit:contain;object-position:left center}.footer-socials{display:flex;gap:.8rem}.footer-socials a{width:32px;height:32px;display:grid;place-items:center;color:#812628;border:none;border-radius:50%;background:transparent}.footer-socials a svg{width:24px;height:24px}.footer-section{border-left:2px solid #bc2a2e;padding-left:1rem}.footer-section h3{margin:0 0 .55rem;border:none;color:#7a2a2d;text-transform:none;letter-spacing:0;padding:0}.footer-section li a{color:#6d6d6d}@media (max-width: 900px){.figma-home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.figma-about-grid,.footer-content,.app-footer{grid-template-columns:1fr}.footer-section{border-left:none;padding-left:0}}.figma-profile-svg{display:block;border-radius:50%;flex-shrink:0}.figma-profile-svg .figma-profile-bg{fill:var(--figma-maroon, #810000)}.figma-profile-svg .figma-profile-silhouette{fill:#f5ecd8}.main-superadmin{padding:0;max-width:none;background:transparent}.app-shell--superadmin .app-footer{margin-top:0;border-top:1px solid #e8e8e8}.app-shell--superadmin .footer-content{max-width:min(1400px,100%);padding-left:2rem;padding-right:2rem}.superadmin-dashboard{min-height:calc(100vh - var(--figma-header-h, 72px));background-color:#fff;background-image:radial-gradient(circle,#e8e8e8 1px,transparent 1px);background-size:14px 14px}.superadmin-dashboard__loading{display:flex;align-items:center;justify-content:center;min-height:50vh;margin:0;font-weight:600;color:#6b7280}.superadmin-dashboard__frame{display:flex;align-items:stretch;min-height:calc(100vh - var(--figma-header-h, 72px))}.superadmin-sidebar{position:relative;display:flex;flex-direction:column;flex:0 0 240px;width:240px;min-height:calc(100vh - var(--figma-header-h, 72px));background:#6b2424;color:#fff;transition:flex-basis .28s ease,width .28s ease;z-index:20;padding-bottom:4.25rem;box-sizing:border-box}.superadmin-sidebar--collapsed{flex-basis:0;width:0;min-width:0;overflow:visible}.superadmin-sidebar--collapsed .superadmin-sidebar__body,.superadmin-sidebar--collapsed .superadmin-sidebar__footer{opacity:0;pointer-events:none}.superadmin-sidebar__collapse{position:absolute;top:50%;right:0;z-index:25;width:22px;height:46px;padding:0;margin:0;border:none;border-radius:0 23px 23px 0;background:#6b2424;color:#fff;display:flex;align-items:center;justify-content:center;transform:translate(100%,-50%);cursor:pointer;box-shadow:2px 0 8px #0000001f;transition:background .2s ease,filter .2s ease}.superadmin-sidebar__collapse:hover{background:#5c1f1f;filter:brightness(1.05)}.superadmin-sidebar__collapse .icon{color:#fff;margin-left:2px}.superadmin-sidebar__body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:3.25rem 1.15rem 1rem;text-align:center;transition:opacity .2s ease}.superadmin-sidebar__profile{display:flex;flex-direction:column;align-items:center;width:100%}.superadmin-sidebar__avatar-ring{width:96px;height:96px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;overflow:hidden;flex-shrink:0;box-sizing:border-box;padding:2px}.superadmin-sidebar__avatar-svg{width:100%!important;height:100%!important;max-width:88px;max-height:88px}.superadmin-sidebar__avatar-svg .figma-profile-bg{fill:#9b2222}.superadmin-sidebar__name{margin:0 0 .35rem;font-size:1.02rem;font-weight:800;color:#fff;line-height:1.35;letter-spacing:-.01em}.superadmin-sidebar__email{margin:0 0 .2rem;font-size:.8rem;font-weight:400;color:#ffffffeb;word-break:break-word;line-height:1.45}.superadmin-sidebar__role{margin:0;font-size:.8rem;font-weight:400;color:#ffffffeb;line-height:1.45}.superadmin-sidebar__footer{position:absolute;left:0;right:0;bottom:0;z-index:2;margin:0;padding:0 .55rem .45rem;background:none;transition:opacity .2s ease}.superadmin-sidebar__logout{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;width:100%;min-height:46px;padding:.8rem 1.1rem;border:none;border-radius:999px;background:#a1211e;color:#fff8e7;font-size:.92rem;font-weight:800;font-family:inherit;line-height:1;letter-spacing:.02em;white-space:nowrap;cursor:pointer;transition:background .2s ease;box-shadow:none;box-sizing:border-box}.superadmin-sidebar__logout:hover{background:#8b1c19}.superadmin-sidebar__logout-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;color:#fff8e7}.superadmin-sidebar__logout-icon .icon{color:#fff8e7}.superadmin-sidebar__logout-text{color:#fff8e7;font-weight:800;flex:1;text-align:left}.superadmin-dashboard__content{flex:1;min-width:0;background:#fff}.superadmin-dashboard__main{max-width:1180px;margin:0 auto;padding:2rem 2.25rem 2.75rem;display:flex;flex-direction:column;gap:2.5rem}.superadmin-row__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.superadmin-row__title{margin:0;font-size:clamp(1.5rem,2.8vw,1.85rem);font-weight:800;color:#0e0e0e;letter-spacing:-.03em;line-height:1.15}.superadmin-row__link{font-size:.88rem;font-weight:700;color:var(--figma-red, #810000);text-decoration:none;white-space:nowrap;transition:opacity .2s ease}.superadmin-row__link:hover{opacity:.75}.superadmin-row__empty{margin:0;padding:1.25rem 0;font-size:.95rem;font-weight:500;color:#6b7280}.superadmin-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:.85rem;max-width:100%}@media (min-width: 900px){.superadmin-cards-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.superadmin-tile{display:flex;flex-direction:column;align-items:stretch;padding:0;margin:0;border:1px dashed #c5c5c5;border-radius:4px;background:#fff;cursor:pointer;overflow:hidden;text-align:center;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.superadmin-tile:hover{border-color:#81000073;border-style:solid;box-shadow:0 4px 14px #0000000f}.superadmin-tile__media{aspect-ratio:1;min-height:0;display:flex;align-items:center;justify-content:center;border-bottom:none}.superadmin-tile__book,.superadmin-tile__book.icon{color:#c8c8c8!important}.superadmin-tile__label{display:block;padding:.5rem .35rem .6rem;font-size:.82rem;font-weight:700;color:#1a1a1a;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1100px){.superadmin-cards-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 980px){.superadmin-dashboard__frame{flex-direction:column}.superadmin-sidebar{flex:none;width:100%}.superadmin-sidebar--collapsed{width:100%;flex-basis:auto;min-height:52px}.superadmin-sidebar--collapsed .superadmin-sidebar__body,.superadmin-sidebar--collapsed .superadmin-sidebar__footer{display:none}.superadmin-sidebar__collapse{top:1rem;right:.5rem;transform:translate(100%)}.superadmin-sidebar__body{padding:1.5rem 1rem 1rem}.superadmin-sidebar__footer{padding:1rem}.superadmin-dashboard__main{padding:1.25rem 1rem 2rem}.superadmin-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 560px){.superadmin-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.superadmin-manage{max-width:1240px;margin:0 auto;padding:1.5rem 2rem 2.5rem;width:100%;box-sizing:border-box}.superadmin-manage__head{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;padding-bottom:1rem;margin-bottom:1.25rem;border-bottom:1px solid #e8e8e8}.superadmin-manage__title-wrap{display:flex;align-items:center;gap:.65rem}.superadmin-manage__title-icon{display:flex;align-items:center;justify-content:center;color:var(--figma-red, #801f1f)}.superadmin-manage__title{margin:0;font-size:clamp(1.35rem,2.5vw,1.65rem);font-weight:800;color:#0e0e0e;letter-spacing:-.02em}.superadmin-manage__search-wrap{position:relative;flex:0 1 280px;min-width:180px}.superadmin-manage__search{width:100%;padding:.55rem 2.5rem .55rem 1rem;border:1px solid #e0e0e0;border-radius:999px;font-size:.9rem;font-family:inherit;background:#fff;color:#1a1a1a;box-sizing:border-box}.superadmin-manage__search:focus{outline:none;border-color:#801f1f73;box-shadow:0 0 0 3px #801f1f14}.superadmin-manage__search-icon{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);color:#b0b0b0;pointer-events:none}.superadmin-manage__card{background:#fafafa;border:1px solid #e0e0e0;border-radius:12px;padding:1rem 1rem 1.15rem;box-shadow:0 1px 3px #0000000a}.superadmin-manage__list{display:flex;flex-direction:column;gap:.65rem;margin-top:.35rem}.superadmin-manage__loading,.superadmin-manage__empty{margin:1.5rem .5rem;color:#6b7280;font-size:.95rem}.superadmin-manage__empty a{color:var(--figma-red, #801f1f);font-weight:600}.superadmin-manage__row{display:grid;grid-template-columns:48px minmax(120px,1.4fr) minmax(90px,1fr) minmax(90px,1fr) 100px minmax(130px,auto) 44px;gap:.55rem .65rem;align-items:center}.superadmin-manage__row--card{padding:.75rem .85rem;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 1px 2px #00000008}.superadmin-manage__row--head{padding:0 .15rem .65rem;margin-bottom:0;background:transparent;border:none;border-radius:0;box-shadow:none}.superadmin-manage__col-head{font-size:.82rem;font-weight:700;color:#1a1a1a;text-align:center}.superadmin-manage__col-head--avatar{visibility:hidden}.superadmin-manage__col-head--modify,.superadmin-manage__col-head--delete{text-align:center}.superadmin-manage__cell{min-width:0}.superadmin-manage__cell--avatar{display:flex;justify-content:center}.superadmin-manage__avatar{display:block}.superadmin-manage__avatar .figma-profile-bg{fill:#801f1f}.superadmin-manage__input,.superadmin-manage__select{width:100%;padding:.5rem .85rem;border:1px solid #e0e0e0;border-radius:999px;font-size:.85rem;font-family:inherit;color:#1a1a1a;background:#fff;box-sizing:border-box}.superadmin-manage__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem;cursor:pointer}.superadmin-manage__select--locked{cursor:default;color:#4b5563;text-align:center}.superadmin-manage__input:focus,.superadmin-manage__select:focus{outline:none;border-color:#801f1f66}.superadmin-manage__btn-modify{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.5rem .85rem;border:none;border-radius:999px;background:#801f1f;color:#fff;font-size:.82rem;font-weight:700;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .2s ease,opacity .2s ease}.superadmin-manage__btn-modify:hover:not(:disabled){background:#6a1a1a}.superadmin-manage__btn-modify:disabled{opacity:.65;cursor:wait}.superadmin-manage__btn-modify .icon{color:#fff}.superadmin-manage__btn-delete{width:40px;height:40px;padding:0;margin:0 auto;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#801f1f;color:#fff;cursor:pointer;transition:background .2s ease,transform .2s ease}.superadmin-manage__btn-delete:hover{background:#6a1a1a;transform:scale(1.04)}.superadmin-manage__btn-delete .icon{color:#fff}.superadmin-manage__cell--delete{display:flex;justify-content:center}@media (max-width: 1024px){.superadmin-manage__row,.superadmin-manage__row--head{grid-template-columns:44px 1fr 1fr;grid-template-areas:"avatar email email" ". nombre apellido" ". rol actions" ". modify delete"}.superadmin-manage__row--head{display:none}.superadmin-manage__cell--avatar{grid-area:avatar}.superadmin-manage__cell:nth-child(2){grid-area:email}.superadmin-manage__cell:nth-child(3){grid-area:nombre}.superadmin-manage__cell:nth-child(4){grid-area:apellido}.superadmin-manage__cell:nth-child(5){grid-area:rol}.superadmin-manage__cell--actions{grid-area:modify}.superadmin-manage__cell--delete{grid-area:delete}}@media (max-width: 640px){.superadmin-manage{padding:1rem .75rem 2rem}.superadmin-manage__search-wrap{flex:1 1 100%}}.superadmin-class-row{display:grid;grid-template-columns:minmax(150px,1.6fr) minmax(120px,1.2fr) minmax(120px,1fr) 72px 44px;gap:.55rem .65rem;align-items:center}.superadmin-class-row--card{padding:.75rem .85rem;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 1px 2px #00000008}.superadmin-class-row--head{padding:0 .15rem .65rem;margin-bottom:0;background:transparent;border:none;border-radius:0;box-shadow:none}.superadmin-class-row--head .superadmin-manage__col-head{text-align:center}.superadmin-class-row--head .superadmin-manage__col-head:first-child{text-align:left}.superadmin-class-row__cell{min-width:0}.superadmin-class-row__cell--delete{display:flex;justify-content:center}.superadmin-class-row__title-btn{display:flex;align-items:center;gap:.5rem;width:100%;margin:0;padding:0;border:none;background:transparent;font-size:.88rem;font-weight:700;font-family:inherit;color:#1a1a1a;cursor:pointer;text-align:left;transition:color .2s ease}.superadmin-class-row__title-btn:hover{color:var(--figma-red, #801f1f)}.superadmin-class-row__title-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.superadmin-class-row__book,.superadmin-class-row__book.icon{flex-shrink:0;color:#c8c8c8!important}.superadmin-class-row__pill{width:100%;padding:.5rem .85rem;border:1px solid #e0e0e0;border-radius:999px;background:#fff;font-size:.85rem;font-weight:500;color:#1a1a1a;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.superadmin-class-row__pill--code{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.35rem .35rem .35rem .75rem}.superadmin-class-row__code-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:600;letter-spacing:.04em}.superadmin-class-row__pill--count{font-weight:700}.superadmin-class-row__copy{flex-shrink:0;width:30px;height:30px;padding:0;border:none;border-radius:50%;background:transparent;color:#a3a3a3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease,background .2s ease}.superadmin-class-row__copy:hover{color:var(--figma-red, #801f1f);background:#801f1f14}.superadmin-manage--classes .superadmin-manage__title-icon{color:var(--figma-red, #801f1f)}@media (max-width: 1024px){.superadmin-class-row,.superadmin-class-row--head{grid-template-columns:1fr 1fr;grid-template-areas:"title title" "prof code" "count delete"}.superadmin-class-row--head{display:none}.superadmin-class-row__cell--title{grid-area:title}.superadmin-class-row__cell:nth-child(2){grid-area:prof}.superadmin-class-row__cell:nth-child(3){grid-area:code}.superadmin-class-row__cell--count{grid-area:count}.superadmin-class-row__cell--delete{grid-area:delete}}.skeleton{background:linear-gradient(90deg,#e8e8e8,#f4f4f4,#e8e8e8 90%);background-size:200% 100%;animation:shimmer 1.35s ease-in-out infinite;border-radius:8px}.skeleton-text{border-radius:6px}.skeleton-circle{border-radius:50%;flex-shrink:0}.skeleton-card{pointer-events:none;box-shadow:none!important;transform:none!important}.skeleton-card__media{width:100%;aspect-ratio:4 / 3;border-radius:12px 12px 0 0}.skeleton-card__foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem .85rem .9rem}.skeleton-card__menu{width:2rem;height:2rem;border-radius:8px;flex-shrink:0}.skeleton-sector-hero__title{width:min(220px,55vw);height:2rem;border-radius:10px}.skeleton-sector-hero__toolbar{display:flex;align-items:center;gap:.65rem}.skeleton-btn{height:2.5rem;border-radius:10px}.skeleton-btn--round{width:2.5rem;border-radius:50%}.skeleton-btn--primary{width:min(150px,38vw)}.skeleton-route{display:flex;flex-direction:column;gap:1rem;padding-top:3rem}.skeleton-route__block{width:min(420px,90%);height:2.5rem;margin:0 auto}.skeleton-route__block--short{width:min(280px,70%);height:1.25rem}.skeleton-class-banner{min-height:148px;position:relative;overflow:hidden;border-radius:14px;margin-bottom:1.5rem}.skeleton-class-banner__bookmark{position:absolute;top:1rem;left:1rem;width:2.25rem;height:2.25rem;border-radius:8px}.skeleton-class-banner__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1.25rem 1.35rem;margin-top:2.5rem}.skeleton-class-banner__code{width:88px;height:3.25rem;border-radius:10px;flex-shrink:0}.skeleton-class-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.skeleton-icon-btn{width:2.5rem;height:2.5rem;border-radius:10px;flex-shrink:0}.skeleton-rule{width:100%;height:1px;margin:.75rem 0 1.25rem;border-radius:0}.skeleton-upload-trigger{width:100%;max-width:320px;height:2.75rem;border-radius:12px;margin-bottom:1.5rem}.skeleton-class-posts{display:flex;flex-direction:column;gap:1.25rem}.skeleton-class-post{border:1px solid #ececec;border-radius:14px;padding:1rem 1.1rem;background:#fff}.skeleton-class-post__head{display:flex;align-items:center;gap:.75rem;margin-bottom:.85rem}.skeleton-class-post__meta{display:flex;flex-direction:column;gap:.35rem;flex:1}.skeleton-class-post__body{width:100%;height:140px;border-radius:10px}.skeleton-members-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.skeleton-members-row{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border:1px solid #ececec;border-radius:12px;background:#fff}.skeleton-members-row__action{width:2rem;height:2rem;border-radius:8px;margin-left:auto;flex-shrink:0}.skeleton-superadmin-dashboard{width:100%}.skeleton-superadmin-row{margin-bottom:2rem}.skeleton-superadmin-tile{display:flex;flex-direction:column;align-items:center;gap:.55rem;pointer-events:none}.skeleton-superadmin-tile__media{width:100%;aspect-ratio:1;border-radius:12px}.skeleton-superadmin-manage__head{display:grid;gap:.75rem;padding:.85rem 1rem;margin-bottom:.5rem}.skeleton-superadmin-manage__row{display:grid;grid-template-columns:36px 1.4fr 1fr 1fr .8fr 72px 72px;align-items:center;gap:.75rem;padding:.85rem 1rem;border:1px solid #ececec;border-radius:12px;margin-bottom:.5rem;background:#fff}.skeleton-superadmin-manage--classes .skeleton-superadmin-class-row{display:grid;grid-template-columns:1.4fr 1fr .9fr .6fr 72px;align-items:center;gap:.75rem;padding:.85rem 1rem;border:1px solid #ececec;border-radius:12px;margin-bottom:.5rem;background:#fff}.skeleton-superadmin-manage__col{height:.75rem}.skeleton-superadmin-manage__btn{height:2rem;border-radius:8px}.skeleton-superadmin-manage__btn--danger{width:2rem;justify-self:end}.skeleton-account__sidebar{pointer-events:none}.skeleton-account__avatar{margin:0 auto 1rem}.skeleton-account__profile-text{display:flex;flex-direction:column;align-items:center;gap:.45rem;margin-bottom:1.25rem}.skeleton-account__action{width:100%;height:2.75rem;border-radius:10px;margin-bottom:.5rem}@media (max-width: 768px){.skeleton-superadmin-manage__row{grid-template-columns:36px 1fr 72px}.skeleton-superadmin-manage__row .skeleton-text:nth-child(3),.skeleton-superadmin-manage__row .skeleton-text:nth-child(4),.skeleton-superadmin-manage__row .skeleton-text:nth-child(5){display:none}}.ui-fade-in{animation:fadeIn .35s ease both}.ui-slide-up{animation:slideUp .4s ease both}.ui-spinner{display:inline-block;border:2px solid rgba(141,31,43,.2);border-top-color:var(--red);border-radius:50%;animation:ui-spin .65s linear infinite;flex-shrink:0}.ui-spinner--inline{margin-right:.35rem}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-btn--loading{position:relative;pointer-events:none;opacity:.88}.ui-btn--loading .ui-btn__label{opacity:.85}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.ui-field{display:flex;flex-direction:column;gap:.35rem}.ui-field--error .ui-input,.ui-field--error .ui-textarea,.ui-field--error .ui-select{border-color:var(--danger);box-shadow:0 0 0 2px #a1272f1f}.ui-field__error{font-size:.78rem;color:var(--danger)}.ui-input,.ui-textarea,.ui-select{width:100%;border:1.5px solid #e0e0e0;border-radius:10px;padding:.65rem .85rem;background:#fff;transition:border-color var(--transition),box-shadow var(--transition)}.ui-input:focus,.ui-textarea:focus,.ui-select:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px #8d1f2b1f}.ui-textarea{resize:vertical;min-height:5rem}.ui-card--interactive{cursor:pointer;transition:transform var(--transition),box-shadow var(--transition)}.ui-card--interactive:focus-visible{outline:2px solid var(--red);outline-offset:2px}.ui-card--interactive:hover{transform:translateY(-2px)}.ui-empty-state{animation:fadeInScale .45s ease both}.ui-modal-overlay{animation:ui-overlay-in .22s ease both}.ui-modal{animation:fadeInScale .28s cubic-bezier(.34,1.2,.64,1) both}@keyframes ui-overlay-in{0%{opacity:0}to{opacity:1}}.ui-page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;padding:3rem 1.5rem;color:var(--ink-soft);min-height:200px}.ui-page-loader p{font-size:.92rem;font-weight:500}.figma-cards-grid>.ui-card,.figma-cards-grid>.figma-card,.class-list-grid>.ui-card,.class-list-grid>.class-list-card{animation:slideUp .45s ease both}