*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;--primary-color: #3182f6;--secondary-color: #2968d8;--text-primary: #333;--text-secondary: #666;--text-tertiary: #999;--background-light: #f8f9fa;--border-color: #e0e0e0;--white: #ffffff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-height:100vh;color:var(--text-primary);background:#fff}#root{min-height:100vh}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--secondary-color)}::selection{background:#3182f633;color:var(--text-primary)}.board-header{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000001a;position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.header-logo{text-decoration:none;flex-shrink:0}.header-logo h1{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0}.desktop-nav{display:flex;gap:1.5rem;flex:1;justify-content:center}.nav-link{color:#555;text-decoration:none;font-weight:500;font-size:.95rem;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease;white-space:nowrap}.nav-link:hover{background:#f0f0f0;color:#1a1a1a}.nav-link.active{background:#1a1a1a;color:#fff}.header-actions{display:flex;align-items:center;gap:.75rem}.profile-menu-wrapper{position:relative}.profile-btn{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:#555;border-radius:8px;transition:all .2s ease}.profile-btn:hover{background:#f0f0f0;color:#1a1a1a}.login-btn{background:#1a1a1a;color:#fff;border:none;cursor:pointer;padding:.5rem 1rem;border-radius:8px;font-weight:500;font-size:.95rem;transition:all .2s ease;white-space:nowrap}.login-btn:hover{background:#333;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden;animation:fadeIn .2s ease;z-index:1000}.dropdown-item-wrapper{position:relative}.dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;background:none;border:none;cursor:pointer;color:#333;font-size:.95rem;font-weight:500;transition:all .2s ease;text-align:left}.dropdown-item:hover{background:#f8f9fa;color:#3182f6}.dropdown-item svg{flex-shrink:0}.dropdown-item span{flex:1}.business-item{position:relative}.submenu-arrow{transition:transform .2s ease;margin-left:auto}.submenu-arrow.open{transform:rotate(90deg)}.dropdown-submenu{background:#f8f9fa;animation:slideDown .2s ease}.submenu-item{width:100%;display:block;padding:12px 16px 12px 48px;background:none;border:none;cursor:pointer;color:#555;font-size:.9rem;font-weight:500;transition:all .2s ease;text-align:left}.submenu-item:hover{background:#e9ecef;color:#3182f6}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:#555;border-radius:8px;transition:all .3s ease}.mobile-menu-btn:hover{background:#f0f0f0}.mobile-nav{display:none;flex-direction:column;background:#fff;border-top:1px solid #e0e0e0;padding:.5rem 0;animation:slideDown .2s ease}.mobile-nav-link{color:#555;text-decoration:none;font-weight:500;font-size:1rem;padding:1rem 1.5rem;transition:all .2s ease}.mobile-nav-link:hover{background:#f8f9fa;color:#3182f6}.mobile-nav-link.active{background:#f0f7ff;color:#3182f6;border-left:3px solid #3182f6}@media(max-width:768px){.header-content{padding:.875rem 1rem;gap:1rem}.header-logo h1{font-size:1.25rem}.desktop-nav{display:none}.mobile-menu-btn,.mobile-nav{display:flex}}@media(max-width:480px){.header-content{padding:.75rem 1rem}.header-logo h1{font-size:1.125rem}}.home-page{min-height:100vh;background:#f5f7fb}.home-main{width:100%}.hero-carousel{position:relative;width:100%;height:300px;overflow:hidden;margin-bottom:2rem}.carousel-container{position:relative;width:100%;height:100%}.carousel-track{display:flex;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.carousel-slide{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;color:#fff}.carousel-content{text-align:center;z-index:2;max-width:800px;padding:1.5rem}.carousel-icon{font-size:3.5rem;margin-bottom:.75rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.carousel-title{font-size:2rem;font-weight:800;margin:0 0 .5rem;text-shadow:0 2px 20px rgba(0,0,0,.2);line-height:1.2}.carousel-subtitle{font-size:1rem;margin:0 0 1.5rem;opacity:.95;font-weight:400}.carousel-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.carousel-btn{padding:.75rem 1.5rem;border-radius:999px;border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00000026}.carousel-btn.primary{background:#fff;color:#667eea}.carousel-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0003}.carousel-btn.secondary{background:#fff3;color:#fff;border:2px solid white;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carousel-btn.secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;border:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.carousel-nav:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.carousel-nav.prev{left:2rem}.carousel-nav.next{right:2rem}.carousel-indicators{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;z-index:10}.indicator{width:12px;height:12px;border-radius:50%;border:2px solid white;background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.indicator.active{background:#fff;width:32px;border-radius:6px}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.services-intro{padding:3rem 0;background:#fff}.section-title{font-size:2.5rem;font-weight:800;color:#0f172a;margin:0 0 .75rem;text-align:center}.section-description{font-size:1.125rem;color:#64748b;text-align:center;margin:0 0 3rem;line-height:1.6}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.service-card{background:#f8fafc;border-radius:24px;padding:2.5rem;text-align:center;transition:all .3s ease;border:2px solid transparent}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px -30px #0f172a4d;border-color:#e2e8f0}.service-icon{font-size:4rem;margin-bottom:1.5rem}.service-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 1rem}.service-description{font-size:1rem;color:#64748b;line-height:1.6;margin:0 0 1.5rem}.service-link{background:#2563eb;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:999px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.service-link:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 20px -10px #2563eb99}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2rem;gap:2rem;flex-wrap:wrap}.section-header .section-title{text-align:left;margin-bottom:.5rem}.section-header .section-description{text-align:left;margin:0}.view-all-btn{background:transparent;border:2px solid #e2e8f0;color:#475569;padding:.75rem 1.5rem;border-radius:999px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-size:.95rem}.view-all-btn:hover{border-color:#2563eb;color:#2563eb;background:#eff4ff}.popular-posts-section{padding:4rem 0;background:#f8fafc}.home-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.posts-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.featured-companies-section{padding:4rem 0;background:#fff}.companies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.recent-jobs-section{padding:4rem 0;background:#f8fafc}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}@media(max-width:1024px){.carousel-title{font-size:2.5rem}.carousel-subtitle{font-size:1.125rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.home-posts-grid,.companies-grid,.jobs-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.hero-carousel{height:300px;margin-bottom:2rem}.carousel-title{font-size:1.75rem;margin-bottom:.75rem}.carousel-subtitle{font-size:.95rem;margin-bottom:1.5rem}.carousel-icon{font-size:3rem;margin-bottom:1rem;animation:none}.carousel-content{padding:1.5rem 1rem}.carousel-actions{flex-direction:column;align-items:stretch;gap:.75rem}.carousel-btn{width:100%;padding:.875rem 1.5rem;font-size:.95rem}.carousel-nav{width:36px;height:36px}.carousel-nav.prev{left:.75rem}.carousel-nav.next{right:.75rem}.carousel-indicators{bottom:1rem}.section-title{font-size:1.75rem;margin-bottom:.5rem}.section-description{font-size:.95rem;margin-bottom:1.5rem}.services-intro,.popular-posts-section,.featured-companies-section,.recent-jobs-section{padding:2rem 0}.services-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.5rem}.service-card{padding:1.25rem .75rem}.service-icon{font-size:2rem;margin-bottom:.5rem}.service-title{font-size:.9rem;margin-bottom:.5rem}.service-description{font-size:.75rem;margin-bottom:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.service-link{padding:.5rem .75rem;font-size:.8rem}.home-posts-grid,.companies-grid,.jobs-grid{grid-template-columns:1fr;gap:1rem}.section-header{flex-direction:column;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.section-header .section-title{font-size:1.5rem;text-align:left;margin-bottom:.5rem}.section-header .section-description{font-size:.9rem;text-align:left;margin:0}.view-all-btn{width:100%;text-align:center;padding:.75rem 1.25rem;font-size:.9rem}.container{padding:0 1rem}}@media(max-width:480px){.hero-carousel{height:280px;margin-bottom:1.5rem}.carousel-title{font-size:1.5rem;margin-bottom:.5rem;line-height:1.3}.carousel-subtitle{font-size:.875rem;margin-bottom:1.25rem;line-height:1.5}.carousel-icon{font-size:2.5rem;margin-bottom:.75rem;animation:none}.carousel-content{padding:1rem .75rem}.carousel-btn{padding:.75rem 1.25rem;font-size:.9rem}.carousel-nav{display:none}.carousel-indicators{bottom:.75rem;gap:.5rem}.indicator{width:8px;height:8px}.indicator.active{width:24px}.container{padding:0 .75rem}.section-title{font-size:1.5rem}.section-description{font-size:.875rem;margin-bottom:1.25rem}.services-intro,.popular-posts-section,.featured-companies-section,.recent-jobs-section{padding:1.5rem 0}.services-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1.25rem}.service-card{padding:1rem .5rem}.service-icon{font-size:1.75rem;margin-bottom:.5rem}.service-title{font-size:.85rem;margin-bottom:.375rem}.service-description{font-size:.7rem;margin-bottom:.625rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.service-link{padding:.5rem .625rem;font-size:.75rem}.section-header{margin-bottom:1.25rem}.section-header .section-title{font-size:1.375rem}.section-header .section-description{font-size:.85rem}.view-all-btn{padding:.625rem 1rem;font-size:.875rem}.home-posts-grid,.companies-grid,.jobs-grid{gap:.875rem}}.post-card{background:transparent;border-radius:0;padding:16px 0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;border-bottom:1px solid #e5e7eb;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.post-card:hover{background:#3182f605}.post-card:active{background:#3182f60a;transition-duration:.1s}.post-card-inner{display:flex;flex-direction:column;gap:12px}.post-category-badge{display:flex;align-items:center;margin-bottom:4px}.category-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;background:#f8f9fa;color:#495057;transition:all .2s ease}.category-영화{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0}.category-드라마{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#7b1fa2}.category-예능{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100}.category-광고{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.category-뮤직비디오{background:linear-gradient(135deg,#fce4ec,#f8bbd0);color:#c2185b}.category-웹드라마{background:linear-gradient(135deg,#e0f7fa,#b2ebf2);color:#00838f}.post-main-content{display:flex;gap:12px;align-items:flex-start}.post-text-content{flex:1;display:flex;flex-direction:column;gap:8px}.post-title{font-size:20px;font-weight:700;color:#1a1a1a;line-height:1.5;margin:0;letter-spacing:-.3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all;transition:color .2s ease}.post-card:hover .post-title{color:#3182f6}.post-preview{flex:1;font-size:14px;font-weight:400;color:#6b7280;line-height:1.5;margin:0;letter-spacing:-.2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}.post-content{flex:1;font-size:16px;font-weight:600;color:#1a1a1a;line-height:1.5;margin:0;letter-spacing:-.3px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all;transition:color .2s ease}.post-card:hover .post-content{color:#3182f6}.post-thumbnail{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;background:#f3f4f6}.post-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.post-meta{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-top:8px;padding-top:0}.post-author{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:4px 0}.author-name{font-size:13px;font-weight:600;color:#374151;white-space:nowrap}.author-role{font-size:12px;font-weight:500;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:4px;white-space:nowrap}.author-separator{color:#d1d5db;font-size:12px;flex-shrink:0}.post-time{font-size:13px;color:#9ca3af;white-space:nowrap;flex-shrink:0}.post-engagement{display:flex;align-items:center;gap:12px;flex-shrink:0}.engagement-item{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:#6b7280;transition:all .2s ease}.engagement-item svg{flex-shrink:0;transition:all .2s ease}.engagement-item:hover{color:#374151}.engagement-item:hover svg{transform:scale(1.1)}.engagement-item.highlight{color:#ef4444}.engagement-item.highlight:hover{color:#dc2626}.engagement-item.highlight svg{fill:currentColor}.post-card{animation:slideUp .4s ease-out}@media(max-width:768px){.post-card{padding:14px 0}.post-content{font-size:15px}.post-title{font-size:18px}.post-author{font-size:12px}}@media(max-width:480px){.post-card{padding:12px 0}.category-badge{padding:5px 10px;font-size:12px}.post-main-content{gap:10px}.post-title{font-size:16px}.post-content{font-size:14px;-webkit-line-clamp:2}.post-preview{font-size:13px}.post-thumbnail{width:70px;height:70px;border-radius:6px}.author-name{font-size:12px}.author-role{padding:1px 6px;font-size:11px}.post-time{font-size:11px}.engagement-item{font-size:12px}.engagement-item svg{width:14px;height:14px}}@media(hover:none){.post-card:hover{background:transparent}.post-card:active{background:#3182f60a;transition-duration:.1s}}@media(prefers-color-scheme:dark){.post-card{background:transparent;border-bottom-color:#374151}.post-title{color:#f9fafb}.post-preview{color:#d1d5db}.post-meta{border-top-color:#374151}.author-name{color:#e5e7eb}.post-time,.engagement-item{color:#9ca3af}.post-tag{background:#3182f626;color:#60a5fa}.post-tag-more{background:#374151;color:#9ca3af}}.free-board{min-height:100vh;background:#fff;position:relative}.board-main{padding:0 1rem;max-width:1400px;margin:0 auto;position:relative}.board-selector-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 0;border-bottom:1px solid #e5e7eb;margin-bottom:2rem}.board-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:#f3f4f6;border-radius:10px;cursor:pointer;transition:all .2s ease;color:#374151}.board-menu-btn:hover{background:#e5e7eb;transform:scale(1.05)}.board-menu-btn:active{transform:scale(.95)}.board-header-content{display:flex;flex-direction:column;gap:.5rem;flex:1}.board-name{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.board-colleague-info{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 2px 8px #3b82f61a;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.colleague-info-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#3b82f6;border-radius:8px;color:#fff;flex-shrink:0;box-shadow:0 2px 4px #3b82f64d}.colleague-info-text{font-size:.95rem;color:#1e40af;font-weight:500;line-height:1.5;flex:1}.colleague-info-text strong{color:#3b82f6;font-weight:700;font-size:1.05rem}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:998;animation:fadeIn .3s ease}.board-sidebar{position:fixed;top:0;left:0;height:100vh;width:320px;background:#fff;box-shadow:4px 0 20px #0000001a;z-index:999;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.board-sidebar.open{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.sidebar-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.sidebar-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#f3f4f6;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#374151}.sidebar-close-btn:hover{background:#e5e7eb;transform:scale(1.05)}.sidebar-content{flex:1;overflow-y:auto;padding:1rem}.board-list{list-style:none;padding:0;margin:0}.board-list li{margin-bottom:.5rem}.board-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem;border:none;background:#f9fafb;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.board-item:hover{background:#f3f4f6;transform:translate(4px)}.board-item.active{background:#eff6ff;border:2px solid #3b82f6}.board-item-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.board-item-name{font-size:1rem;font-weight:600;color:#111827}.board-item.active .board-item-name{color:#2563eb}.board-item-description{font-size:.875rem;color:#6b7280}.board-item.active .board-item-description{color:#3b82f6}.check-icon{color:#2563eb;flex-shrink:0;margin-left:.5rem}.sidebar-loading,.sidebar-error{padding:2rem 1rem;text-align:center;color:#6b7280;font-size:.95rem}.sidebar-error{color:#dc2626}.board-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.board-info h2{font-size:2rem;color:#1a1a1a;margin:0 0 .5rem;font-weight:700}.board-description{color:#666;margin:0;font-size:1rem}.write-btn{background:#3182f6;color:#fff;border:none;padding:.9rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 2px 8px #3182f633}.write-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3182f64d;background:#2968d8}.btn-icon{font-size:1.2rem}.board-controls{background:#fff;padding:1.5rem;border-radius:16px;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a}.search-box{display:flex;align-items:center;gap:.75rem;background:#f8f9fa;padding:.75rem 1.25rem;border-radius:12px;margin-bottom:1rem}.search-icon{font-size:1.2rem}.search-input{flex:1;border:none;background:transparent;font-size:1rem;outline:none;color:#333}.search-input::placeholder{color:#999}.category-filter{display:flex;gap:.75rem;flex-wrap:wrap}.category-btn{padding:.6rem 1.2rem;border:2px solid #e0e0e0;background:#fff;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;color:#555}.category-btn:hover{border-color:#3182f6;color:#3182f6}.category-btn.active{background:#3182f6;border-color:transparent;color:#fff}.posts-section{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem}.posts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.posts-count{font-size:1rem;color:#666}.posts-count strong{color:#3182f6;font-size:1.1rem}.sort-select{padding:.5rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;cursor:pointer;outline:none;background:#fff;transition:border-color .3s ease}.sort-select:hover,.sort-select:focus{border-color:#3182f6}.posts-grid{display:flex;flex-direction:column}.no-posts{text-align:center;padding:4rem 2rem;color:#999;font-size:1.1rem}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem}.page-btn,.page-number{padding:.7rem 1.2rem;border:2px solid #e0e0e0;background:#fff;color:#666;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.page-btn:hover,.page-number:hover{border-color:#3182f6;color:#3182f6;transform:translateY(-1px)}.page-number.active{background:#3182f6;color:#fff;border-color:#3182f6}.page-numbers{display:flex;gap:.5rem}.floating-write-btn{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:#3182f6;color:#fff;border:none;font-size:2rem;font-weight:300;cursor:pointer;box-shadow:0 4px 20px #3182f666;transition:all .3s ease;z-index:100;display:flex;align-items:center;justify-content:center;line-height:1}.floating-write-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 30px #3182f680;background:#2968d8}.floating-write-btn:active{transform:translateY(-1px) scale(1.02)}@media(max-width:768px){.board-main{padding:0 .75rem}.board-selector-header{padding:1rem 0}.board-name{font-size:1.25rem}.board-sidebar{width:280px}.sidebar-header{padding:1.25rem}.sidebar-title{font-size:1.125rem}.modal-overlay{padding:1rem}}@media(max-width:480px){.board-main{padding:0 .5rem}}.load-more-trigger{min-height:100px;display:flex;align-items:center;justify-content:center;padding:2rem 0}.loading-more{text-align:center;color:#666;font-size:.95rem;animation:fadeIn .3s ease}.loading-more p{margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem}.loading-more p:before{content:"";width:20px;height:20px;border:2px solid #e0e0e0;border-top-color:#3182f6;border-radius:50%;animation:spin .8s linear infinite}.no-more-posts{text-align:center;padding:2rem 1rem;color:#999;font-size:.9rem;border-top:1px solid #f0f0f0;margin-top:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}/*!
 * Quill Editor v2.0.2
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.quill-editor-wrapper{width:100%}.quill-editor-wrapper .quill{border:none}.quill-editor-wrapper .ql-toolbar{border:none;border-bottom:1px solid #e9ecef;background:transparent;padding:.75rem 0;margin-bottom:1rem}.quill-editor-wrapper .ql-toolbar button{width:32px;height:32px;border-radius:6px;transition:all .2s ease;margin:0 2px}.quill-editor-wrapper .ql-toolbar button:hover{background:#f1f3f5}.quill-editor-wrapper .ql-toolbar button.ql-active{background:#e7f5ff}.quill-editor-wrapper .ql-toolbar button svg .ql-stroke{stroke:#495057}.quill-editor-wrapper .ql-toolbar button.ql-active svg .ql-stroke{stroke:#3182f6}.quill-editor-wrapper .ql-toolbar button svg .ql-fill{fill:#495057}.quill-editor-wrapper .ql-toolbar button.ql-active svg .ql-fill{fill:#3182f6}.quill-editor-wrapper .ql-container{border:none;font-size:1.063rem;font-family:inherit}.quill-editor-wrapper .ql-editor{min-height:200px;max-height:300px;overflow-y:auto;padding:0;font-size:1.063rem;line-height:1.6;color:#212529}.quill-editor-wrapper .ql-editor.ql-blank:before{color:#adb5bd;font-style:normal;left:0;right:0}.quill-editor-wrapper .ql-editor p{margin-bottom:.5rem;margin-top:0}.quill-editor-wrapper .ql-editor img{max-width:100%;height:auto;border-radius:8px;margin:.75rem 0}.quill-editor-wrapper .ql-editor a{color:#3182f6;text-decoration:underline}.create-post-page{min-height:100vh;background:#fff;display:flex;flex-direction:column}.create-post-content{flex:1;overflow-y:auto}.loading-container{display:flex;align-items:center;justify-content:center;min-height:400px;color:#868e96;font-size:1rem}.select-group{display:flex;gap:.75rem;margin-bottom:2rem}.custom-select-wrapper{position:relative;flex:1}.title-section{position:relative;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e9ecef}.title-input{width:100%;padding:0;border:none;outline:none;font-size:1.75rem;font-weight:700;color:#212529;background:transparent;font-family:inherit;line-height:1.4}.title-input::placeholder{color:#adb5bd;font-weight:600}.title-counter{position:absolute;right:0;bottom:.5rem;font-size:.813rem;color:#adb5bd}.editor-section{margin-bottom:3rem;padding-top:1rem}@media(max-width:768px){.top-action-bar{padding:1rem}.page-title{font-size:1rem}.close-btn{width:36px;height:36px}.publish-btn{padding:.5rem 1rem;font-size:.875rem}.content-wrapper{padding:2rem 1rem}.select-group{flex-direction:column;gap:.625rem}.custom-select{padding:.75rem 2rem .75rem .875rem;font-size:.875rem}.title-input{font-size:1.5rem}.title-section{padding-bottom:1.25rem}.title-counter{bottom:.375rem;font-size:.75rem}.editor-section .quill-editor-wrapper .ql-editor{min-height:350px;font-size:1rem}}@media(max-width:480px){.content-wrapper{padding:1.5rem .75rem}.custom-select{font-size:.813rem;padding:.625rem 1.75rem .625rem .75rem}.title-input{font-size:1.375rem}}.action-menu-wrapper{position:relative;display:inline-block}.action-menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;color:#868e96;cursor:pointer;border-radius:6px;transition:all .2s ease}.action-menu-btn:hover{background:#f1f3f5;color:#495057}.action-menu-btn:active{transform:scale(.95)}.action-menu-btn svg{width:20px;height:20px}.action-menu-dropdown{position:absolute;z-index:1000;min-width:140px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid #e9ecef;padding:.5rem;animation:fadeInDown .2s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.action-menu-bottom-right{top:calc(100% + 8px);right:0}.action-menu-bottom-left{top:calc(100% + 8px);left:0}.action-menu-top-right{bottom:calc(100% + 8px);right:0}.action-menu-top-left{bottom:calc(100% + 8px);left:0}.action-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;text-align:left;font-size:.875rem;font-weight:500;color:#495057;cursor:pointer;border-radius:6px;transition:all .2s ease}.action-menu-item:hover{background:#f8f9fa}.action-menu-item:active{transform:scale(.98)}.action-menu-item.danger{color:#e03131}.action-menu-item.danger:hover{background:#fff5f5;color:#c92a2a}.action-menu-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px}.action-menu-icon svg{width:100%;height:100%}.action-menu-label{flex:1}@media(max-width:768px){.action-menu-dropdown{min-width:120px;padding:.375rem}.action-menu-item{padding:.625rem .875rem;font-size:.813rem}}.comments-container{width:100%}.comments-title{margin:0 0 1.5rem;font-size:1.125rem;font-weight:700;color:#212529}.comments-loading{text-align:center;padding:2rem;color:#868e96;font-size:.938rem}.comment-write{margin-bottom:2rem;padding:1.25rem;background:#f8f9fa;border-radius:12px}.comment-input{width:100%;padding:.875rem;border:1px solid #e9ecef;border-radius:8px;font-size:.938rem;line-height:1.5;color:#212529;font-family:inherit;resize:vertical;background:#fff;outline:none;transition:border-color .2s ease;box-sizing:border-box}.comment-input:focus{border-color:#3182f6}.comment-input::placeholder{color:#adb5bd}.comment-write-actions{display:flex;justify-content:flex-end;margin-top:.75rem}.comment-submit-btn{padding:.625rem 1.25rem;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.comment-submit-btn:hover{background:#333;transform:translateY(-1px)}.comment-submit-btn:active{transform:translateY(0)}.comment-submit-btn:disabled{background:#adb5bd;cursor:not-allowed;transform:none}.comment-cancel-btn{padding:.625rem 1.25rem;background:#fff;color:#1a1a1a;border:1px solid #e9ecef;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-right:.5rem}.comment-cancel-btn:hover{background:#f8f9fa;border-color:#dee2e6}.comment-cancel-btn:active{transform:translateY(0)}.reply-write{margin-top:.75rem;padding:1rem;background:#fff;border:1px solid #e9ecef;border-radius:8px}.comments-list{display:flex;flex-direction:column;gap:1rem}.comment-item{display:flex;flex-direction:column;gap:.75rem}.comment-item.comment-reply{margin-left:2.5rem;padding-left:1rem;border-left:2px solid #e9ecef}.comment-content{display:flex;flex-direction:column;gap:.625rem}.comment-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.comment-author{display:flex;align-items:center;gap:.5rem}.author-name{font-size:.875rem;font-weight:600;color:#212529}.author-role{font-size:.75rem;color:#868e96;padding:.25rem .5rem;background:#f1f3f5;border-radius:4px}.comment-header-right{display:flex;align-items:center;gap:.5rem}.comment-date{font-size:.813rem;color:#adb5bd}.comment-text{margin:0;font-size:.938rem;line-height:1.6;color:#495057;word-break:break-word}.comment-edit-form{margin-top:.5rem}.comment-actions{display:flex;align-items:center;gap:1rem}.comment-action-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:transparent;border:none;border-radius:6px;font-size:.813rem;color:#868e96;cursor:pointer;transition:all .2s ease}.comment-action-btn:hover{background:#f1f3f5;color:#495057}.comment-action-btn svg{flex-shrink:0}.comment-replies{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.toggle-replies-btn{align-self:flex-start;margin-left:2.5rem;padding:.5rem .875rem;background:transparent;border:1px solid #e9ecef;border-radius:8px;font-size:.813rem;font-weight:500;color:#495057;cursor:pointer;transition:all .2s ease}.toggle-replies-btn:hover{background:#f8f9fa;border-color:#adb5bd}.comments-empty{text-align:center;padding:3rem 2rem;color:#adb5bd;font-size:.938rem}@media(max-width:768px){.comments-title{font-size:1rem}.comment-write{padding:1rem}.comment-input{font-size:.875rem;padding:.75rem}.comment-item.comment-reply{margin-left:1.5rem;padding-left:.75rem}.author-name{font-size:.813rem}.author-role{font-size:.688rem}.comment-text{font-size:.875rem}.toggle-replies-btn{margin-left:1.5rem}}.post-detail-page{min-height:100vh;background:#fff}.post-detail-content{max-width:800px;margin:0 auto;padding:0}.loading-container{display:flex;align-items:center;justify-content:center;min-height:60vh;color:#868e96;font-size:1rem}.detail-container{background:#fff;position:relative;z-index:0}.detail-header{padding:2rem;border-bottom:1px solid #f1f3f5;position:static!important;top:auto!important;z-index:auto!important}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.category-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#f8f9fa;border-radius:20px}.back-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border:none;border-radius:50%;color:#868e96;font-size:1.25rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.back-btn:hover{background:#e9ecef;color:#495057;transform:scale(1.1)}.back-btn:active{transform:scale(.95)}.category-emoji{font-size:1rem}.category-text{font-size:.875rem;font-weight:600;color:#495057}.detail-title{margin:0 0 .75rem;font-size:1.875rem;font-weight:700;line-height:1.4;color:#212529}.detail-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:.75rem}.author-info{display:flex;align-items:center;gap:.5rem}.author-name{font-size:.938rem;font-weight:600;color:#212529}.author-role{font-size:.813rem;color:#868e96;padding:.25rem .625rem;background:#f1f3f5;border-radius:4px}.post-info-wrapper{display:flex;align-items:center;gap:1rem}.post-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#868e96}.separator{color:#dee2e6}.view-count{color:#868e96}.post-detail-page .detail-body{display:block;padding:1rem 2rem 3rem;position:relative}.detail-thumbnail{margin-bottom:2rem;border-radius:12px;overflow:hidden}.detail-thumbnail img{width:100%;height:auto;display:block}.detail-content{font-size:1.063rem;line-height:.01;color:#212529;word-break:break-word}.detail-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.detail-content a{color:#3182f6;text-decoration:underline}.detail-content ul,.detail-content ol{padding-left:1.5rem;margin-bottom:1.25rem}.detail-content li{margin-bottom:.5rem}.like-section{display:flex;justify-content:center;align-items:center;margin-top:3rem;padding-top:2rem;width:100%;text-align:center;margin-left:auto;margin-right:auto;clear:both}.like-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 2rem;background:#f8f9fa;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;margin:0 auto}.like-btn:hover{background:#fff5f5;transform:translateY(-2px)}.like-btn svg{color:#868e96;transition:all .3s ease}.like-btn:hover svg{stroke:#ff6b6b;transform:scale(1.1)}.like-btn.active{background:#fff5f5}.like-btn.active svg{fill:#ff6b6b;stroke:#ff6b6b;animation:heartbeat .3s ease}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.like-count{font-size:1rem;font-weight:600;color:#495057}.like-btn.active .like-count{color:#ff6b6b}.like-btn:disabled{cursor:not-allowed;opacity:.6}.like-btn:disabled:hover{transform:none;background:#f8f9fa}.comments-section{padding:2rem;border-top:8px solid #f8f9fa}@media(max-width:768px){.post-detail-content{padding:0}.detail-header{padding:1.5rem 1rem 1rem}.header-top{margin-bottom:1rem}.back-btn{width:28px;height:28px;font-size:1.125rem}.detail-title{font-size:1.5rem}.detail-meta{flex-direction:column;align-items:flex-start;gap:.75rem}.post-info-wrapper{width:100%;justify-content:space-between}.detail-body{padding:1.5rem 1rem}.divider{margin:0 1rem 1.25rem}.detail-content{font-size:1rem}.detail-actions{padding:1.25rem;flex-wrap:wrap}.action-btn{padding:.625rem 1rem;font-size:.875rem}.comments-section{padding:1.5rem 1rem}.comments-title{font-size:1.125rem}.post-actions{flex-wrap:wrap}.edit-btn,.delete-btn{flex:1;justify-content:center;min-width:100px}}@media(max-width:480px){.detail-title{font-size:1.375rem}}.login-container{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;background:#fff;padding:20px;position:relative;overflow:hidden}.login-content{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:440px;width:100%;margin:0 auto;position:relative;z-index:1}.login-header{text-align:center;margin-bottom:40px;animation:fadeInDown .6s ease-out}.login-logo{font-size:64px;margin-bottom:16px;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-title{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:8px;letter-spacing:-.5px}.login-subtitle{font-size:15px;color:#666;font-weight:500}.login-form{background:#fff;border-radius:24px;padding:32px 24px;box-shadow:0 20px 60px #0000004d;animation:fadeInUp .6s ease-out}.form-group{position:relative;margin-bottom:24px}.form-label{position:absolute;left:16px;top:18px;font-size:16px;color:#9ca3af;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fff;padding:0 4px}.login-button{width:100%;height:56px;border:none;border-radius:12px;font-size:17px;font-weight:700;background:#e5e7eb;color:#9ca3af;cursor:not-allowed;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;-webkit-tap-highlight-color:transparent}.login-button.active{background:#3182f6;color:#fff;cursor:pointer;box-shadow:0 4px 12px #3182f633}.login-button.active:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3182f64d;background:#2968d8}.login-button.active:active{transform:translateY(0)}.login-button:disabled{cursor:not-allowed;transform:none!important}.login-options{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px}.link-button{background:none;border:none;color:#666;font-size:14px;font-weight:500;cursor:pointer;padding:8px 4px;transition:all .2s;font-family:inherit;-webkit-tap-highlight-color:transparent}.link-button:hover{color:#1a1a1a;text-decoration:underline}.divider{color:#d1d5db;font-size:12px}.social-login{margin-top:32px}.divider-text{text-align:center;position:relative;margin-bottom:20px}.divider-text span{display:inline-block;padding:0 16px;background:#fff;color:#999;font-size:14px;font-weight:500;position:relative;z-index:1}.divider-text:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#e5e7eb}.social-buttons{display:flex;flex-direction:column;gap:12px}.social-button{width:100%;height:52px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;font-family:inherit;-webkit-tap-highlight-color:transparent}.social-button:disabled{opacity:.6;cursor:not-allowed}.social-button.kakao{background:#fee500;color:#000}.social-button.kakao:hover:not(:disabled){background:#fdd835;transform:translateY(-1px)}.social-button.naver{background:#03c75a;color:#fff}.social-button.naver:hover:not(:disabled){background:#02b350;transform:translateY(-1px)}.social-icon{font-size:20px;font-weight:700}.login-footer{text-align:center;padding:20px 0;color:#999;font-size:13px;position:relative;z-index:1}@media(max-width:480px){.login-container{padding:16px}.login-form{padding:28px 20px;border-radius:20px}.login-title{font-size:28px}.login-subtitle{font-size:14px}.form-input,.login-button{height:52px}.social-button{height:48px}}@media(min-width:768px){.login-container{padding:40px}.login-content{max-width:480px}.login-form{padding:40px 32px}}@media(hover:none)and (pointer:coarse){.form-input,.login-button,.link-button,.social-button{-webkit-tap-highlight-color:transparent}}.job-role-selector{width:100%}.staff-type-label{display:block;margin-bottom:12px;font-size:.95rem;font-weight:500;color:#333}.staff-type-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.staff-type-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .3s ease;min-height:100px;font-family:inherit}.staff-type-button:hover:not(:disabled){border-color:#6366f1;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.staff-type-button.active{border-color:#6366f1;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #6366f14d}.staff-type-button:disabled{opacity:.5;cursor:not-allowed}.staff-type-icon{font-size:2rem;margin-bottom:8px}.staff-type-text{font-size:.95rem;font-weight:500}.staff-type-button.active .staff-type-text{color:#fff}.department-section{margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0;animation:fadeIn .3s ease}.role-group{margin-top:16px;animation:fadeIn .3s ease}.form-select{width:100%;padding:12px 40px 12px 16px;font-size:1rem;border:2px solid #e0e0e0;border-radius:8px;background:#fff;color:#333;cursor:pointer;transition:all .3s ease;font-family:inherit;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.form-select:hover:not(:disabled){border-color:#6366f1}.form-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.loading-departments{display:flex;align-items:center;justify-content:center;padding:20px;background:#f8f9ff;border-radius:8px;color:#6366f1;font-size:.9rem}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}.department-error{display:flex;align-items:center;padding:12px 16px;background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#c53030;font-size:.9rem}.department-error .error-icon{margin-right:8px}.no-departments{padding:20px;text-align:center;background:#f9fafb;border-radius:8px;color:#666;font-size:.9rem}@media(max-width:640px){.staff-type-buttons{grid-template-columns:1fr}.staff-type-button{min-height:80px}.staff-type-icon{font-size:1.5rem}}.register-container{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;background:#fff;padding:20px;position:relative;overflow:hidden}.register-content{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:440px;width:100%;margin:0 auto;position:relative;z-index:1;padding:40px 0}.register-header{text-align:center;margin-bottom:32px;animation:fadeInDown .6s ease-out}.register-logo{font-size:56px;margin-bottom:12px}.register-title{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:8px;letter-spacing:-.5px}.register-subtitle{font-size:15px;color:#666;font-weight:500}.register-form{background:#fff;border-radius:24px;padding:32px 24px;box-shadow:0 20px 60px #0000004d;animation:fadeInUp .6s ease-out}.form-section{margin-bottom:32px}.form-section:last-of-type{margin-bottom:0}.section-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}.form-group{position:relative;margin-bottom:20px}.form-label{position:absolute;left:16px;top:18px;font-size:16px;color:#9ca3af;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fff;padding:0 4px;z-index:1}.form-label.active{top:-10px;font-size:12px;color:#3182f6;font-weight:600}.form-input{width:100%;height:56px;padding:16px;font-size:16px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;-webkit-appearance:none;appearance:none}.form-input:focus{outline:none;border-color:#3182f6;box-shadow:0 0 0 3px #3182f61a}.form-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.form-input.success{border-color:#10b981}.form-input.success:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-input.error{border-color:#dc2626}.form-input.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.nickname-input-wrapper{position:relative}.nickname-status{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:500;pointer-events:none}.nickname-status.checking{color:#6b7280}.nickname-status.available{color:#10b981}.nickname-status.duplicate{color:#dc2626}.form-input[type=date]{color:#1a1a1a}.form-input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:opacity(.6)}.form-input[type=date]::-webkit-calendar-picker-indicator:hover{filter:opacity(1)}.staff-type-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:12px}.staff-type-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.staff-type-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;-webkit-tap-highlight-color:transparent}.staff-type-button:hover:not(:disabled){border-color:#3182f6;transform:translateY(-2px);box-shadow:0 4px 12px #3182f626}.staff-type-button.active{border-color:#3182f6;background:#eff6ff;box-shadow:0 0 0 3px #3182f61a}.staff-type-button:disabled{opacity:.6;cursor:not-allowed}.staff-type-icon{font-size:32px}.staff-type-text{font-size:15px;font-weight:600;color:#374151}.staff-type-button.active .staff-type-text{color:#3182f6}.staff-type-selected{margin-top:16px;padding:16px;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:12px;animation:fadeIn .3s ease-out}.selected-info{font-size:14px;font-weight:600;color:#1e40af;margin-bottom:4px}.selected-hint{font-size:13px;color:#6b7280;margin:0}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:14px;font-weight:500;margin-bottom:20px;animation:shake .5s ease-in-out}.error-icon{font-size:16px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.register-button{width:100%;height:56px;border:none;border-radius:12px;font-size:17px;font-weight:700;background:#e5e7eb;color:#9ca3af;cursor:not-allowed;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;margin-top:24px;-webkit-tap-highlight-color:transparent}.register-button.active{background:#3182f6;color:#fff;cursor:pointer;box-shadow:0 4px 12px #3182f633}.register-button.active:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3182f64d;background:#2968d8}.register-button.active:active{transform:translateY(0)}.register-button:disabled{cursor:not-allowed;transform:none!important}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.register-options{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px}.option-text{font-size:14px;color:#666}.link-button{background:none;border:none;color:#3182f6;font-size:14px;font-weight:600;cursor:pointer;padding:8px 4px;transition:all .2s;font-family:inherit;-webkit-tap-highlight-color:transparent}.link-button:hover:not(:disabled){color:#2968d8;text-decoration:underline}.link-button:disabled{opacity:.6;cursor:not-allowed}.register-footer{text-align:center;padding:20px 0;color:#999;font-size:13px;position:relative;z-index:1}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.register-container{padding:16px}.register-content{padding:20px 0}.register-form{padding:28px 20px;border-radius:20px}.register-title{font-size:24px}.register-subtitle{font-size:14px}.section-title{font-size:16px}.form-input,.register-button{height:52px}.staff-type-buttons{gap:10px}.staff-type-button{height:90px}.staff-type-icon{font-size:28px}.staff-type-text{font-size:14px}}@media(min-width:768px){.register-container{padding:40px}.register-content{max-width:480px}.register-form{padding:40px 32px}}@media(hover:none)and (pointer:coarse){.form-input,.register-button,.link-button,.staff-type-button{-webkit-tap-highlight-color:transparent}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.work-card{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:row;height:140px}.work-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.work-poster{position:relative;width:140px;min-width:140px;height:140px;overflow:hidden;background:#f3f4f6}.work-poster img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.work-card:hover .work-poster img{transform:scale(1.1)}.work-overlay{display:none}.work-overlay svg{width:40px;height:40px}.work-type-badge{position:absolute;top:8px;right:8px;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.work-info{padding:16px;display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0}.work-title{font-size:1rem;font-weight:700;color:#1f2937;margin-bottom:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.3px}.work-role,.work-period{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#6b7280;margin-bottom:6px;font-weight:500}.work-role svg,.work-period svg{flex-shrink:0;color:#9ca3af}.work-period{margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.work-card{height:120px}.work-poster{width:120px;min-width:120px;height:120px}.work-info{padding:14px}.work-title{font-size:.95rem;margin-bottom:8px}.work-role,.work-period{font-size:.8rem;gap:5px;margin-bottom:5px}.work-role svg,.work-period svg{width:14px;height:14px}}@media(max-width:480px){.work-card{height:110px}.work-poster{width:110px;min-width:110px;height:110px}.work-type-badge{font-size:.65rem;padding:3px 8px;top:6px;right:6px}.work-info{padding:12px}.work-title{font-size:.9rem;margin-bottom:6px;-webkit-line-clamp:2}.work-role,.work-period{font-size:.75rem;gap:4px;margin-bottom:4px}.work-role svg,.work-period svg{width:12px;height:12px}.work-period{margin-bottom:0}.work-overlay svg{width:32px;height:32px}}.add-work-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.add-work-modal-content{background:#fff;border-radius:24px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease;overflow:hidden}.add-work-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #e5e7eb}.add-work-modal-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0;letter-spacing:-.3px}.add-work-modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0000000d;border:none;border-radius:10px;color:#6b7280;cursor:pointer;transition:all .2s ease}.add-work-modal-close:hover{background:#0000001a;color:#374151}.add-work-search-section{padding:24px 28px;border-bottom:1px solid #e5e7eb}.media-type-selector{display:flex;gap:8px;margin-bottom:20px;background:#f9fafb;padding:6px;border-radius:12px}.media-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:8px;font-size:.95rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease}.media-type-btn:hover{background:#3182f61a;color:#3182f6}.media-type-btn.active{background:#fff;color:#3182f6;box-shadow:0 2px 8px #00000014}.search-input-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;color:#9ca3af;pointer-events:none}.search-input{width:100%;padding:16px 48px;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;font-weight:500;color:#1f2937;transition:all .2s ease;outline:none;margin-left:15px}.search-input:focus{border-color:#3182f6;box-shadow:0 0 0 4px #3182f61a}.search-input::placeholder{color:#9ca3af;font-weight:400}.clear-search-btn{position:absolute;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#9ca3af;cursor:pointer;transition:all .2s ease;border-radius:6px}.clear-search-btn:hover{background:#f3f4f6;color:#6b7280}.add-work-search-results{flex:1;overflow-y:auto;min-height:400px;max-height:500px}.search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3182f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.search-loading p{color:#6b7280;font-size:.95rem;font-weight:500}.results-list{padding:16px 28px}.result-item{display:flex;gap:20px;padding:16px;border-radius:12px;cursor:pointer;transition:all .2s ease;border:2px solid transparent;margin-bottom:12px}.result-item:hover{background:#f9fafb}.result-item.selected{background:#eff6ff;border-color:#3182f6}.result-poster{position:relative;width:80px;height:120px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#f3f4f6}.result-poster img{width:100%;height:100%;object-fit:cover}.selected-badge{position:absolute;top:6px;right:6px;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.result-info{flex:1;min-width:0}.result-title{font-size:1.05rem;font-weight:700;color:#1f2937;margin-bottom:6px;letter-spacing:-.2px}.result-item.selected .result-title{color:#3182f6}.result-year{font-size:.9rem;color:#6b7280;font-weight:600;margin-bottom:10px}.result-overview{font-size:.9rem;color:#6b7280;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#9ca3af}.no-results p{margin-top:16px;font-size:1rem;font-weight:500}.search-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:#d1d5db}.search-placeholder h3{font-size:1.3rem;font-weight:700;color:#6b7280;margin:20px 0 12px}.search-placeholder p{font-size:.95rem;color:#9ca3af;max-width:400px;line-height:1.6;margin:0}.add-work-modal-footer{display:flex;gap:12px;padding:20px 28px;border-top:1px solid #e5e7eb;background:#fafbfc}.modal-cancel-btn,.modal-add-btn,.modal-next-btn,.modal-back-btn{flex:1;padding:14px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.modal-cancel-btn,.modal-back-btn{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.modal-cancel-btn:hover,.modal-back-btn:hover{background:#f9fafb;color:#374151;border-color:#d1d5db}.modal-add-btn,.modal-next-btn{background:#3182f6;color:#fff}.modal-add-btn:hover:not(:disabled),.modal-next-btn:hover:not(:disabled){background:#1d6fde;transform:translateY(-2px);box-shadow:0 6px 20px #3182f64d}.modal-add-btn:disabled,.modal-next-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.add-work-form-section{padding:24px 28px;overflow-y:auto;max-height:550px}.selected-work-info{display:flex;gap:20px;padding:20px;background:#f9fafb;border-radius:12px;margin-bottom:32px}.selected-work-poster{width:80px;height:120px;border-radius:8px;object-fit:cover;flex-shrink:0}.selected-work-details{flex:1}.selected-work-details h3{font-size:1.2rem;font-weight:700;color:#1f2937;margin-bottom:8px;letter-spacing:-.3px}.selected-work-meta{font-size:.9rem;color:#6b7280;font-weight:600;margin-bottom:6px}.selected-work-director{font-size:.9rem;color:#9ca3af;font-weight:500}.work-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.95rem;font-weight:700;color:#374151}.form-input,.form-textarea{padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;font-weight:500;color:#1f2937;transition:all .2s ease;outline:none;font-family:inherit}.form-input:focus,.form-textarea:focus{border-color:#3182f6;box-shadow:0 0 0 4px #3182f61a}.form-textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.add-work-search-results::-webkit-scrollbar{width:8px}.add-work-search-results::-webkit-scrollbar-track{background:#f3f4f6}.add-work-search-results::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.add-work-search-results::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.add-work-modal-content{max-width:100%;max-height:95vh;border-radius:20px 20px 0 0;margin-top:auto}.add-work-modal-header{padding:20px}.add-work-modal-title{font-size:1.3rem}.add-work-search-section{padding:20px}.results-list{padding:12px 20px}.result-item{flex-direction:column;gap:16px}.result-poster{width:120px;height:180px;margin:0 auto}.add-work-modal-footer{padding:16px 20px;flex-direction:column-reverse}.modal-cancel-btn,.modal-add-btn,.modal-next-btn,.modal-back-btn{width:100%}.add-work-form-section{padding:20px}.selected-work-info{flex-direction:column;align-items:center;text-align:center}.selected-work-poster{width:120px;height:180px}.form-row{grid-template-columns:1fr}}@media(max-width:480px){.add-work-modal-overlay{padding:0}.add-work-modal-content{border-radius:16px 16px 0 0}.media-type-btn{font-size:.9rem;padding:10px 16px}.search-input{font-size:.95rem;padding:14px 44px}.result-poster{width:100px;height:150px}.result-title{font-size:1rem}.result-overview{font-size:.85rem}.form-input,.form-textarea{font-size:.95rem}}.filmography-detail-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.filmography-detail-content{background:#fff;border-radius:24px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease}.detail-close-btn{position:absolute;top:20px;right:20px;width:40px;height:40px;background:#0000000d;border:none;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.detail-close-btn:hover{background:#0000001a;color:#374151}.detail-body{display:flex;gap:40px;padding:40px}.detail-poster{flex-shrink:0;width:280px}.detail-poster img{width:100%;border-radius:16px;box-shadow:0 8px 24px #00000026}.detail-info{flex:1;padding-top:10px}.detail-type-badge{display:inline-block;padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:700;color:#fff;margin-bottom:16px}.detail-title{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:24px;line-height:1.3;letter-spacing:-.5px}.detail-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.detail-info-item{background:#f9fafb;padding:20px;border-radius:12px}.info-label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:#6b7280;margin-bottom:10px}.info-label svg{color:#9ca3af}.info-value{font-size:1.05rem;font-weight:700;color:#1f2937;margin:0}.detail-description{margin-bottom:32px}.detail-description h4{font-size:1rem;font-weight:700;color:#1f2937;margin-bottom:12px}.detail-description p{font-size:1rem;line-height:1.7;color:#4b5563;margin:0}.detail-actions{display:flex;gap:12px;padding-top:24px;border-top:1px solid #e5e7eb}.detail-action-btn{flex:1;padding:14px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.detail-action-btn.edit{background:#3182f6;color:#fff}.detail-action-btn.edit:hover{background:#1d6fde;transform:translateY(-2px);box-shadow:0 6px 16px #3182f64d}.detail-action-btn.delete{background:#f3f4f6;color:#ef4444}.detail-action-btn.delete:hover{background:#fee2e2;color:#dc2626}.filmography-detail-content::-webkit-scrollbar{width:8px}.filmography-detail-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.filmography-detail-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.filmography-detail-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:1024px){.detail-body{gap:30px;padding:30px}.detail-poster{width:240px}}@media(max-width:768px){.filmography-detail-content{max-width:100%;max-height:95vh;border-radius:20px 20px 0 0;margin-top:auto}.detail-body{flex-direction:column;gap:24px;padding:24px}.detail-poster{width:200px;margin:0 auto}.detail-title{font-size:1.5rem}.detail-info-grid{grid-template-columns:1fr;gap:16px}.detail-actions{flex-direction:column}.detail-action-btn{width:100%}}@media(max-width:480px){.filmography-detail-overlay{padding:0}.filmography-detail-content{border-radius:16px 16px 0 0}.detail-body{padding:20px}.detail-poster{width:160px}.detail-close-btn{width:36px;height:36px;top:16px;right:16px}.detail-title{font-size:1.3rem}.detail-description{font-size:.95rem}}.mypage{min-height:100vh;background:#fff}.mypage-content{max-width:800px;margin:0 auto;padding:2rem 1rem}.mypage-container{display:flex;flex-direction:column;gap:1.5rem}.profile-header-section{background:#fff;padding:1.5rem 0}.profile-header-content{display:flex;align-items:center;gap:1.5rem}.profile-avatar-large{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#f1f3f5}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-large{width:100%;height:100%;background:#e9ecef;display:flex;align-items:center;justify-content:center;color:#868e96}.profile-info-section{flex:1}.profile-username{font-size:1.25rem;font-weight:700;color:#212529;margin:0 0 .5rem}.profile-email-masked{font-size:.9rem;color:#868e96;margin:0 0 .25rem}.profile-job-role{font-size:.9rem;color:#495057;margin:0;font-weight:500}.profile-actions{display:flex;gap:.75rem;flex-shrink:0}.profile-action-btn{padding:.625rem 1.25rem;background:#f8f9fa;color:#212529;border:1px solid #e9ecef;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.profile-action-btn:hover{background:#e9ecef;border-color:#dee2e6}.divider-line{height:1px;background:#e9ecef;margin:0}.nav-icons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:1.5rem 0}.nav-icon-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:transform .2s ease}.nav-icon-item:hover{transform:translateY(-2px)}.nav-icon-wrapper{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:12px;color:#495057;position:relative}.nav-icon-label{font-size:.875rem;color:#495057;font-weight:500;text-align:center}.notification-badge{position:absolute;top:-4px;right:-4px;background:#fa5252;color:#fff;font-size:.7rem;font-weight:600;padding:.125rem .375rem;border-radius:10px;min-width:20px;text-align:center}.notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:#fa5252;border-radius:50%;border:2px solid white}.section-title{font-size:1.125rem;font-weight:700;color:#212529;margin:0 0 1rem}.filmography-header{display:flex;justify-content:space-between;align-items:center;margin:2rem 0 1.5rem;padding-top:1.5rem;gap:1rem}.filmography-section-title{font-size:1.5rem;font-weight:700;color:#212529;margin:0}.add-work-btn{padding:12px 24px;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.add-work-btn:hover{background:#2d2d2d}.add-work-btn:active{transform:scale(.98)}.filter-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px;flex-wrap:wrap}.filter-tabs{display:flex;gap:8px;background:#fff;padding:6px;border-radius:12px;box-shadow:0 2px 8px #0000000f}.filter-tab{padding:10px 20px;background:transparent;border:none;border-radius:8px;font-size:.95rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-tab:hover{background:#f3f4f6;color:#1a1a1a}.filter-tab.active{background:#1a1a1a;color:#fff}.sort-select{padding:10px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;font-weight:600;color:#1f2937;cursor:pointer;transition:all .2s ease;outline:none}.sort-select:hover{border-color:#3182f6}.sort-select:focus{border-color:#3182f6;box-shadow:0 0 0 4px #3182f61a}.works-section{margin-bottom:40px}.works-grid{display:flex;flex-direction:column;gap:16px}.works-section .empty-state{text-align:center;padding:100px 20px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f}.works-section .empty-state h3{font-size:1.4rem;font-weight:700;color:#6b7280;margin-bottom:12px}.works-section .empty-state p{font-size:1rem;color:#9ca3af;margin-bottom:32px}.my-job-posts-section{background:#fff}.stats-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem;display:flex;gap:1rem}.stat-category{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-category .stat-label{font-size:.875rem;color:#868e96;font-weight:500}.stat-category .stat-value{font-size:1.5rem;font-weight:700;color:#495057}.stat-category .stat-value.highlight{color:#fa5252}.my-applications-section,.community-section{background:#fff}.action-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.action-card-text{font-size:.9rem;color:#495057;margin:0}.action-card-btn{width:100%;padding:.875rem;background:#212529;color:#fff;border:none;border-radius:8px;font-size:.938rem;font-weight:600;cursor:pointer;transition:all .2s ease}.action-card-btn:hover{background:#495057;transform:translateY(-1px)}.action-card-btn:active{transform:translateY(0)}.content-section{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.tab-menu{display:flex;border-bottom:2px solid #f1f3f5}.tab-btn{flex:1;padding:1rem;background:none;border:none;font-size:.95rem;font-weight:600;color:#868e96;cursor:pointer;transition:all .2s ease;position:relative}.tab-btn:hover{color:#495057;background:#f8f9fa}.tab-btn.active{color:#3182f6}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#3182f6}.tab-content{padding:1.5rem}.post-list{display:flex;flex-direction:column;gap:1rem}.post-item{padding:1.25rem;border:1px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .2s ease}.post-item:hover{border-color:#3182f6;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #3182f61a}.post-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.post-category{font-size:.8rem;font-weight:600;color:#3182f6;background:#e7f2ff;padding:.25rem .75rem;border-radius:6px}.post-date{font-size:.8rem;color:#adb5bd}.post-item-title{font-size:1rem;font-weight:600;color:#212529;margin:0 0 .75rem;line-height:1.5}.post-item-meta{display:flex;align-items:center;gap:1rem}.post-author{font-size:.875rem;color:#495057;font-weight:500}.meta-item{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#868e96}.meta-item svg{color:#adb5bd}.empty-state{text-align:center;padding:4rem 2rem;color:#adb5bd}.empty-state p{margin:0;font-size:1rem}.settings-section{background:#fff;padding:0}.settings-list{display:flex;flex-direction:column}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;background:none;border:none;border-bottom:1px solid #f1f3f5;font-size:.95rem;color:#495057;cursor:pointer;transition:all .2s ease;text-align:left}.setting-item:last-child{border-bottom:none}.setting-item:hover{color:#3182f6}.setting-item svg{color:#adb5bd;transition:transform .2s ease}.setting-item:hover svg{transform:translate(4px)}.setting-item.logout{color:#fa5252;font-weight:600}.setting-item.logout:hover{color:#e03131}@media(max-width:768px){.mypage-content{padding:1.5rem 1rem}.profile-header-content{flex-wrap:wrap}.profile-avatar-large{width:70px;height:70px}.profile-username{font-size:1.125rem}.profile-actions{width:100%;margin-top:.5rem}.profile-action-btn{flex:1}.nav-icons-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.nav-icon-wrapper{width:56px;height:56px}.nav-icon-label{font-size:.8rem}.stats-card{padding:1.25rem}.tab-btn{font-size:.875rem;padding:.875rem .5rem}.tab-content,.post-item{padding:1rem}}@media(max-width:480px){.mypage-content{padding:1rem .75rem}.profile-avatar-large{width:60px;height:60px}.profile-username{font-size:1rem}.nav-icons-grid{gap:.75rem}.nav-icon-wrapper{width:48px;height:48px}.nav-icon-label{font-size:.75rem}.stats-card{padding:1rem;flex-direction:column;gap:1rem}.stat-category{flex-direction:row;justify-content:space-between;width:100%}.tab-btn{font-size:.8rem;padding:.75rem .25rem}.post-item-title{font-size:.95rem}.filmography-header{flex-direction:column;align-items:flex-start}.add-work-btn{width:100%;justify-content:center}.filter-section{flex-direction:column;align-items:stretch}.filter-tabs{width:100%;overflow-x:auto}.sort-select{width:100%}.works-grid{gap:14px}}@media(max-width:480px){.works-grid{gap:12px}.filmography-section-title{font-size:1.25rem}.add-work-btn{padding:10px 20px;font-size:.875rem}}.my-posts{min-height:100vh;background:#fff}.my-posts-content{max-width:800px;margin:0 auto;padding:2rem 1rem}.my-posts-container{display:flex;flex-direction:column;gap:1.5rem}.my-posts-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}@media(max-width:768px){.my-posts-content{padding:1.5rem 1rem}.page-title{font-size:1.5rem}}@media(max-width:480px){.my-posts-content{padding:1rem .75rem}.page-title{font-size:1.25rem}.empty-state{padding:60px 20px}.empty-state h3{font-size:1.2rem}.empty-state p{font-size:.9rem}}.my-liked-posts{min-height:100vh;background:#fff}.my-liked-posts-content{max-width:800px;margin:0 auto;padding:2rem 1rem}.my-liked-posts-container{display:flex;flex-direction:column;gap:1.5rem}.my-liked-posts-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}@media(max-width:768px){.my-liked-posts-content{padding:1.5rem 1rem}.page-title{font-size:1.5rem}}@media(max-width:480px){.my-liked-posts-content{padding:1rem .75rem}.page-title{font-size:1.25rem}.empty-state{padding:60px 20px}.empty-state h3{font-size:1.2rem}.empty-state p{font-size:.9rem}}.my-commented-posts{min-height:100vh;background:#fff}.my-commented-posts-content{max-width:800px;margin:0 auto;padding:2rem 1rem}.my-commented-posts-container{display:flex;flex-direction:column;gap:1.5rem}.my-commented-posts-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.page-title{font-size:1.75rem;font-weight:800;color:#111827;margin:0;letter-spacing:-.025em}.posts-section{margin-bottom:40px}.posts-list{display:flex;flex-direction:column;gap:0}.loading-more{text-align:center;padding:2rem;color:#6b7280;font-size:.9rem}.loading-more p{margin:0}.no-more-posts{text-align:center;padding:2rem;color:#9ca3af;font-size:.9rem}.no-more-posts p{margin:0}.loading p{margin:0}.empty-state{text-align:center;padding:100px 20px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f}.empty-icon{color:#d1d5db;margin-bottom:24px}.empty-state h3{font-size:1.4rem;font-weight:700;color:#6b7280;margin-bottom:12px}.empty-state p{font-size:1rem;color:#9ca3af;margin-bottom:32px}.empty-add-btn{padding:14px 32px;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.empty-add-btn:hover{background:#2d2d2d}@media(max-width:768px){.my-commented-posts-content{padding:1.5rem 1rem}.page-title{font-size:1.5rem}}@media(max-width:480px){.my-commented-posts-content{padding:1rem .75rem}.page-title{font-size:1.25rem}.empty-state{padding:60px 20px}.empty-state h3{font-size:1.2rem}.empty-state p{font-size:.9rem}}.apply-business{min-height:100vh;background-color:#f9fafb}.apply-business-content{padding:3rem 1rem;max-width:480px;margin:0 auto}.apply-business-container{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 1px 3px #0000000f}.apply-business-header{margin-bottom:2.5rem}.apply-business-title{font-size:1.75rem;font-weight:700;color:#191f28;margin-bottom:.75rem;letter-spacing:-.03em}.apply-business-description{font-size:.938rem;color:#8b95a1;line-height:1.6;font-weight:400}.apply-business-form{display:flex;flex-direction:column;gap:0}.form-group{display:flex;flex-direction:column;gap:0;margin-bottom:2rem}.form-label{font-size:.938rem;font-weight:600;color:#191f28;letter-spacing:-.02em;margin-bottom:.75rem;display:block;position:relative}.required{color:#f04452;margin-left:.125rem}.form-description{font-size:.875rem;color:#8b95a1;margin-top:.5rem;margin-left:1rem;margin-bottom:.75rem;font-weight:400;display:block}.form-input{width:100%;padding:1rem;font-size:1rem;border:1px solid #e5e8eb;border-radius:12px;transition:all .2s;background-color:#fff;color:#191f28;font-weight:500;letter-spacing:-.01em;display:block}.form-input:focus{outline:none;border-color:#1a1a1a;background-color:#fff}.form-input.error{border-color:#f04452;background-color:#fff5f5}.form-input::placeholder{color:#b0b8c1;font-weight:400}.error-message{font-size:.875rem;color:#f04452;margin-top:.5rem;font-weight:500;letter-spacing:-.01em;display:block}.business-areas{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem;margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;border:1px solid #e5e8eb;border-radius:12px;cursor:pointer;transition:all .2s;background-color:#fff}.checkbox-label:hover{border-color:#d1d6db;background-color:#f9fafb}.checkbox-label:active{transform:scale(.98)}.checkbox-input{width:20px;height:20px;cursor:pointer;accent-color:#1a1a1a;margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid #d1d5db;border-radius:4px;background-color:#fff;position:relative}.checkbox-input:checked{background-color:#1a1a1a;border-color:#1a1a1a}.checkbox-input:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700;line-height:1}.checkbox-text{font-size:.938rem;color:#4e5968;-webkit-user-select:none;user-select:none;font-weight:500;letter-spacing:-.01em}.checkbox-label:has(.checkbox-input:checked){border-color:#1a1a1a;background-color:#1a1a1a}.checkbox-label:has(.checkbox-input:checked) .checkbox-text{color:#fff;font-weight:600}.info-box{background-color:#f9fafb;border-radius:12px;padding:1.25rem;margin-top:.5rem}.info-title{font-size:.938rem;font-weight:600;color:#191f28;margin-bottom:.875rem;letter-spacing:-.02em}.info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem}.info-list li{font-size:.875rem;color:#6b7684;padding-left:.875rem;position:relative;line-height:1.5;font-weight:400;letter-spacing:-.01em}.info-list li:before{content:"•";position:absolute;left:0;color:#8b95a1;font-weight:600}.form-actions{display:flex;gap:.75rem;margin-top:2rem}.btn{flex:1;padding:1rem;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s;letter-spacing:-.02em}.btn:active{transform:scale(.98)}.btn-secondary{background-color:#fff;color:#1a1a1a;border:2px solid #1a1a1a}.btn-secondary:hover{background-color:#f9fafb}.btn-primary{background-color:#1a1a1a!important;color:#fff!important;border:none!important}.btn-primary:hover{background-color:#2d2d2d!important}.btn:disabled:hover{background-color:inherit;transform:none}@media(max-width:768px){.apply-business-content{padding:2rem 1rem}.apply-business-container{padding:1.75rem}.apply-business-title{font-size:1.5rem}.apply-business-description{font-size:.875rem}}@media(max-width:480px){.apply-business-content{padding:1.5rem 1rem}.apply-business-container{padding:1.5rem}.apply-business-title{font-size:1.375rem}.business-areas{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{width:100%}}.company-card{background:#fff;border-radius:0;padding:1.25rem 1rem;cursor:pointer;transition:all .2s ease;box-shadow:none;border:none;border-bottom:1px solid #f1f3f5}.company-card:hover{background:#fafbfc}.company-card:active{background:#f5f6f7}.company-card-content{display:flex;gap:1.25rem}.company-logo{flex-shrink:0;width:100px;height:100px;border-radius:12px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.company-logo img{width:100%;height:100%;object-fit:cover}.company-logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);font-size:2.5rem;font-weight:700;color:#fff}.company-info{flex:1;min-width:0}.company-card-header{margin-bottom:.5rem}.company-name{font-size:1.125rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem;line-height:1.4}.verified-badge{display:inline-flex;flex-shrink:0}.company-rating{display:flex;align-items:center;gap:.25rem;margin-bottom:.75rem}.rating-value{font-size:.875rem;font-weight:700;color:#1a1a1a}.review-count{font-size:.875rem;color:#9ca3af;font-weight:500}.program-count{font-size:.8125rem;font-weight:600;color:#3182f6;background:#f0f7ff;padding:.25rem .625rem;border-radius:6px}.company-location{font-size:.875rem;color:#6b7280;margin:0;font-weight:500}.company-description{font-size:.9375rem;color:#4b5563;line-height:1.6;margin:0 0 .75rem;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.company-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:0}.tag{padding:.375rem .75rem;background:#f3f4f6;border-radius:8px;font-size:.8125rem;color:#3182f6;font-weight:600}@media(max-width:768px){.company-card{padding:1.125rem 1rem}.company-card-content{gap:1rem}.company-logo{width:80px;height:80px}.company-logo-placeholder{font-size:1.625rem}.company-name{font-size:1rem}.company-description{font-size:.875rem}}@media(max-width:480px){.company-card{padding:1rem}.company-card-content{gap:.875rem}.company-logo{width:70px;height:70px}.company-logo-placeholder{font-size:1.375rem}.company-rating{margin-left:0}.company-name{font-size:.9375rem}.company-description{font-size:.8125rem}.tag{padding:.3rem .625rem;font-size:.75rem}.program-count{font-size:.75rem;padding:.2rem .5rem}}.company-card{animation:fadeInUp .4s ease-out backwards}.business-application-status{min-height:100vh;background:#f8f9fa}.business-status-content{padding:2rem 1rem;min-height:calc(100vh - 72px)}.business-status-container{max-width:900px;margin:0 auto}.tab-navigation{display:flex;gap:.5rem;margin-bottom:2rem;background:#1a1a1a;padding:.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.tab-button{flex:1;padding:.875rem 1.5rem;background:transparent;border:none;border-radius:8px;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;position:relative}.tab-button:hover{background:#ffffff1a;color:#fff}.tab-button.active{background:#fff;color:#1a1a1a;box-shadow:0 2px 4px #0000001a}.tab-button.active:hover{background:#f5f5f5;color:#1a1a1a}.business-intro-section{background:#fff;border-radius:16px;padding:3rem 2.5rem;margin-bottom:3rem;box-shadow:0 4px 20px #00000014}.business-intro-header{text-align:center;margin-bottom:3rem}.business-intro-title{font-size:2.25rem;font-weight:800;margin-bottom:1rem;color:#1a1a1a;letter-spacing:-.02em}.business-intro-subtitle{font-size:1.1rem;color:#666;line-height:1.6}.business-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.benefit-item{display:flex;gap:1.25rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.benefit-item:hover{background:#f0f2f5;transform:translateY(-2px)}.benefit-icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.benefit-icon svg{color:#1a1a1a}.benefit-text h3{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.benefit-text p{font-size:.95rem;color:#666;line-height:1.5}.btn-apply-business{width:100%;padding:1.25rem 2rem;background:#1a1a1a;color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.btn-apply-business:hover{background:#2d2d2d;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.btn-apply-business:active{transform:translateY(0)}.loading-container{background:#fff;border-radius:12px;padding:4rem 2rem;text-align:center;box-shadow:0 2px 8px #0000000d;border:1px solid #e9ecef}.spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:#3182f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-container p{color:#666;font-size:1rem}.error-container{background:#fff;border-radius:12px;padding:4rem 2rem;text-align:center;box-shadow:0 2px 8px #0000000d;border:1px solid #e9ecef}.error-container svg{color:#f44336;margin-bottom:1.5rem}.error-container h3{font-size:1.5rem;color:#333;margin-bottom:.5rem}.error-container p{color:#666;margin-bottom:2rem}.status-section-header{margin-bottom:1.5rem;padding:0 .25rem}.status-section-title{font-size:1.5rem;font-weight:700;color:#333;text-align:left}.empty-container{background:#fff;border-radius:12px;padding:3rem 2rem;text-align:center;box-shadow:0 2px 8px #0000000d;border:1px solid #e9ecef}.empty-container svg{color:#d0d0d0;margin-bottom:1rem}.empty-container h3{font-size:1.25rem;color:#333;margin-bottom:.5rem}.empty-container p{color:#666;font-size:.95rem}.applications-list{display:flex;flex-direction:column;gap:1.5rem}.application-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000d;border:1px solid #e9ecef;transition:all .2s ease}.application-card:hover{box-shadow:0 4px 12px #00000014}.application-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e0e0e0}.application-info{flex:1}.application-company{font-size:1.25rem;font-weight:700;color:#333;margin-bottom:.5rem}.application-number{font-size:.9rem;color:#666}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;white-space:nowrap}.status-pending{background:#fff3cd;color:#856404}.status-approved{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}.status-unknown{background:#e2e3e5;color:#383d41}.application-details{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.detail-label{font-size:.9rem;color:#666;font-weight:500}.detail-value{font-size:.95rem;color:#333;font-weight:600;text-align:right}.reject-reason{margin-top:1.5rem;padding:1rem;background:#fff5f5;border-left:4px solid #f44336;border-radius:8px;font-size:.9rem;color:#721c24;line-height:1.5}.reject-reason strong{display:block;margin-bottom:.5rem}.approved-section{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.approved-message{padding:1rem;background:#f0f9ff;border-left:4px solid #10b981;border-radius:8px;display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#155724;line-height:1.5}.approved-message svg{flex-shrink:0;color:#10b981}.btn-register-company{padding:.875rem 1.5rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start}.btn-register-company:hover{background:#059669}.info-section{background:#fff;border-radius:12px;padding:2rem;margin-top:2rem;box-shadow:0 2px 8px #0000000d;border:1px solid #e9ecef}.info-title{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:1rem}.info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.info-list li{padding-left:1.5rem;position:relative;color:#666;font-size:.9rem;line-height:1.5}.info-list li:before{content:"•";position:absolute;left:.5rem;color:#3182f6;font-weight:700}.my-companies-section{background:#fff;border-radius:16px;padding:2.5rem;margin-bottom:3rem;box-shadow:0 4px 20px #00000014}.my-companies-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f1f3f5}.my-companies-title{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.my-companies-subtitle{font-size:.95rem;color:#666;margin:0}.my-companies-list{display:flex;flex-direction:column;gap:1rem}.my-companies-list .company-item{animation:fadeInUp .4s ease-out}.btn-primary{padding:.875rem 2rem;background:#3182f6;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:#2563eb}.btn-secondary{padding:.875rem 2rem;background:#fff;color:#3182f6;border:2px solid #3182f6;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#3182f6;color:#fff}@media(max-width:768px){.business-status-content{padding:1.5rem 1rem}.tab-navigation{padding:.375rem;gap:.25rem}.tab-button{padding:.75rem 1rem;font-size:.9rem}.business-intro-section{padding:2rem 1.5rem}.business-intro-title{font-size:1.75rem}.business-intro-subtitle{font-size:1rem}.business-benefits{grid-template-columns:1fr;gap:1.5rem}.benefit-item{padding:1.25rem}.benefit-icon{width:48px;height:48px}.benefit-icon svg{width:28px;height:28px}.benefit-text h3{font-size:1rem}.benefit-text p{font-size:.9rem}.my-companies-section{padding:1.5rem}.my-companies-title{font-size:1.5rem}.btn-apply-business{padding:1.125rem 1.75rem;font-size:1rem}.status-section-title{font-size:1.25rem}.application-card{padding:1.5rem}.application-header{flex-direction:column;align-items:flex-start}.status-badge{align-self:flex-start}.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-value{text-align:left}.btn-register-company{width:100%}}@media(max-width:480px){.business-status-content{padding:1rem .75rem}.business-intro-section{padding:1.5rem 1.25rem}.business-intro-title{font-size:1.5rem}.business-intro-subtitle{font-size:.95rem}.business-benefits{gap:1.25rem;margin-bottom:2rem}.benefit-item{padding:1rem;gap:1rem}.benefit-icon{width:44px;height:44px}.benefit-icon svg{width:24px;height:24px}.benefit-text h3{font-size:.95rem}.benefit-text p{font-size:.85rem}.btn-apply-business{padding:1rem 1.5rem;font-size:.95rem}.status-section-title{font-size:1.1rem}.application-card{padding:1.25rem}.application-company{font-size:1.1rem}.btn-primary,.btn-secondary{width:100%;padding:.75rem 1.5rem}}.company-home{min-height:100vh;background:#fff}.company-home-content{max-width:1200px;margin:0 auto;padding:2rem 1rem}.company-container{display:flex;flex-direction:column;gap:2rem}.ad-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;height:250px;padding:2rem;margin-bottom:-1rem;position:relative;overflow:hidden;display:flex;align-items:center}.ad-banner:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="80" r="2" fill="rgba(255,255,255,0.1)"/></svg>');opacity:.3}.ad-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.ad-text{flex:1}.ad-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 .5rem}.ad-subtitle{font-size:1rem;color:#ffffffe6;margin:0}.ad-badge{background:#fff3;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.categories-section{background:transparent;padding:0}.section-title{font-size:1.25rem;font-weight:700;color:#212529;margin:0 0 1.25rem}.main-category-tabs{display:flex;gap:.75rem;margin-bottom:2rem;padding:.5rem;border-radius:16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.main-category-tabs::-webkit-scrollbar{display:none}.main-category-tab{flex:1;min-width:140px;padding:1rem 1.5rem;background:#f8f9fa;border:2px solid transparent;border-radius:12px;font-size:.95rem;font-weight:700;color:#868e96;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden}.main-category-tab:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3182f61a,#764ba21a);opacity:0;transition:opacity .3s ease}.main-category-tab:hover{color:#495057;background:#fff;border-color:#e9ecef;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.main-category-tab:hover:before{opacity:1}.main-category-tab.active{background:#1a1a1a;color:#fff;border-color:transparent;box-shadow:0 4px 12px #00000026;transform:translateY(-3px)}.main-category-tab.active:before{opacity:0}.category-description{margin-bottom:2rem;padding:0 .5rem;animation:fadeIn .4s ease-out}.category-description p{font-size:.95rem;line-height:1.6;color:#6c757d;margin:0;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.no-categories{grid-column:1 / -1;text-align:center;padding:3rem 1rem}.no-categories p{font-size:1rem;color:#868e96;margin:0}.category-card{background:transparent;border:none;padding:.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease}.category-card:hover{transform:translateY(-4px)}.category-card:active{transform:translateY(-2px)}.category-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--category-bg-color);border-radius:50%;font-size:1.75rem;transition:all .3s ease;box-shadow:0 2px 8px #00000014}.category-card:hover .category-icon{transform:scale(1.15);box-shadow:0 4px 16px #0000001f}.category-name{font-size:.8rem;font-weight:600;color:#495057;margin:0;text-align:center}.search-section{background:transparent;padding:2rem 0;border-top:1px solid #f1f3f5;border-bottom:1px solid #f1f3f5}.company-search-form{display:flex;justify-content:center}.search-container{display:flex;align-items:center;gap:0;max-width:700px;width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s ease}.search-container:focus-within{border-color:#1a1a1a;box-shadow:0 0 0 1px #1a1a1a}.search-type-select{padding:.75rem 2.5rem .75rem 1rem;border:none;background:#fff;font-size:.9rem;font-weight:500;color:#374151;cursor:pointer;outline:none;border-right:1px solid #e5e7eb;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;min-width:110px;transition:background-color .2s ease}.search-input-wrapper:before{content:"";display:block;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='8' stroke='%239ca3af' stroke-width='2'/%3E%3Cpath d='m21 21-4.35-4.35' stroke='%239ca3af' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;flex-shrink:0}.search-submit-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#1a1a1a;border:none;border-radius:0;color:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-right:0}.search-submit-btn:hover{background:#2d2d2d}.search-submit-btn:active{transform:scale(.98)}.search-submit-btn svg{width:20px;height:20px}@media(max-width:1024px){.categories-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.875rem}}@media(max-width:768px){.company-home-content{padding:1.5rem 1rem}.ad-banner{height:250px;padding:1.5rem;border-radius:16px}.ad-title{font-size:1.375rem}.ad-subtitle{font-size:.875rem}.categories-section{padding:0}.search-section{padding:1.5rem 0}.search-container{max-width:100%}.search-type-select{padding:.7rem 2.25rem .7rem .9rem;font-size:.875rem;min-width:100px}.search-input{padding:.7rem 0 .7rem 1.25rem;font-size:.875rem}.search-submit-btn{width:40px;height:40px}.search-submit-btn svg{width:18px;height:18px}.main-category-tabs{gap:.5rem;padding:.375rem;margin-bottom:1.5rem}.main-category-tab{min-width:110px;padding:.875rem 1rem;font-size:.85rem}.category-description{margin-bottom:1.5rem;padding:0 .25rem}.category-description p{font-size:.875rem}.categories-grid{grid-template-columns:repeat(4,1fr);gap:.75rem}.category-card{padding:.5rem}.category-icon{width:56px;height:56px;font-size:1.75rem}.category-name{font-size:.8rem}}@media(max-width:480px){.company-home-content{padding:1rem .75rem}.ad-banner{height:250px;padding:1.25rem;border-radius:12px}.ad-title{font-size:1.125rem}.ad-subtitle{font-size:.8rem}.ad-badge{padding:.375rem .75rem;font-size:.75rem}.categories-section{padding:0}.search-section{padding:1.25rem 0}.search-container{border-radius:8px}.search-type-select{padding:.625rem 2rem .625rem .875rem;font-size:.813rem;min-width:90px}.search-input{padding:.625rem 0 .625rem 1rem;font-size:.813rem}.search-submit-btn{width:36px;height:36px}.search-submit-btn svg{width:16px;height:16px}.section-title{font-size:1.125rem}.main-category-tabs{gap:.375rem;padding:.25rem;margin-bottom:1.25rem}.main-category-tab{min-width:90px;padding:.75rem .875rem;font-size:.75rem}.category-description{margin-bottom:1.25rem;padding:0 .125rem}.category-description p{font-size:.8rem;line-height:1.5}.categories-grid{grid-template-columns:repeat(4,1fr);gap:.625rem}.category-card{padding:.375rem}.category-icon{width:52px;height:52px;font-size:1.625rem}.category-name{font-size:.75rem}}.category-card{animation:fadeInUp .4s ease-out}.category-card:nth-child(1){animation-delay:.05s}.category-card:nth-child(2){animation-delay:.1s}.category-card:nth-child(3){animation-delay:.15s}.category-card:nth-child(4){animation-delay:.2s}.category-card:nth-child(5){animation-delay:.25s}.category-card:nth-child(6){animation-delay:.3s}.category-card:nth-child(7){animation-delay:.35s}.category-card:nth-child(8){animation-delay:.4s}.category-card:nth-child(9){animation-delay:.45s}.category-card:nth-child(10){animation-delay:.5s}.category-card:nth-child(11){animation-delay:.55s}.category-card:nth-child(12){animation-delay:.6s}.company-list{min-height:100vh;background:#fff}.company-list-content{max-width:100%;margin:0 auto;padding:0}.company-list-container{display:flex;flex-direction:column;gap:0}.page-header{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-bottom:1px solid #f1f3f5}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:none;border-radius:12px;color:#333;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #00000014}.back-button:hover{background:#f8f9fa;box-shadow:0 2px 6px #0000001f}.back-button:active{transform:scale(.95)}.page-title{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0 0 .25rem;line-height:1.3}.search-result-count{font-size:.875rem;color:#868e96;margin:0;font-weight:500}.filter-section{padding:1rem;background:#fff;border-bottom:1px solid #f1f3f5}.filter-chips{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:0}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{padding:.625rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:20px;font-size:.875rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.filter-chip:hover{border-color:#d1d5db;background:#f9fafb}.filter-chip.active{background:#3182f6;color:#fff;border-color:#3182f6}.companies-list{display:flex;flex-direction:column;gap:0;min-height:50vh}.company-item{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.loading-container p{font-size:.938rem;color:#868e96;margin:0}.loading-spinner{width:40px;height:40px;border:4px solid #f1f3f5;border-top-color:#3182f6;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner.small{width:24px;height:24px;border-width:3px}.scroll-trigger{padding:2rem 0;display:flex;justify-content:center}.loading-more{display:flex;flex-direction:column;align-items:center;gap:.75rem}.loading-more p{font-size:.875rem;color:#868e96;margin:0}.empty-list{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;gap:1.5rem;background:transparent}.empty-list p{font-size:1rem;color:#868e96;margin:0}.back-to-home-btn{padding:.75rem 1.5rem;background:#3182f6;color:#fff;border:none;border-radius:8px;font-size:.938rem;font-weight:600;cursor:pointer;transition:all .2s ease}.back-to-home-btn:hover{background:#2270e5;transform:translateY(-1px);box-shadow:0 4px 12px #3182f64d}.back-to-home-btn:active{transform:translateY(0)}.end-of-list{display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center;border-top:1px solid #e9ecef;background:#fff}.end-of-list p{font-size:.875rem;color:#adb5bd;margin:0}@media(max-width:768px){.page-header{padding:1rem}.page-title{font-size:1.5rem}.filter-section{padding:.875rem 1rem}}@media(max-width:480px){.page-header{padding:.875rem 1rem}.back-button{width:36px;height:36px}.page-title{font-size:1.375rem}.filter-section{padding:.75rem 1rem}.filter-chip{padding:.5rem .875rem;font-size:.8125rem}}.company-detail{min-height:100vh;background:#fafbfc}.company-detail-content{max-width:100%;margin:0 auto;padding-bottom:3rem}.company-info-section{padding:3rem 1.5rem;background:#fff;margin-bottom:.5rem;margin-top:0}.company-logo-large{width:110px;height:110px;border-radius:22px;overflow:hidden;margin-bottom:2rem;box-shadow:0 4px 24px #00000014,0 0 0 1px #0000000a;background:#fff}.company-logo-large img{width:100%;height:100%;object-fit:cover}.logo-placeholder-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);font-size:2.75rem;font-weight:800;color:#fff;text-transform:uppercase}.company-main-info{display:flex;flex-direction:column;gap:1.5rem}.company-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.company-title{font-size:2rem;font-weight:800;color:#111827;margin:0;display:flex;align-items:center;gap:.625rem;line-height:1.2;letter-spacing:-.025em;flex:1}.verified-badge-large{display:inline-flex;flex-shrink:0}.company-fields{display:flex;flex-wrap:wrap;gap:.5rem}.field-tag{padding:.5rem 1rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;border-radius:20px;font-size:.8125rem;font-weight:700;border:1px solid #bfdbfe;transition:all .2s ease;letter-spacing:-.01em}.company-info-card{background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #e5e7eb;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;gap:1.25rem}.company-description{font-size:.9375rem;line-height:1.65;color:#374151;margin:0;white-space:pre-wrap}.contact-details{display:flex;flex-direction:column;gap:.75rem}.contact-item{display:flex;align-items:center;gap:.875rem;font-size:.9375rem;color:#1f2937;padding:.875rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px;transition:all .2s ease}.contact-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.contact-item svg{flex-shrink:0;color:#6b7280}.contact-item span{word-break:break-word}.contact-button{width:100%;height:52px;display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:0 1.5rem;background:#111827;color:#fff;border:none;border-radius:13px;font-size:.9375rem;font-weight:700;letter-spacing:-.01em;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #11182726}.contact-button:hover{background:#1f2937;transform:translateY(-1px);box-shadow:0 4px 16px #11182733}.contact-button:active{transform:translateY(0);box-shadow:0 2px 8px #11182726}.contact-button svg{flex-shrink:0}.edit-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:#111827;color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #11182726;flex-shrink:0}.edit-button:hover{background:#1f2937;transform:translateY(-1px);box-shadow:0 4px 12px #11182733}.edit-button:active{transform:translateY(0);box-shadow:0 2px 8px #11182726}.edit-button svg{flex-shrink:0}.staff-section,.item-section{padding:2.5rem 1.5rem;background:#fff;margin-bottom:.5rem}.more-button{font-size:.875rem;font-weight:600;color:#6b7280;background:transparent;border:none;cursor:pointer;transition:all .2s ease;padding:0}.more-button:hover{color:#111827}.empty-text{text-align:center;padding:3rem 1rem;color:#9ca3af;font-size:.9375rem;font-weight:500;margin:0}.filmography-section{padding:3rem 0;background:linear-gradient(180deg,#fff,#f9fafb);margin-bottom:.5rem;overflow:hidden;position:relative}.filmography-section-header{padding:0 1.5rem;margin-bottom:2rem}.filmography-section-title{font-size:1.5rem;font-weight:800;color:#111827;margin:0;letter-spacing:-.025em}.filmography-slider-container{position:relative;display:flex;align-items:center;padding:0 3rem}.filmography-nav-button{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a;color:#111827}.filmography-nav-button:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 12px #00000026;transform:translateY(-50%) scale(1.05)}.filmography-nav-button:active{transform:translateY(-50%) scale(.95)}.filmography-nav-left{left:1rem}.filmography-nav-right{right:1rem}.filmography-slider{flex:1;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:1rem 0}.filmography-slider::-webkit-scrollbar{display:none}.filmography-slider-track{display:flex;gap:1.5rem;padding:0 1rem}.filmography-slide{flex:0 0 200px}.company-detail .work-card{display:flex;flex-direction:column;height:auto}.company-detail .work-poster{width:100%;height:auto;aspect-ratio:2/3}.company-detail .work-info{padding:16px;display:flex;flex-direction:column;justify-content:flex-start}.company-detail .work-title{font-size:1rem;margin-bottom:10px}.company-detail .work-role,.company-detail .work-period{font-size:.85rem;gap:6px;margin-bottom:6px}.company-detail .work-role svg,.company-detail .work-period svg{width:14px;height:14px}.company-detail .work-overlay svg{width:40px;height:40px}@media(max-width:768px){.company-info-section{padding:2.5rem 1.25rem}.company-title{font-size:1.75rem}.edit-button{padding:.5rem .875rem;font-size:.8125rem}.edit-button svg{width:14px;height:14px}.staff-section,.item-section{padding:2rem 1.25rem}.section-title{font-size:1.25rem}.filmography-section{padding:2.5rem 0}.filmography-section-header{padding:0 1.25rem;margin-bottom:1.5rem}.filmography-section-title{font-size:1.25rem}.filmography-slider-container{padding:0 2.5rem}.filmography-nav-button{width:40px;height:40px}.filmography-nav-left{left:.5rem}.filmography-nav-right{right:.5rem}.filmography-slide{flex:0 0 180px}.company-detail .work-title{font-size:.95rem}.company-detail .work-role,.company-detail .work-period{font-size:.8rem}}@media(max-width:480px){.company-info-section{padding:2rem 1rem}.company-logo-large{width:96px;height:96px}.logo-placeholder-large{font-size:2.25rem}.company-title{font-size:1.625rem}.company-title-row{flex-direction:column;align-items:flex-start;gap:.75rem}.edit-button{width:100%;padding:.625rem 1rem}.tab-navigation{padding:0 1rem}.tab-button{font-size:.875rem}.staff-section,.item-section{padding:1.75rem 1rem}.staff-card,.item-card{padding:1rem}.staff-avatar{width:80px;height:80px}.avatar-placeholder{font-size:1.625rem}.item-image{width:80px;height:80px}.staff-name,.item-name{font-size:1rem}.item-price{font-size:.875rem}.filmography-section{padding:2rem 0}.filmography-section-header{padding:0 1rem;margin-bottom:1.25rem}.filmography-section-title{font-size:1.125rem}.filmography-slider-container{padding:0 2rem}.filmography-nav-button{width:36px;height:36px}.filmography-nav-button svg{width:20px;height:20px}.filmography-nav-left{left:.25rem}.filmography-nav-right{right:.25rem}.filmography-slide{flex:0 0 160px}.filmography-slider-track{gap:1rem;padding:0 .5rem}.company-detail .work-info{padding:14px}.company-detail .work-title{font-size:.9rem;margin-bottom:8px}.company-detail .work-role,.company-detail .work-period{font-size:.75rem;gap:5px;margin-bottom:5px}.company-detail .work-role svg,.company-detail .work-period svg{width:12px;height:12px}.company-detail .work-overlay svg{width:32px;height:32px}}.company-manage{min-height:100vh;background:#fff}.manage-content{max-width:1200px;margin:0 auto;padding:20px}.manage-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding:24px 0}.back-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:12px;color:#6b7280;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000014}.back-button:hover{background:#f3f4f6;color:#3182f6;transform:translate(-2px)}.manage-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0;letter-spacing:-.5px}.logo-section{margin-bottom:32px;padding:24px;background:#f9fafb;border-radius:16px;display:flex;flex-direction:column;gap:16px}.logo-section h3{margin:0;font-size:1.1rem;font-weight:700;color:#1f2937}.logo-description{font-size:.9rem;color:#6b7280}.logo-preview{width:180px;height:180px;border-radius:16px;overflow:hidden;border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;background:#fff}.logo-preview img{width:100%;height:100%;object-fit:cover}.logo-placeholder{font-size:.875rem;color:#9ca3af;text-align:center;padding:0 12px}.logo-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.logo-file-input{display:none}.logo-helper-text{font-size:.8rem;color:#9ca3af}.staff-modal-overlay{position:fixed;inset:0;background:#111827b3;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:staffModalFadeIn .25s ease}@keyframes staffModalFadeIn{0%{opacity:0}to{opacity:1}}.staff-modal{width:100%;max-width:720px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #0f172a2e;animation:staffModalSlideUp .25s ease}@keyframes staffModalSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.staff-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #e5e7eb}.staff-modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#111827;letter-spacing:-.03em}.staff-modal-close{width:40px;height:40px;border:none;background:#1118270d;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.staff-modal-close:hover{background:#1118271a;color:#111827}.staff-modal-form{display:flex;flex-direction:column;gap:24px}.staff-modal-body{display:flex;gap:32px;padding:28px;flex-wrap:wrap}.staff-modal-fields{flex:1;min-width:240px;display:flex;flex-direction:column;gap:20px}.staff-form-group{display:flex;flex-direction:column;gap:10px}.staff-form-group label{font-size:.95rem;font-weight:600;color:#1f2937}.staff-form-group input,.staff-form-group textarea{width:100%;padding:14px 16px;border:1.5px solid #d1d5db;border-radius:12px;font-size:.95rem;transition:all .2s ease;background:#f9fafb;font-family:inherit}.staff-form-group input:focus,.staff-form-group textarea:focus{outline:none;border-color:#111827;background:#fff;box-shadow:0 0 0 4px #1118271a}.staff-form-error{margin:0;font-size:.85rem;color:#f87171}.staff-modal-image{width:220px;display:flex;flex-direction:column;gap:16px}.staff-image-preview{width:100%;padding-top:100%;position:relative;border-radius:16px;border:2px dashed #d1d5db;background:#f9fafb;overflow:hidden}.staff-image-preview img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.staff-image-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#94a3b8;font-size:.9rem}.staff-image-actions{display:flex;align-items:center;gap:12px}.staff-image-input{display:none}.staff-image-remove{border:none;background:transparent;color:#ef4444;font-size:.85rem;font-weight:600;cursor:pointer;padding:0}.staff-image-remove:hover{text-decoration:underline}.staff-image-helper{font-size:.8rem;color:#9ca3af}.staff-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:0 28px 28px}.staff-modal-actions .btn-dark{min-width:120px}.staff-modal-actions .staff-modal-cancel{background:#374151;border-color:#374151}.staff-modal-actions .staff-modal-cancel:hover{background:#111827;border-color:#111827}@media(max-width:768px){.staff-modal{border-radius:20px}.staff-modal-body{flex-direction:column;gap:24px}.staff-modal-image{width:100%}.staff-image-preview{padding-top:56.25%}.staff-modal-actions{flex-direction:column}.staff-modal-actions .btn-dark{width:100%}}.item-modal-overlay{position:fixed;inset:0;background:#111827b3;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:itemModalFadeIn .25s ease}@keyframes itemModalFadeIn{0%{opacity:0}to{opacity:1}}.item-modal{width:100%;max-width:800px;max-height:90vh;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #0f172a2e;animation:itemModalSlideUp .25s ease;display:flex;flex-direction:column}@keyframes itemModalSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.item-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.item-modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#111827;letter-spacing:-.03em}.item-modal-close{width:40px;height:40px;border:none;background:#1118270d;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.item-modal-close:hover{background:#1118271a;color:#111827}.item-modal-form{display:flex;flex-direction:column;flex:1;overflow:hidden}.item-modal-body{padding:28px;overflow-y:auto;flex:1}.item-modal-fields{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.item-form-group{display:flex;flex-direction:column;gap:10px}.item-form-group label{font-size:.95rem;font-weight:600;color:#1f2937}.item-form-group input,.item-form-group textarea{width:100%;padding:14px 16px;border:1.5px solid #d1d5db;border-radius:12px;font-size:.95rem;transition:all .2s ease;background:#f9fafb;font-family:inherit;box-sizing:border-box}.item-form-group input:focus,.item-form-group textarea:focus{outline:none;border-color:#111827;background:#fff;box-shadow:0 0 0 4px #1118271a}.item-form-error{margin:0;font-size:.85rem;color:#f87171}.item-modal-images{display:flex;flex-direction:column;gap:16px}.item-images-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.item-images-header label{font-size:.95rem;font-weight:600;color:#1f2937}.item-image-upload{padding:10px 20px;font-size:.9rem;white-space:nowrap}.item-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}.item-image-item{position:relative;width:100%;padding-top:100%;border-radius:12px;overflow:hidden;border:2px solid #e5e7eb;background:#f9fafb}.item-image-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.item-image-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border:none;background:#0009;border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.item-image-remove:hover{background:#000c}.item-image-input{display:none}.item-image-helper{font-size:.8rem;color:#9ca3af;margin-top:4px}.item-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid #e5e7eb;flex-shrink:0}.item-modal-actions .btn-dark{min-width:120px}.item-modal-actions .item-modal-cancel{background:#374151;border-color:#374151}.item-modal-actions .item-modal-cancel:hover{background:#111827;border-color:#111827}@media(max-width:768px){.item-modal{border-radius:20px;max-height:95vh}.item-modal-header,.item-modal-body{padding:20px}.item-images-header{flex-direction:column;align-items:flex-start}.item-image-upload{width:100%}.item-images-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.item-modal-actions{flex-direction:column;padding:16px 20px}.item-modal-actions .btn-dark{width:100%}}@media(max-width:768px){.logo-section{padding:0;background:transparent;border-radius:0}.logo-preview{width:140px;height:140px}}.manage-tabs{display:flex;gap:12px;margin-bottom:32px;background:#fff;padding:8px;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow-x:auto}@media(max-width:768px){.manage-tabs{background:transparent;box-shadow:none;padding:0;margin-bottom:24px}}.manage-tab{flex:1;min-width:140px;padding:14px 20px;background:transparent;border:none;border-radius:10px;font-size:.95rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.manage-tab:hover{background:#f3f4f6;color:#111827}.manage-tab.active{background:#111827;color:#fff;box-shadow:0 4px 12px #1118274d}.manage-tab svg{flex-shrink:0}.manage-tab-content{background:#fff;border-radius:20px;box-shadow:0 2px 12px #00000014;overflow:hidden}@media(max-width:768px){.manage-tab-content{background:transparent;border-radius:0;box-shadow:none}}.tab-panel{padding:32px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #f3f4f6}.panel-header h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 8px;letter-spacing:-.5px}.panel-header p{font-size:.95rem;color:#6b7280;margin:0}.btn-add{padding:12px 24px;background:#111827;color:#fff;border:1px solid #111827;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;box-shadow:none}.btn-add:hover{transform:translateY(-2px);background:#000;border-color:#000}.btn-add:active{transform:translateY(0)}.info-form{display:flex;flex-direction:column;gap:32px}.form-section{padding:24px;background:#f9fafb;border-radius:16px}@media(max-width:768px){.form-section{padding:0;background:transparent;border-radius:0}}.form-section h3{font-size:1.1rem;font-weight:700;color:#1f2937;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.9rem;font-weight:600;color:#374151;margin-bottom:8px}.form-group input[type=text],.form-group input[type=tel],.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;color:#1f2937;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3182f6;box-shadow:0 0 0 4px #3182f61a}.address-clickable{cursor:pointer;background-color:#f8f9fa;transition:all .2s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23868e96' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:18px;padding-right:3rem}.address-clickable:hover{background-color:#e7f3ff;border-color:#3182f6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%233182f6' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E")}.address-clickable:focus{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%233182f6' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E")}.form-group textarea{resize:vertical;min-height:100px}.form-group small{display:block;font-size:.85rem;color:#6b7280;margin-top:6px}.image-upload-area{display:flex;flex-direction:column;gap:12px}.current-image{width:120px;height:120px;border-radius:12px;overflow:hidden;border:2px solid #e5e7eb}.current-image img{width:100%;height:100%;object-fit:cover}.form-group input[type=file]{font-size:.9rem;padding:10px;border:2px dashed #d1d5db;border-radius:10px;cursor:pointer}.form-group input[type=file]:hover{border-color:#3182f6;background:#f9fafb}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:2px solid #f3f4f6}.btn-cancel,.btn-submit{padding:14px 32px;border:1px solid #111827;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-cancel{background:#111827;color:#fff}.btn-cancel:hover{background:#000;border-color:#000}.btn-submit{background:#111827;color:#fff;box-shadow:none}.btn-submit:hover{transform:translateY(-2px);background:#000;border-color:#000}.btn-submit:active{transform:translateY(0)}.manage-list{display:flex;flex-direction:column;gap:16px}.manage-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f9fafb;border-radius:16px;transition:all .2s ease;border:2px solid transparent}.manage-item:hover{background:#fff;border-color:#e5e7eb;box-shadow:0 4px 12px #00000014}.item-info{display:flex;gap:16px;flex:1}.item-avatar,.item-thumbnail{flex-shrink:0;width:64px;height:64px;border-radius:12px;overflow:hidden;background:#fff;border:2px solid #e5e7eb}.item-avatar img,.item-thumbnail img{width:100%;height:100%;object-fit:cover}.avatar-placeholder,.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.5rem;font-weight:700}.thumbnail-placeholder{background:#f3f4f6;color:#9ca3af}.item-details{flex:1;min-width:0}.item-details h4{font-size:1.1rem;font-weight:700;color:#1f2937;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-subtitle,.item-price{font-size:.95rem;font-weight:600;color:#3182f6;margin:0 0 4px}.item-description{font-size:.9rem;color:#6b7280;margin:0;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.item-actions{display:flex;gap:8px;flex-shrink:0}.btn-action{padding:10px 16px;border:1px solid #111827;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;white-space:nowrap;background:#111827;color:#fff;box-shadow:none}.btn-action.edit{background:#111827;color:#fff}.btn-action.edit:hover{background:#000;color:#fff;transform:translateY(-2px);box-shadow:none}.btn-action.delete{background:#111827;color:#fff}.btn-action.delete:hover{background:#000;color:#fff;transform:translateY(-2px);box-shadow:none}.btn-dark{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#111827;color:#fff;border:1px solid #111827;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-dark:hover{background:#000;border-color:#000}.btn-dark:disabled{opacity:.6;cursor:not-allowed}.empty-state{text-align:center;padding:80px 20px;color:#9ca3af}.empty-state svg{margin-bottom:20px;opacity:.5}.empty-state h3{font-size:1.2rem;font-weight:700;color:#6b7280;margin:0 0 8px}.empty-state p{font-size:1rem;color:#9ca3af;margin:0}@media(max-width:768px){.manage-content{padding:16px}.manage-header{margin-bottom:24px;padding:16px 0}.manage-title{font-size:1.4rem}.manage-tabs{padding:6px;gap:8px}.manage-tab{min-width:120px;padding:12px 16px;font-size:.9rem}.tab-panel{padding:24px}.panel-header{flex-direction:column;align-items:flex-start;gap:16px}.panel-header h2{font-size:1.3rem}.btn-add{width:100%;justify-content:center}.form-section{padding:0}.info-form{gap:24px}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}.manage-item{flex-direction:column;align-items:flex-start;gap:16px}.item-actions{width:100%;justify-content:stretch}.btn-action{flex:1;justify-content:center}}@media(max-width:480px){.manage-header{gap:12px}.back-button{width:36px;height:36px}.manage-title{font-size:1.2rem}.manage-tab{padding:10px 12px;font-size:.85rem}.manage-tab svg{width:16px;height:16px}.tab-panel{padding:20px}.panel-header h2{font-size:1.1rem}.form-section{padding:16px}.item-details h4{font-size:1rem}.item-subtitle,.item-price,.item-description{font-size:.85rem}.btn-action{font-size:.85rem;padding:8px 12px}.btn-action svg{width:16px;height:16px}}.register-company{min-height:100vh;background:#fff}.register-company-content{padding:3rem 1rem 4rem;max-width:800px;margin:0 auto}.register-company-container{background:#fff}.register-company-header{margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #f1f3f5}.register-company-title{font-size:2rem;font-weight:700;color:#333;margin-bottom:.5rem}.register-company-description{font-size:.95rem;color:#868e96;line-height:1.5}.register-company-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.9rem;font-weight:600;color:#495057;display:flex;align-items:center;gap:.25rem}.required{color:#ff6b6b;margin-left:.125rem;font-size:.85rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;font-size:.95rem;border:1.5px solid #dee2e6;border-radius:8px;transition:all .2s;background-color:#f8f9fa;color:#333;font-family:inherit}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#adb5bd;background-color:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3182f6;background-color:#fff;box-shadow:0 0 0 3px #3182f61a}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ff6b6b;background-color:#fff5f5}.form-input::placeholder,.form-textarea::placeholder{color:#adb5bd}.form-textarea{resize:vertical;min-height:120px;line-height:1.6;font-size:.95rem}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23495057' d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px;padding-right:2.5rem}.error-message{font-size:.8rem;color:#ff6b6b;margin-top:-.25rem;display:flex;align-items:center;gap:.375rem}.error-message:before{content:"⚠";font-size:.875rem}.file-input-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.image-upload-area{position:relative;border:2px dashed #dee2e6;border-radius:12px;background:#f8f9fa;transition:all .3s ease;overflow:hidden}.image-upload-area:hover{border-color:#3182f6;background:#f0f7ff}.image-upload-area.dragging{border-color:#3182f6;background:#e7f3ff;transform:scale(1.01);box-shadow:0 4px 12px #3182f626}.image-upload-area.has-image{border:2px solid #dee2e6;background:#fff;padding:1.5rem}.image-upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;gap:1rem}.image-upload-icon{color:#868e96;margin-bottom:.5rem;transition:all .3s ease}.image-upload-area:hover .image-upload-icon{color:#3182f6;transform:scale(1.1)}.image-upload-text{display:flex;flex-direction:column;gap:.25rem}.image-upload-title{font-size:1rem;font-weight:600;color:#495057;margin:0}.image-upload-subtitle{font-size:.875rem;color:#868e96;margin:0}.image-upload-hint{font-size:.75rem;color:#adb5bd;margin:.5rem 0 0}.image-upload-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;background:#3182f6;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #3182f633;margin-top:.5rem}.image-upload-button:hover{background:#2563eb;box-shadow:0 4px 8px #3182f64d;transform:translateY(-1px)}.image-upload-button:active{transform:translateY(0);box-shadow:0 2px 4px #3182f633}.image-preview-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.image-preview-wrapper{position:relative;width:100%;max-width:400px;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#f8f9fa;border:2px solid #e9ecef;box-shadow:0 2px 8px #00000014}.image-preview{width:100%;height:100%;object-fit:cover;display:block}.image-remove-button{position:absolute;top:.75rem;right:.75rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-remove-button:hover{background:#ff4d4de6;transform:scale(1.1)}.image-remove-button:active{transform:scale(.95)}.image-file-name{font-size:.875rem;color:#495057;font-weight:500;margin:0;padding:.5rem 1rem;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.image-change-button{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.5rem;background:#fff;color:#3182f6;border:2px solid #3182f6;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.image-change-button:hover{background:#3182f6;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #3182f633}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1.5px solid #dee2e6}.checkbox-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s}.checkbox-item:hover{background:#e7f3ff}.checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:#3182f6}.checkbox-label{font-size:.9rem;color:#495057;-webkit-user-select:none;user-select:none}.category-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center}.category-item{display:flex;flex-direction:column;gap:.5rem}.category-arrow{display:flex;align-items:center;justify-content:center;color:#adb5bd;transition:all .2s}.category-arrow svg{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}.form-select.disabled{background-color:#e9ecef;cursor:not-allowed;opacity:.6}.form-select:disabled{background-color:#e9ecef;cursor:not-allowed;opacity:.6;color:#adb5bd}.form-input.address-clickable{cursor:pointer;background-color:#f8f9fa;transition:all .2s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23868e96' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:18px;padding-right:3rem}.form-input.address-clickable:hover{background-color:#e7f3ff;border-color:#3182f6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%233182f6' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E")}.form-input.address-clickable:focus{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%233182f6' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E")}.form-input:read-only{background-color:#f8f9fa;cursor:default}.form-input:read-only:hover{background-color:#f8f9fa}.form-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:2px solid #f1f3f5}.btn{flex:1;padding:.875rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.btn-secondary{background:#f1f3f5;color:#495057;border:1.5px solid #dee2e6}.btn-secondary:hover{background:#e9ecef;border-color:#adb5bd}.btn-primary{background:#3182f6;color:#fff;box-shadow:0 2px 4px #3182f633}.btn-primary:hover{background:#2563eb;box-shadow:0 4px 8px #3182f64d;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{transform:none;box-shadow:none}@media(max-width:768px){.register-company-content{padding:2rem 1rem 3rem}.register-company-header{margin-bottom:1.5rem;padding-bottom:1.5rem}.register-company-title{font-size:1.5rem}.register-company-description{font-size:.875rem}.register-company-form{gap:1.25rem}.category-grid{grid-template-columns:1fr;gap:.75rem}.category-arrow{padding:.5rem 0}.category-arrow svg{transform:rotate(90deg)}@keyframes pulse{0%,to{opacity:.5;transform:rotate(90deg) translateY(0)}50%{opacity:1;transform:rotate(90deg) translateY(4px)}}}@media(max-width:480px){.register-company-content{padding:1.5rem 1rem 2.5rem}.register-company-header{margin-bottom:1.25rem;padding-bottom:1.25rem}.register-company-title{font-size:1.375rem}.register-company-description{font-size:.85rem}.register-company-form{gap:1rem}.form-actions{flex-direction:column;margin-top:1.5rem;padding-top:1.5rem}.btn{width:100%}.checkbox-group{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.image-upload-content{padding:2rem 1.5rem}.image-upload-icon svg{width:40px;height:40px}.image-upload-title{font-size:.95rem}.image-upload-subtitle{font-size:.8rem}.image-preview-wrapper{max-width:100%}.image-upload-button,.image-change-button{width:100%;padding:.875rem 1.5rem}}.company-staff-list{min-height:100vh;background:#fafbfc}.company-staff-list-content{max-width:100%;margin:0 auto;padding-bottom:3rem}.staff-section{padding:2.5rem 1.5rem;background:#fff;margin-bottom:.5rem}.add-staff-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:#111827;color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .25s ease;letter-spacing:-.01em}.add-staff-button:hover{background:#1f2937;transform:translateY(-1px);box-shadow:0 4px 12px #11182733}.add-staff-button:active{transform:translateY(0);box-shadow:0 2px 8px #11182726}.add-staff-button svg{flex-shrink:0}.staff-list{display:flex;flex-direction:column;gap:1rem}.staff-card{display:flex;gap:1.25rem;padding:1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.staff-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,#f093fb,#f5576c);border-radius:14px 0 0 14px;opacity:0;transition:opacity .25s ease}.staff-card:hover:before{opacity:1}.staff-card:hover{border-color:#d1d5db;box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.staff-card:active{transform:translateY(0)}.staff-avatar{width:100px;height:100px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#f9fafb;border:1px solid #e5e7eb;transition:all .25s ease}.staff-card:hover .staff-avatar{transform:scale(1.03);box-shadow:0 4px 12px #0000001a}.staff-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f093fb,#f5576c);font-size:2rem;font-weight:800;color:#fff;text-transform:uppercase}.staff-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem;justify-content:center}.staff-name{font-size:1.0625rem;font-weight:900;color:#000;margin:0;line-height:1.3;letter-spacing:-.02em}.staff-position{font-size:.875rem;color:#000;font-weight:400;margin:0;line-height:1.4}.staff-explanation{font-size:.9375rem;color:#6b7280;margin:0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.staff-section{padding:2rem 1.25rem}.section-title{font-size:1.25rem}.add-staff-button{padding:.5rem .875rem;font-size:.8125rem}.add-staff-button svg{width:14px;height:14px}.tab-navigation{padding:0 1rem}.tab-button{font-size:.875rem}}@media(max-width:480px){.staff-section{padding:1.75rem 1rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.add-staff-button{width:100%;padding:.625rem 1rem}.staff-card{padding:1rem}.staff-avatar{width:80px;height:80px}.avatar-placeholder{font-size:1.625rem}.staff-name{font-size:1rem}.tab-button{padding:.875rem 0}}.company-item-list{min-height:100vh;background:#fafbfc}.company-item-list-content{max-width:100%;margin:0 auto;padding-bottom:3rem}.detail-header{padding:1.25rem 1.5rem;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e5e9ef;position:sticky;top:0;z-index:100;box-shadow:0 1px #00000005}.back-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid #e1e6ed;border-radius:12px;color:#1f2937;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.tab-navigation{display:flex;background:#fff;border-bottom:2px solid #e5e7eb;padding:0 1.5rem;margin-bottom:0;position:sticky;top:0;z-index:90;box-shadow:0 1px #00000005}.tab-button{flex:1;padding:1rem 0;background:transparent;border:none;font-size:.9375rem;font-weight:700;color:#6b7280;cursor:pointer;position:relative;transition:all .2s ease;letter-spacing:-.01em}.tab-button:hover,.tab-button.active{color:#111827}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#111827;border-radius:2px 2px 0 0}.item-section{padding:2.5rem 1.5rem;background:#fff;margin-bottom:.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-title{font-size:1.375rem;font-weight:800;color:#111827;margin:0;letter-spacing:-.025em}.add-item-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:#111827;color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .25s ease;letter-spacing:-.01em}.add-item-button:hover{background:#1f2937;transform:translateY(-1px);box-shadow:0 4px 12px #11182733}.add-item-button:active{transform:translateY(0);box-shadow:0 2px 8px #11182726}.add-item-button svg{flex-shrink:0}.item-list{display:flex;flex-direction:column;gap:1rem}.item-card{display:flex;gap:1.25rem;padding:1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.item-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:14px 0 0 14px;opacity:0;transition:opacity .25s ease}.item-card:hover:before{opacity:1}.item-card:hover{border-color:#d1d5db;box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.item-card:active{transform:translateY(0)}.item-image{width:100px;height:100px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#f9fafb;border:1px solid #e5e7eb;transition:all .25s ease}.item-card:hover .item-image{transform:scale(1.03);box-shadow:0 4px 12px #0000001a}.item-image img{width:100%;height:100%;object-fit:cover}.item-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f3f4f6}.item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.item-header{display:flex;align-items:center}.item-name{font-size:1.0625rem;font-weight:900;color:#000;margin:0;line-height:1.3;letter-spacing:-.02em}.item-price{font-size:.875rem;color:#000;font-weight:400;margin:0;line-height:1.4}.item-description{font-size:.9375rem;color:#6b7280;margin:0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state svg{margin-bottom:1.5rem}.empty-message{font-size:1rem;color:#6b7280;font-weight:500;margin:0}.load-more-container{display:flex;justify-content:center;padding-top:2rem}.load-more-button{padding:.875rem 2rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;font-size:.9375rem;font-weight:600;color:#374151;cursor:pointer;transition:all .25s ease;min-width:120px}.load-more-button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.load-more-button:active:not(:disabled){transform:translateY(0)}.load-more-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.item-section{padding:2rem 1.25rem}.section-title{font-size:1.25rem}.add-item-button{padding:.5rem .875rem;font-size:.8125rem}.add-item-button svg{width:14px;height:14px}.tab-navigation{padding:0 1rem}.tab-button{font-size:.875rem}}@media(max-width:480px){.item-section{padding:1.75rem 1rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.add-item-button{width:100%;padding:.625rem 1rem}.item-card{padding:1rem}.item-image{width:80px;height:80px}.item-name{font-size:1rem}.item-price{font-size:.875rem}.tab-button{padding:.875rem 0}}.add-staff{min-height:100vh;background:#fafbfc}.add-staff-content{max-width:800px;margin:0 auto;padding:2rem 1.5rem 4rem}.add-staff-header{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;padding-top:1rem}.add-staff-form{display:flex;flex-direction:column;gap:2rem}.image-upload-label{display:block;cursor:pointer}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:2px dashed #d1d5db;border-radius:12px;background:#f9fafb;transition:all .25s ease}.upload-placeholder:hover{border-color:#9ca3af;background:#f3f4f6}.upload-placeholder svg{color:#9ca3af;margin-bottom:1rem}.upload-text{font-size:1rem;font-weight:600;color:#374151;margin:0 0 .25rem}.upload-hint{font-size:.875rem;color:#9ca3af;margin:0}.image-preview-container{position:relative;width:100%;max-width:400px;margin:0 auto}.image-preview{width:100%;height:auto;max-height:400px;object-fit:cover;border-radius:12px;border:1px solid #e5e7eb}.image-remove-button{position:absolute;top:12px;right:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.image-remove-button:hover{background:#000c;transform:scale(1.05)}.form-textarea{resize:vertical;min-height:120px}.form-group .quill-editor-wrapper{border:1px solid #d1d5db;border-radius:10px;background:#fff;transition:none!important}.form-group .quill-editor-wrapper:focus-within{border-color:#111827;box-shadow:0 0 0 3px #1118271a;transition:none!important}.form-group .quill-editor-wrapper .ql-toolbar{border-bottom:1px solid #e5e7eb;padding:8px 12px;background:transparent;border-top-left-radius:10px;border-top-right-radius:10px}.form-group .quill-editor-wrapper .ql-container{font-size:.9375rem;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.form-group .quill-editor-wrapper .ql-editor{min-height:300px;padding:1rem;font-size:.9375rem}.submit-button:hover{background:#1f2937;transform:translateY(-1px);box-shadow:0 4px 12px #11182740}@media(max-width:768px){.add-staff-content{padding:1.5rem 1.25rem 3rem}.add-staff-header{margin-bottom:2rem}.page-title{font-size:1.5rem}.form-section{padding:1.5rem}.section-title{font-size:1.125rem}.upload-placeholder{padding:2.5rem 1.5rem}}@media(max-width:480px){.add-staff-content{padding:1.25rem 1rem 2.5rem}.page-title{font-size:1.375rem}.form-section{padding:1.25rem;border-radius:12px}.button-group{flex-direction:column-reverse;gap:.75rem}.cancel-button,.submit-button{width:100%;min-width:unset}.upload-placeholder{padding:2rem 1rem}.upload-placeholder svg{width:40px;height:40px}}.staff-detail{min-height:100vh;background:#fff}.staff-detail-content{max-width:1000px;margin:0 auto;padding-bottom:4rem}.staff-detail .back-button{background:transparent;border:none;box-shadow:none;padding:0;border-radius:0;display:inline-flex;align-items:center;gap:4px;color:#fff;font-size:.875rem;cursor:pointer}.staff-profile-header{background:transparent;overflow:hidden;margin:0}.profile-banner{height:180px;background:linear-gradient(135deg,#bbbbbd,#080808);position:relative}.profile-main{padding:0 3rem 3rem;position:relative;background:#fff}.profile-avatar-container{position:relative;width:fit-content;margin:-70px auto 0}.staff-avatar-large{width:140px;height:140px;border-radius:50%;overflow:hidden;border:5px solid white;box-shadow:0 8px 24px #00000026;background:#fff}.staff-avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e9ecef;font-size:3rem;font-weight:800;color:#868e96;text-transform:uppercase}.profile-info{text-align:center;padding-top:1.5rem}.staff-detail .staff-name{font-size:2rem;font-weight:800;color:#212529;margin:0 0 .75rem;letter-spacing:-.02em}.staff-detail .staff-position{font-size:1.125rem;font-weight:600;color:#667eea;margin:0 0 1.5rem;display:inline-block;padding:.5rem 1.25rem;background:linear-gradient(135deg,#f0f4ff,#faf5ff);border-radius:24px}.staff-bio{font-size:1.063rem;line-height:1.8;color:#495057;margin:1.5rem auto 0;max-width:700px;padding:1.5rem 2rem;background:#f8f9fa;border-radius:12px}.staff-about-section{margin-top:3rem;padding-top:3rem;border-top:1px solid #e9ecef}.staff-about-content{padding:1.5rem;background:#fafbfc;border-radius:12px;border:1px solid #e9ecef}.staff-content{font-size:1.063rem;line-height:1.8;color:#495057;word-break:break-word}.staff-content p{margin-bottom:1.25rem;margin-top:0}.staff-content img{max-width:100%;height:auto;border-radius:12px;margin:1.5rem 0;box-shadow:0 4px 16px #0000001a}.staff-content a{color:#3182f6;text-decoration:underline}.staff-content ul,.staff-content ol{padding-left:1.5rem;margin-bottom:1.25rem}.staff-content li{margin-bottom:.5rem}.staff-content h1,.staff-content h2,.staff-content h3,.staff-content h4,.staff-content h5,.staff-content h6{margin-top:2rem;margin-bottom:1rem;font-weight:700;color:#212529}.staff-content h1{font-size:1.875rem}.staff-content h2{font-size:1.625rem}.staff-content h3{font-size:1.375rem}.staff-content strong{font-weight:700;color:#212529}.staff-content em{font-style:italic}.staff-content u{text-decoration:underline}@media(max-width:768px){.staff-detail-content{padding-bottom:2rem}.back-button{top:1rem;left:1rem;font-size:.875rem}.staff-profile-header{margin:0}.profile-banner{height:140px}.profile-main{padding:0 1.5rem 2rem}.profile-avatar-container{margin:-55px auto 0}.staff-avatar-large{width:110px;height:110px;border:4px solid white}.avatar-placeholder-large{font-size:2.5rem}.staff-detail .staff-name{font-size:1.625rem}.staff-detail .staff-position{font-size:1rem;padding:.375rem 1rem}.staff-bio{font-size:.938rem;padding:1.25rem 1.5rem}.staff-about-section{margin-top:2rem;padding-top:2rem}.section-header{margin-bottom:1.5rem}.section-title{font-size:1.25rem}.staff-about-content{padding:1rem}.staff-content{font-size:1rem}}@media(max-width:480px){.back-button{top:.75rem;left:.75rem;font-size:.813rem}.back-button span{display:none}.staff-profile-header{margin:0}.profile-banner{height:120px}.profile-main{padding:0 1rem 1.5rem}.profile-avatar-container{margin:-50px auto 0}.staff-avatar-large{width:100px;height:100px}.avatar-placeholder-large{font-size:2rem}.staff-detail .staff-name{font-size:1.5rem}.staff-bio{font-size:.875rem;padding:1rem}.staff-about-section{margin-top:1.5rem;padding-top:1.5rem}}.add-item{min-height:100vh;background:#fafbfc}.add-item-content{max-width:800px;margin:0 auto;padding:2rem 1.5rem 4rem}.add-item-header{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;padding-top:1rem}.back-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid #e1e6ed;border-radius:12px;color:#1f2937;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.back-button:hover{background:#f9fafb;border-color:#d1d5db;transform:translate(-3px)}.back-button:active{transform:translate(-3px) scale(.96)}.page-title{font-size:1.875rem;font-weight:800;color:#111827;margin:0;letter-spacing:-.025em}.add-item-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 1px 3px #0000000d;border:1px solid #e5e7eb}.section-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 .5rem;letter-spacing:-.02em}.section-description{font-size:.9375rem;color:#6b7280;margin:0 0 1.5rem;line-height:1.5}.image-upload-area{width:100%}.image-upload-label{display:block;cursor:pointer;margin-bottom:1rem}.image-input{display:none}.upload-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed #d1d5db;border-radius:12px;background:#f9fafb;transition:all .25s ease}.upload-box:hover{border-color:#9ca3af;background:#f3f4f6}.upload-box svg{color:#9ca3af;margin-bottom:.75rem}.upload-text{font-size:.9375rem;font-weight:600;color:#374151;margin:0 0 .25rem}.upload-hint{font-size:.8125rem;color:#9ca3af;margin:0}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-bottom:1rem}.image-preview-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#f3f4f6;border:2px solid #e5e7eb;transition:all .2s ease}.image-preview-item:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.preview-image{width:100%;height:100%;object-fit:cover}.image-remove-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:6px;color:#fff;cursor:pointer;opacity:0;transition:all .2s ease}.image-preview-item:hover .image-remove-btn{opacity:1}.image-remove-btn:hover{background:#000c;transform:scale(1.1)}.thumbnail-badge{position:absolute;bottom:8px;left:8px;padding:.25rem .5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.6875rem;font-weight:700;border-radius:6px;letter-spacing:-.01em}.image-count-text{font-size:.875rem;color:#6b7280;text-align:right;margin:0;font-weight:500}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.9375rem;font-weight:600;color:#374151;margin-bottom:.5rem;letter-spacing:-.01em}.required{color:#ef4444;margin-left:.125rem}.form-input,.form-textarea{width:100%;padding:.875rem 1rem;font-size:.9375rem;color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:10px;transition:all .2s ease;font-family:inherit;line-height:1.5}.form-input:focus,.form-textarea:focus{outline:none;border-color:#111827;box-shadow:0 0 0 3px #1118271a}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-input.error,.form-textarea.error{border-color:#ef4444}.form-input.error:focus,.form-textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-textarea{resize:vertical;min-height:140px}.error-message{display:flex;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.875rem;color:#ef4444;font-weight:500}.form-group .quill-editor-wrapper{border:1px solid #d1d5db;border-radius:10px;background:#fff;transition:all .2s ease}.form-group .quill-editor-wrapper:focus-within{border-color:#111827;box-shadow:0 0 0 3px #1118271a}.form-group .quill-editor-wrapper.error,.form-group .error .quill-editor-wrapper{border-color:#ef4444}.form-group .quill-editor-wrapper.error:focus-within,.form-group .error .quill-editor-wrapper:focus-within{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group .quill-editor-wrapper .ql-toolbar{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.form-group .quill-editor-wrapper .ql-container{border-bottom-left-radius:10px;border-bottom-right-radius:10px;font-size:.9375rem;font-family:inherit}.form-group .quill-editor-wrapper .ql-editor{min-height:200px;color:#1f2937;line-height:1.6}.button-group{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.cancel-button,.submit-button{padding:.875rem 2rem;font-size:.9375rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .25s ease;border:none;letter-spacing:-.01em;min-width:120px}.cancel-button{background:#fff;color:#6b7280;border:1px solid #d1d5db}.cancel-button:hover{background:#f9fafb;border-color:#9ca3af;color:#374151;transform:translateY(-1px)}.submit-button{background:#111827;color:#fff}.submit-button:hover:not(:disabled){background:#1f2937;transform:translateY(-1px);box-shadow:0 4px 12px #11182740}.submit-button:active,.cancel-button:active{transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.add-item-content{padding:1.5rem 1.25rem 3rem}.add-item-header{margin-bottom:2rem}.page-title{font-size:1.5rem}.form-section{padding:1.5rem}.section-title{font-size:1.125rem}.upload-box{padding:1.5rem}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}}@media(max-width:480px){.add-item-content{padding:1.25rem 1rem 2.5rem}.page-title{font-size:1.375rem}.form-section{padding:1.25rem;border-radius:12px}.button-group{flex-direction:column-reverse;gap:.75rem}.cancel-button,.submit-button{width:100%;min-width:unset}.upload-box{padding:1.25rem}.upload-box svg{width:32px;height:32px}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.625rem}.image-remove-btn{width:24px;height:24px}.thumbnail-badge{font-size:.625rem;padding:.1875rem .375rem}}.item-detail{min-height:100vh;background:#fff}.item-detail-content{max-width:1000px;margin:0 auto;padding-bottom:4rem}.item-detail .back-button{background:transparent;border:none;box-shadow:none;padding:0;border-radius:0;display:inline-flex;align-items:center;gap:4px;color:#fff;font-size:.875rem;cursor:pointer}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:0;background:none;border:none;color:#fff;font-size:.938rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:absolute;top:1.5rem;left:2rem;z-index:10}.back-button:hover{opacity:.8;transform:translate(-2px)}.back-button svg{flex-shrink:0}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;color:#868e96;font-size:1rem}.item-profile-header{background:transparent;overflow:hidden;margin:0}.item-image-banner{height:500px;position:relative;overflow:hidden}.item-image-banner-placeholder{background:linear-gradient(135deg,#bbbbbd,#080808)}.item-image-carousel{position:relative;width:100%;height:100%;overflow:hidden;background:#fff}.carousel-container{display:flex;width:100%;height:100%;transition:transform .3s ease-in-out}.carousel-slide{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff}.carousel-slide img{width:100%;height:100%;object-fit:contain;display:block}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.carousel-button:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:translateY(-50%) scale(1.05)}.carousel-button:active{transform:translateY(-50%) scale(.95)}.carousel-button-prev{left:16px}.carousel-button-next{right:16px}.carousel-button svg{width:20px;height:20px;color:#1f2937}.carousel-indicators{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.indicator{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;padding:0;transition:all .2s ease}.indicator:hover{background:#fffc;transform:scale(1.2)}.indicator.active{background:#fff;width:24px;border-radius:4px}.item-profile-main{padding:0 3rem 3rem;position:relative;background:#fff}.item-main-info{text-align:center;padding-top:1.5rem}.item-detail .item-name-large{font-size:2rem;font-weight:800;color:#212529;margin:0 0 .75rem;letter-spacing:-.02em}.item-detail .item-price-large{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 1.5rem;letter-spacing:-.02em}.item-detail .item-explanation-large{font-size:1.063rem;line-height:1.8;color:#495057;margin:1.5rem auto 0;max-width:700px;padding:1.5rem 2rem;background:#f8f9fa;border-radius:12px}.item-about-section{margin-top:3rem;padding-top:3rem;border-top:1px solid #e9ecef}.item-about-content{padding:1.5rem;background:#fafbfc;border-radius:12px;border:1px solid #e9ecef}.item-content{font-size:1.063rem;line-height:1.8;color:#495057;word-break:break-word}.item-content p{margin-bottom:1.25rem;margin-top:0}.item-content img{max-width:100%;height:auto;border-radius:12px;margin:1.5rem 0;box-shadow:0 4px 16px #0000001a}.item-content a{color:#3182f6;text-decoration:underline}.item-content ul,.item-content ol{padding-left:1.5rem;margin-bottom:1.25rem}.item-content li{margin-bottom:.5rem}.item-content h1,.item-content h2,.item-content h3,.item-content h4,.item-content h5,.item-content h6{margin-top:2rem;margin-bottom:1rem;font-weight:700;color:#212529}.item-content h1{font-size:1.875rem}.item-content h2{font-size:1.625rem}.item-content h3{font-size:1.375rem}.item-content strong{font-weight:700;color:#212529}.item-content em{font-style:italic}.item-content u{text-decoration:underline}@media(max-width:768px){.item-detail-content{padding-bottom:2rem}.back-button{top:1rem;left:1rem;font-size:.875rem}.item-profile-header{margin:0}.item-image-banner{height:350px}.item-profile-main{padding:0 1.5rem 2rem}.item-detail .item-name-large{font-size:1.625rem}.item-detail .item-price-large{font-size:1.25rem}.item-detail .item-explanation-large{font-size:.938rem;padding:1.25rem 1.5rem}.item-about-section{margin-top:2rem;padding-top:2rem}.section-header{margin-bottom:1.5rem}.section-title{font-size:1.25rem}.item-about-content{padding:1rem}.item-content{font-size:1rem}.carousel-button{width:40px;height:40px}.carousel-button-prev{left:8px}.carousel-button-next{right:8px}.carousel-button svg{width:18px;height:18px}.carousel-indicators{bottom:12px;gap:6px}.indicator{width:6px;height:6px}.indicator.active{width:20px}}@media(max-width:480px){.back-button{top:.75rem;left:.75rem;font-size:.813rem}.back-button span{display:none}.item-profile-header{margin:0}.item-image-banner{height:280px}.item-profile-main{padding:0 1rem 1.5rem}.item-detail .item-name-large{font-size:1.5rem}.item-detail .item-price-large{font-size:1.125rem}.item-detail .item-explanation-large{font-size:.875rem;padding:1rem}.item-about-section{margin-top:1.5rem;padding-top:1.5rem}}.job-card{background:#fff;border-radius:0;padding:20px 0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;border-bottom:1px solid #e5e7eb;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.job-card:hover{background:#3182f605}.job-card:active{background:#3182f60a;transition-duration:.1s}.job-card.closed{background:#f9fafb;opacity:.7}.job-card.closed:hover{background:#f3f4f6}.job-card.closed:active{background:#e5e7eb}.job-card.closed .job-position,.job-card.closed:hover .job-position{color:#6b7280}.job-card-inner{display:flex;flex-direction:column;gap:16px}.job-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.job-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.job-type-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:700;letter-spacing:-.2px}.job-type-badge.hiring{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.job-type-badge.seeking{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.job-category-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;background:#f3f4f6;color:#495057}.category-emoji{font-size:14px;line-height:1}.category-text{letter-spacing:-.2px}.deadline-badge{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap}.deadline-badge.expired{background:#f3f4f6;color:#6b7280}.job-card-content{display:flex;flex-direction:column;gap:12px}.job-main-info{display:flex;align-items:flex-start;gap:12px}.company-info{display:flex;align-items:flex-start;gap:12px;flex:1}.company-logo-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.company-logo{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;border:1px solid #e5e7eb}.company-category{font-size:12px;font-weight:600;color:#6b7280;margin:0;text-align:center}.company-details{flex:1;min-width:0}.job-position{font-size:20px;font-weight:700;color:#1a1a1a;line-height:1.4;margin:0 0 6px;letter-spacing:-.3px;transition:color .2s ease}.job-card:hover .job-position{color:#3182f6}.company-name{font-size:15px;font-weight:500;color:#6b7280;margin:0;letter-spacing:-.2px}.job-details{display:flex;flex-wrap:wrap;gap:12px 20px;padding:12px 0}.detail-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280;font-weight:500;white-space:nowrap}.detail-item svg{flex-shrink:0;color:#9ca3af}.job-description{font-size:14px;color:#4b5563;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}.job-tags{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.job-tag{display:inline-flex;align-items:center;padding:4px 10px;background:#f3f4f6;color:#4b5563;border-radius:6px;font-size:12px;font-weight:500;letter-spacing:-.1px}.job-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f3f4f6;flex-wrap:wrap;gap:12px}.job-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:4px;font-size:13px;color:#9ca3af;font-weight:500}.meta-item svg{flex-shrink:0;color:#d1d5db}.meta-separator{color:#d1d5db;font-size:12px}.job-deadline{font-size:13px;color:#6b7280;font-weight:500;white-space:nowrap}.job-card{animation:slideUp .4s ease-out}@media(max-width:768px){.job-card{padding:18px 0}.job-position{font-size:18px}.company-name{font-size:14px}.company-logo{width:48px;height:48px;font-size:20px}.company-category{font-size:11px}.job-details{gap:10px 16px}.detail-item{font-size:12px}.job-card-footer{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.job-card{padding:16px 0}.job-position{font-size:16px}.company-logo{width:44px;height:44px;font-size:18px}.company-category{font-size:10px}.job-description{font-size:13px;-webkit-line-clamp:3}.detail-item{font-size:12px}.job-tag{font-size:11px;padding:3px 8px}.meta-item,.job-deadline{font-size:12px}}@media(hover:none){.job-card:hover{background:transparent}.job-card:active{background:#3182f60a;transition-duration:.1s}}.job-board{min-height:100vh;background:#fff}.job-board-main{padding:2rem 1rem;max-width:1200px;margin:0 auto}.job-board-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1.5rem;flex-wrap:wrap}.header-content{flex:1}.page-title{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem;letter-spacing:-.5px}.page-description{font-size:1.1rem;color:#666;margin:0;line-height:1.6}.post-job-btn{display:flex;align-items:center;gap:.5rem;background:#1a1a1a;color:#fff;border:none;padding:.9rem 1.8rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.post-job-btn:hover{background:#2d2d2d}.post-job-btn:active{transform:scale(.98)}.job-board-controls{display:flex;gap:.75rem;margin-bottom:1.5rem;align-items:center}.search-box-container{flex:1;display:flex;gap:0}.search-box{flex:1;display:flex;gap:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s ease}.search-box:focus-within{border-color:#1a1a1a;box-shadow:0 0 0 1px #1a1a1a}.search-type-select{padding:.75rem 2.5rem .75rem 1rem;border:none;background:#fff;font-size:.9rem;font-weight:500;color:#374151;cursor:pointer;outline:none;border-right:1px solid #e5e7eb;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;min-width:110px;transition:background-color .2s ease}.search-type-select:hover{background-color:#f9fafb}.search-input-wrapper{flex:1;display:flex;align-items:center;gap:.5rem;padding:0 1rem;position:relative}.search-icon{flex-shrink:0;color:#9ca3af;pointer-events:none;width:18px;height:18px}.search-input{flex:1;border:none;background:transparent;font-size:.95rem;outline:none;color:#333;padding:.75rem 0 .75rem 1.5rem}.search-input::placeholder{color:#9ca3af}.search-clear-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:#9ca3af;cursor:pointer;border-radius:50%;transition:all .2s ease;padding:0}.search-clear-btn:hover{background:#f3f4f6;color:#374151}.filter-dropdown-container{position:relative}.filter-toggle-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;color:#6b7280;flex-shrink:0}.filter-toggle-btn:hover{border-color:#1a1a1a;color:#1a1a1a;background:#f9fafb}.filter-toggle-btn.active,.filter-toggle-btn.has-filters{border-color:#1a1a1a;background:#1a1a1a;color:#fff}.kebab-icon{width:20px;height:20px}.filter-badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;font-size:.7rem;font-weight:600;padding:2px 5px;border-radius:10px;min-width:16px;text-align:center;line-height:1.3;border:2px solid white}.filter-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:280px;z-index:1000;animation:slideDown .2s ease;border:1px solid #e5e7eb}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.filter-dropdown-header h4{margin:0;font-size:1rem;font-weight:600;color:#1a1a1a}.filter-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:6px;transition:all .2s ease;padding:0}.filter-close-btn:hover{background:#f3f4f6;color:#374151}.filter-dropdown-content{padding:1rem 1.25rem}.filter-item{margin-bottom:1.5rem}.filter-item:last-child{margin-bottom:0}.filter-item-label{display:block;font-size:.9rem;font-weight:600;color:#374151;margin-bottom:.75rem}.filter-checkboxes{display:flex;flex-direction:column;gap:.75rem}.filter-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.5rem;border-radius:8px;transition:background-color .2s ease}.filter-checkbox-label:hover{background:#f9fafb}.filter-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#3182f6;flex-shrink:0}.filter-checkbox-text{font-size:.95rem;font-weight:500;color:#374151}.job-results-header{margin-bottom:1rem;padding:0 .5rem}.results-count{font-size:.95rem;color:#666;margin:0}.results-count strong{color:#3182f6;font-size:1.1rem;font-weight:700}.jobs-list{display:flex;flex-direction:column;gap:0}.observer-target{height:20px;margin:1rem 0}.loading{text-align:center;padding:4rem 2rem;color:#666;font-size:1rem}.error{text-align:center;padding:4rem 2rem;color:#dc2626;font-size:1rem}.error p{margin:.5rem 0}.no-jobs{text-align:center;padding:4rem 2rem;color:#9ca3af}.no-jobs svg{margin-bottom:1rem;color:#d1d5db}.no-jobs p{font-size:1.1rem;margin:.5rem 0;color:#6b7280}.no-jobs-subtitle{font-size:.95rem!important;color:#9ca3af!important}@media(max-width:768px){.job-board-main{padding:1.5rem .75rem}.page-title{font-size:2rem}.page-description{font-size:1rem}.job-board-header{flex-direction:column;align-items:stretch}.post-job-btn{width:100%;justify-content:center}.job-board-controls{flex-direction:column}.search-box-container,.filter-toggle-btn{width:100%}.filter-dropdown{right:auto;left:0;min-width:100%}.filter-group{flex-direction:column;align-items:flex-start}.filter-label{min-width:auto}.filter-buttons{width:100%}.filter-btn{flex:1;min-width:80px;text-align:center}}@media(max-width:480px){.job-board-main{padding:1rem .5rem}.page-title{font-size:1.75rem}.job-board-controls{padding:1rem}.search-box{padding:.75rem 1rem}}.apply-job-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.apply-job-modal-content{background:#fff;border-radius:24px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.apply-job-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #e5e7eb}.apply-job-modal-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 4px;letter-spacing:-.3px}.apply-job-modal-subtitle{font-size:.95rem;color:#6b7280;margin:0;font-weight:500}.apply-job-modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0000000d;border:none;border-radius:10px;color:#6b7280;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:16px}.apply-job-modal-close:hover{background:#0000001a;color:#374151}.apply-job-form{display:flex;flex-direction:column;flex:1;overflow:hidden}.apply-job-form-section{padding:24px 28px;overflow-y:auto;flex:1}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-label{font-size:.95rem;font-weight:700;color:#374151}.required{color:#ef4444;margin-left:2px}.form-input,.form-textarea,.form-select{padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;font-weight:500;color:#1f2937;transition:all .2s ease;outline:none;font-family:inherit;background-color:#fff}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:#3182f6;box-shadow:0 0 0 4px #3182f61a}.form-input.error,.form-textarea.error,.form-select.error{border-color:#ef4444}.form-input.error:focus,.form-textarea.error:focus,.form-select.error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af;font-weight:400}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.address-row{display:flex;gap:12px}.zipcode-input{flex:1}.address-search-btn{padding:14px 16px;border-radius:10px;border:2px solid #3182f6;background:#3182f6;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.address-search-btn:hover{background:#1d6fde;border-color:#1d6fde}.address-search-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{font-size:.875rem;color:#ef4444;font-weight:500;margin-top:-4px}.file-upload-area{position:relative}.file-input{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;border:2px dashed #d1d5db;border-radius:12px;background:#f9fafb;cursor:pointer;transition:all .2s ease;text-align:center}.file-upload-label:hover{border-color:#3182f6;background:#eff6ff}.file-upload-label svg{color:#9ca3af;margin-bottom:16px}.file-upload-label:hover svg{color:#3182f6}.file-upload-text{display:flex;flex-direction:column;gap:4px}.file-upload-title{font-size:1rem;font-weight:600;color:#374151;margin:0}.file-upload-hint{font-size:.875rem;color:#6b7280;margin:0}.file-preview{display:flex;align-items:center;justify-content:space-between;padding:16px;border:2px solid #e5e7eb;border-radius:12px;background:#f9fafb}.file-preview-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.file-preview-info svg{color:#3182f6;flex-shrink:0}.file-name{font-size:.95rem;font-weight:600;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-remove-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ef44441a;border:none;border-radius:8px;color:#ef4444;cursor:pointer;transition:all .2s ease;flex-shrink:0}.file-remove-btn:hover{background:#ef444433}.apply-job-modal-footer{display:flex;gap:12px;padding:20px 28px;border-top:1px solid #e5e7eb;background:#fafbfc}.modal-cancel-btn,.modal-submit-btn{flex:1;padding:14px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.modal-cancel-btn{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.modal-cancel-btn:hover:not(:disabled){background:#f9fafb;color:#374151;border-color:#d1d5db}.modal-submit-btn{background:#3182f6;color:#fff}.modal-submit-btn:hover:not(:disabled){background:#1d6fde;transform:translateY(-2px);box-shadow:0 6px 20px #3182f64d}.modal-cancel-btn:disabled,.modal-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.apply-job-form-section::-webkit-scrollbar{width:8px}.apply-job-form-section::-webkit-scrollbar-track{background:#f3f4f6}.apply-job-form-section::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.apply-job-form-section::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.apply-job-modal-content{max-width:100%;max-height:95vh;border-radius:20px 20px 0 0;margin-top:auto}.apply-job-modal-header{padding:20px}.apply-job-modal-title{font-size:1.3rem}.apply-job-form-section{padding:20px}.apply-job-modal-footer{padding:16px 20px;flex-direction:column-reverse}.modal-cancel-btn,.modal-submit-btn{width:100%}}@media(max-width:480px){.apply-job-modal-overlay{padding:0}.apply-job-modal-content{border-radius:16px 16px 0 0}.file-upload-label{padding:36px 20px}.file-upload-title{font-size:.95rem}.file-upload-hint{font-size:.8rem}}.job-detail-page{min-height:100vh;background:#fafafa}.job-detail-content{max-width:800px;margin:0 auto;padding:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#868e96;font-size:1rem;gap:1rem}.back-to-list-btn{padding:.75rem 1.5rem;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.back-to-list-btn:hover{background:#2a2a2a;transform:translateY(-1px)}.detail-container{background:#fff;min-height:100vh}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #f0f0f0;background:#fff;position:sticky;top:0;z-index:100}.back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#1a1a1a;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#f5f5f5}.nav-actions{display:flex;align-items:center;gap:.5rem}.share-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#1a1a1a;cursor:pointer;transition:all .2s ease}.share-btn:hover{background:#f5f5f5}.job-content{padding:2rem 1.5rem 6rem}.job-header{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.job-badge-group{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.job-field-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;background:#f5f5f5;border-radius:6px;font-size:.875rem;font-weight:500;color:#1a1a1a}.status-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600}.status-badge.urgent{background:#fef3c7;color:#d97706}.status-badge.expired{background:#fee2e2;color:#dc2626}.job-title{font-size:1.75rem;font-weight:700;color:#1a1a1a;line-height:1.4;margin:0 0 .75rem;letter-spacing:-.5px}.job-company{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#6b7280}.company-name{font-weight:500;color:#1a1a1a}.divider{color:#d1d5db}.job-role{font-weight:400}.job-conditions{display:flex;flex-direction:column;gap:0;margin-bottom:2.5rem;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.condition-row{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid #e5e7eb}.condition-row:last-child{border-bottom:none}.condition-item{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#fff;border-right:1px solid #e5e7eb;transition:background .2s ease}.condition-item:hover{background:#fafafa}.condition-item:last-child{border-right:none}.condition-item.full-width{grid-column:1 / -1}.condition-icon{font-size:1.5rem;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f9fafb;border-radius:10px}.condition-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.condition-label{font-size:.813rem;color:#6b7280;font-weight:500}.condition-value{font-size:.938rem;color:#1a1a1a;font-weight:600;word-break:break-word}.job-description-section{margin-top:3rem;padding-top:3rem;border-top:1px solid #e9ecef;margin-bottom:2.5rem}.section-header{margin-bottom:2rem;padding-bottom:0;border-bottom:none}.section-title{font-size:1.5rem;font-weight:700;color:#212529;margin:0}.job-description-content{padding:1.5rem;background:#fafbfc;border-radius:12px;border:1px solid #e9ecef}.description-content{font-size:1.063rem;line-height:1.8;color:#495057;word-break:break-word}.description-content h1,.description-content h2,.description-content h3,.description-content h4{margin-top:2rem;margin-bottom:1rem;font-weight:700;color:#1a1a1a;letter-spacing:-.3px}.description-content h1{font-size:1.5rem}.description-content h2{font-size:1.25rem}.description-content h3{font-size:1.125rem}.description-content h4{font-size:1rem}.description-content p{margin-bottom:1.25rem;margin-top:0}.description-content ul,.description-content ol{padding-left:1.5rem;margin-bottom:1.25rem}.description-content li{margin-bottom:.5rem;line-height:1.7}.description-content img{max-width:100%;height:auto;border-radius:12px;margin:1.5rem 0;box-shadow:0 4px 16px #0000001a}.description-content a{color:#3b82f6;text-decoration:underline;transition:color .2s ease}.description-content a:hover{color:#2563eb}.job-apply-status{margin-bottom:1rem}.status-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border-radius:10px;border:1px solid #e5e7eb}.status-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;flex-shrink:0}.status-icon svg{color:#3b82f6}.status-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.status-label{font-size:.875rem;color:#6b7280;font-weight:500}.status-number{font-size:1.5rem;font-weight:700;color:#1a1a1a}.job-deadline{margin-bottom:2rem}.deadline-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border-radius:10px;border:1px solid #e5e7eb}.deadline-icon{font-size:1.5rem;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fef3c7;border-radius:12px}.deadline-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.deadline-label{font-size:.875rem;color:#6b7280;font-weight:500}.deadline-value{font-size:1.125rem;font-weight:600;color:#1a1a1a}.job-actions{position:fixed;bottom:0;left:0;right:0;padding:1rem 1.5rem;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -4px 20px #0000000d;z-index:100}.apply-button{width:100%;max-width:800px;margin:0 auto;display:block;padding:1rem;background:#1a1a1a;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.apply-button:hover{background:#2a2a2a;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.apply-button:active{transform:translateY(0)}.apply-button.applied{background:#e5e7eb;color:#6b7280;cursor:not-allowed}.apply-button.applied:hover{transform:none;box-shadow:none;background:#e5e7eb}@media(max-width:768px){.job-detail-content{padding:0}.top-nav{padding:.875rem 1rem}.back-btn,.share-btn{width:36px;height:36px}.job-content{padding:1.5rem 1rem 6rem}.job-header{padding-bottom:1.5rem}.job-title{font-size:1.5rem}.job-company{font-size:.938rem}.condition-row{grid-template-columns:repeat(2,1fr)}.condition-item{padding:1rem 1.25rem;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.condition-item:nth-child(2n){border-right:none}.condition-row:last-child .condition-item:last-child{border-bottom:none}.condition-icon{width:36px;height:36px;font-size:1.25rem}.status-item,.deadline-item{padding:1rem}.status-icon{width:44px;height:44px}.status-number{font-size:1.375rem}.job-actions{padding:.875rem 1rem}}@media(max-width:480px){.job-title{font-size:1.375rem}.job-badge-group{flex-wrap:wrap}.condition-item{gap:.75rem}.description-content{font-size:.938rem}.section-title{font-size:1.25rem}.job-description-content{padding:1rem}.description-content{font-size:1rem}}.create-job-page{min-height:100vh;background:#fff;display:flex;flex-direction:column}.top-action-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #f1f3f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#868e96;font-size:1.5rem;cursor:pointer;border-radius:8px;transition:all .2s ease}.close-btn:hover{background:#f1f3f5;color:#495057}.page-title{position:absolute;left:50%;transform:translate(-50%);margin:0;font-size:1.125rem;font-weight:600;color:#212529}.publish-btn{padding:.625rem 1.25rem;background:#3182f6;color:#fff;border:none;border-radius:8px;font-size:.938rem;font-weight:600;cursor:pointer;transition:all .2s ease}.publish-btn:hover:not(:disabled){background:#1b64da;transform:translateY(-1px)}.publish-btn:disabled{background:#adb5bd;cursor:not-allowed;opacity:.6}.create-job-content{flex:1;overflow-y:auto}.content-wrapper{max-width:720px;margin:0 auto;padding:2.5rem 1.5rem}.form-section{margin-bottom:2rem}.form-label{display:block;font-size:.938rem;font-weight:600;color:#212529;margin-bottom:.75rem}.form-input{width:100%;padding:.875rem 1rem;border:1.5px solid #e9ecef;border-radius:10px;font-size:.938rem;font-weight:500;color:#495057;background:#fff;transition:all .2s ease;outline:none;font-family:inherit}.form-input:hover{border-color:#adb5bd}.form-input:focus{border-color:#3182f6;box-shadow:0 0 0 3px #3182f61a}.form-input::placeholder{color:#adb5bd}.form-hint{margin-top:.5rem;font-size:.813rem;color:#868e96}.type-selector{display:flex;gap:.75rem}.type-btn{flex:1;padding:.875rem 1.5rem;border:2px solid #e9ecef;border-radius:10px;font-size:.938rem;font-weight:600;color:#6b7280;background:#fff;cursor:pointer;transition:all .2s ease}.type-btn:hover{border-color:#3182f6;color:#3182f6}.type-btn.active{background:#3182f6;border-color:#3182f6;color:#fff;box-shadow:0 2px 8px #3182f633}.custom-select-wrapper{position:relative}.custom-select{width:100%;padding:.875rem 2.5rem .875rem 1rem;border:1.5px solid #e9ecef;border-radius:10px;font-size:.938rem;font-weight:500;color:#495057;background:#fff;cursor:pointer;appearance:none;transition:all .2s ease;outline:none}.custom-select:hover{border-color:#adb5bd}.custom-select:focus{border-color:#3182f6;box-shadow:0 0 0 3px #3182f61a}.custom-select option[value=""]{color:#adb5bd}.custom-select:invalid{color:#adb5bd}.custom-select:valid{color:#495057}.select-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;font-size:.688rem;color:#868e96;transition:all .2s ease}.custom-select-wrapper:hover .select-arrow{color:#495057}.custom-select:focus+.select-arrow{color:#3182f6;transform:translateY(-50%) rotate(180deg)}.form-section .quill-editor-wrapper{border:1.5px solid #e9ecef;border-radius:10px;overflow:hidden;transition:all .2s ease}.form-section .quill-editor-wrapper:focus-within{border-color:#3182f6;box-shadow:0 0 0 3px #3182f61a}.section-title{font-size:1.125rem;font-weight:600;color:#212529;margin:0 0 1rem}@media(max-width:768px){.top-action-bar{padding:1rem}.page-title{font-size:1rem}.close-btn{width:36px;height:36px}.publish-btn{padding:.5rem 1rem;font-size:.875rem}.content-wrapper{padding:2rem 1rem}.form-section{margin-bottom:1.5rem}.form-input{padding:.75rem .875rem;font-size:.875rem}.type-selector{gap:.5rem}.type-btn{padding:.75rem 1rem;font-size:.875rem}.custom-select{padding:.75rem 2rem .75rem .875rem;font-size:.875rem}}@media(max-width:480px){.content-wrapper{padding:1.5rem .75rem}.form-input{font-size:.813rem;padding:.625rem .75rem}.custom-select{font-size:.813rem;padding:.625rem 1.75rem .625rem .75rem}.type-btn{padding:.625rem .75rem;font-size:.813rem}}.job-manage-page{min-height:100vh;background:#fafafa}.job-manage-main{max-width:1200px;margin:0 auto;padding:3rem 1.5rem 4rem}.job-manage-header{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:2rem}.job-manage-heading h1{margin:.3rem 0 .5rem;font-size:2rem;color:#1a1a1a}.job-manage-heading p{margin:0;color:#6b7280;line-height:1.5}.job-manage-eyebrow,.job-manage-section-eyebrow{font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;margin:0}.job-manage-actions{display:flex;gap:.75rem;flex-wrap:wrap}.job-manage-primary-btn,.job-manage-secondary-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.75rem 1.25rem;border-radius:8px;border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.job-manage-primary-btn{background:#1a1a1a;color:#fff}.job-manage-primary-btn:hover{transform:translateY(-1px);background:#2d2d2d}.job-manage-primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.job-manage-secondary-btn{background:#e5e7eb;color:#1a1a1a}.job-manage-secondary-btn:hover{background:#d1d5db;transform:translateY(-1px)}.job-manage-secondary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.job-manage-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.job-manage-section-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.job-manage-section-header h2{margin:.25rem 0 0;font-size:1.5rem;color:#1a1a1a}.job-manage-section-description{margin:.5rem 0 0;color:#6b7280;font-size:.95rem;line-height:1.4}.job-manage-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:48px;border-radius:12px;background:#f3f4f6;color:#1a1a1a;font-size:1.125rem;font-weight:700}.job-manage-list{display:flex;flex-direction:column;gap:1rem}.job-manage-item{display:flex;flex-direction:column;gap:.5rem}.job-manage-list .job-card{width:100%}.job-manage-applicants-bar{background:#f9fafb;border-radius:12px;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid #e5e7eb}.applicants-highlight{display:flex;align-items:center;gap:1rem}.applicants-label{font-size:.9rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.08em}.applicants-count-btn{display:inline-flex;align-items:center;gap:.3rem;border:none;background:#1a1a1a;color:#fff;padding:.65rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:700;font-size:1rem;transition:transform .15s ease,background .15s ease}.applicants-count-btn:hover{transform:translateY(-2px);background:#2d2d2d}.applicants-count-btn .count{font-size:1.25rem}.applicants-count-btn .suffix{font-size:.95rem;font-weight:500}.close-job-btn{display:inline-flex;align-items:center;gap:.3rem;border:1px solid #dc2626;background:transparent;color:#dc2626;padding:.65rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .15s ease}.close-job-btn:hover{background:#dc2626;color:#fff}.job-manage-state{padding:3rem 1rem;text-align:center;color:#6b7280;display:flex;flex-direction:column;align-items:center;gap:.75rem}.job-manage-state svg{color:#9ca3af}.job-manage-state h3{margin:.5rem 0 0;font-size:1.25rem;color:#1a1a1a}.job-manage-state-sub{font-size:.95rem;color:#9ca3af;margin:0}.job-manage-state.error{color:#dc2626}.job-manage-state.error svg{color:#fca5a5}.job-manage-spinner{width:36px;height:36px;border:4px solid #e5e7eb;border-top-color:#1a1a1a;border-radius:50%;animation:job-manage-spin .8s linear infinite}@keyframes job-manage-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.job-manage-main{padding:2rem 1rem 3rem}.job-manage-header{flex-direction:column;align-items:flex-start}.job-manage-actions{width:100%}.job-manage-primary-btn,.job-manage-secondary-btn{flex:1;justify-content:center}.job-manage-section{padding:1.5rem;border-radius:12px}.job-manage-count-badge{min-width:40px;height:40px}.job-manage-applicants-bar{flex-direction:column;align-items:flex-start}.applicants-highlight{flex-direction:column;align-items:flex-start;width:100%}.applicants-count-btn,.close-job-btn{width:100%;justify-content:center}}@media(max-width:480px){.job-manage-main{padding:1.5rem .75rem 2.5rem}.job-manage-section{padding:1.25rem}.job-manage-list{grid-template-columns:1fr}}.job-manage-tabs{display:inline-flex;gap:.4rem;background:#f3f4f6;padding:.35rem;border-radius:8px;margin-bottom:1.25rem}.job-manage-tab{border:none;background:transparent;color:#6b7280;font-weight:600;font-size:.95rem;padding:.6rem 1.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.job-manage-tab.active{background:#1a1a1a;color:#fff}.job-manage-tab .tab-count{font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:.1rem .6rem;border-radius:999px;background:#fff3}.job-application-meta{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.job-application-status{display:inline-flex;align-items:center;gap:.4rem;font-weight:600}.job-application-status.read{color:#15803d}.job-application-status.unread{color:#b45309}.status-dot{width:10px;height:10px;border-radius:50%;background:currentColor;display:inline-flex}.job-application-extra{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9rem;color:#6b7280}@media(max-width:768px){.job-manage-tabs{width:100%;justify-content:space-between}.job-manage-tab{flex:1;justify-content:center}}.job-applicants-page{min-height:100vh;background:#f5f7fb}.job-applicants-main{max-width:1200px;margin:0 auto;padding:3rem 1.5rem 4rem}.job-applicants-header{text-align:left;margin-bottom:2rem}.back-btn{border:none;background:none;color:#2563eb;font-weight:600;margin-bottom:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;font-size:.95rem;white-space:nowrap}.back-btn:before{content:"←";font-size:1.1rem}.eyebrow{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin:0}.job-applicants-header h1{margin:.5rem 0 .25rem;font-size:2rem;color:#111322}.subtitle{margin:0;color:#64748b}.subtitle strong{color:#2563eb}.job-applicants-panel{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 20px 60px -30px #0f172a40}.applicants-table{display:flex;flex-direction:column;gap:.75rem}.table-header,.table-row{display:grid;grid-template-columns:1.2fr .7fr 1fr 1.2fr 1.3fr .8fr;gap:.75rem;align-items:center}.table-header{font-weight:700;color:#1e293b;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.table-row{padding:.9rem 0;border-bottom:1px solid #eef2f7;color:#0f172a}.table-row.clickable{cursor:pointer;transition:background .2s ease,transform .2s ease}.table-row.clickable:hover{background:#f1f5f9;transform:translate(4px)}.table-row.clickable:focus-visible{outline:2px solid #2563eb;outline-offset:4px}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:70px;height:32px;border-radius:999px;font-size:.85rem;font-weight:600}.status-badge.read{background:#d1fae5;color:#047857}.status-badge.unread{background:#fee2e2;color:#b91c1c}@media(max-width:900px){.table-header,.table-row{grid-template-columns:repeat(2,1fr)}.table-header span:nth-child(n+3),.table-row span:nth-child(n+3){font-size:.9rem}.job-applicants-panel{padding:1.5rem}}@media(max-width:600px){.job-applicants-main{padding:2rem 1rem 3rem}.job-applicants-header h1{font-size:1.6rem}.job-applicants-panel{padding:1.25rem;border-radius:20px}}.job-applicant-detail-page{min-height:100vh;background:#f5f7fb}.job-applicant-detail-main{max-width:1200px;margin:0 auto;padding:3rem 1.5rem 4rem}.detail-header{text-align:left;margin-bottom:2rem}.detail-header .back-btn{margin-bottom:1rem}.detail-header .eyebrow{font-size:.85rem;letter-spacing:.08em;color:#94a3b8;margin:0;text-transform:uppercase}.detail-header h1{margin:.5rem 0 .25rem;font-size:2rem;color:#111322}.detail-header .subtitle{margin:0;color:#64748b}.applicant-detail-panel,.filmography-panel{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 20px 60px -30px #0f172a40}.filmography-panel{margin-top:2rem}.detail-content{display:flex;flex-direction:column;gap:2rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.label{font-size:.85rem;color:#94a3b8;margin-bottom:.25rem}.value{font-size:1.05rem;font-weight:600;color:#111322}.cover-letter-card{background:#f8fafc;border-radius:20px;padding:1.75rem}.cover-letter-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.cover-letter-header h3{margin:0;font-size:1.25rem;color:#111322}.attachment-link{color:#2563eb;font-weight:600;font-size:.95rem;text-decoration:none}.cover-letter{margin:0;line-height:1.6;color:#475569;white-space:pre-line}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.panel-heading h2{margin:0;font-size:1.5rem;color:#111322}.panel-heading p{margin:0;color:#64748b}.filmography-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.filmography-card{background:#f8fafc;border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px #94a3b826}.filmography-thumbnail{position:relative;width:100%;padding-top:56%;overflow:hidden}.filmography-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.filmography-thumbnail .badge{position:absolute;top:12px;left:12px;background:#0f172ad9;color:#fff;padding:.25rem .75rem;border-radius:999px;font-size:.85rem}.filmography-info{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.4rem}.filmography-info h3{margin:0;font-size:1.15rem;color:#111322}.filmography-info .role{margin:0;color:#2563eb;font-weight:600}.filmography-info .period,.filmography-info .memo{margin:0;color:#475569;font-size:.95rem}.memo{white-space:pre-line}.panel-state{text-align:center;color:#475569;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 0}.panel-state.error{color:#dc2626}.spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}.state-sub{margin:0;font-size:.9rem;color:#94a3b8}.retry-btn{border:none;background:#f87171;color:#fff;padding:.6rem 1.25rem;border-radius:999px;font-weight:600;cursor:pointer}.panel-state.empty{color:#0f172a}@media(max-width:768px){.job-applicant-detail-main{padding:2rem 1rem 3rem}.detail-header h1{font-size:1.6rem}.applicant-detail-panel,.filmography-panel{padding:1.5rem;border-radius:20px}.filmography-grid{grid-template-columns:1fr}}@keyframes spin{to{transform:rotate(360deg)}}.notification-settings{min-height:100vh;background:#fff}.notification-settings-content{max-width:800px;margin:0 auto;padding:2rem 1rem}.notification-settings-container{display:flex;flex-direction:column;gap:2rem}.notification-settings-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f8f9fa;border:none;border-radius:8px;color:#495057;cursor:pointer;transition:all .2s ease}.back-button:hover{background:#e9ecef;color:#212529}.notification-settings-title{font-size:1.75rem;font-weight:700;color:#212529;margin:0}.notification-settings-list{display:flex;flex-direction:column;gap:1rem;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000000f}.notification-setting-item{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-bottom:1px solid #f1f3f5;gap:1.5rem}.notification-setting-item:last-child{border-bottom:none}.setting-item-info{flex:1}.setting-item-title{font-size:1rem;font-weight:600;color:#212529;margin:0 0 .5rem}.setting-item-description{font-size:.875rem;color:#868e96;margin:0;line-height:1.5}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#dee2e6;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#1a1a1a}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input:disabled+.toggle-slider{background-color:#e9ecef;cursor:not-allowed;opacity:.6}.toggle-switch.disabled .toggle-slider{background-color:#e9ecef;cursor:not-allowed;opacity:.6}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 4px #1a1a1a1a}.loading-state{text-align:center;padding:4rem 2rem;color:#868e96;font-size:1rem}@media(max-width:768px){.notification-settings-content{padding:1.5rem 1rem}.notification-settings-title{font-size:1.5rem}.notification-setting-item{padding:1rem;gap:1rem}.setting-item-title{font-size:.95rem}.setting-item-description{font-size:.8rem}}@media(max-width:480px){.notification-settings-content{padding:1rem .75rem}.notification-settings-title{font-size:1.25rem}.notification-setting-item{flex-direction:column;align-items:flex-start;gap:1rem}.toggle-switch{align-self:flex-end}}.logout-section{margin-top:2rem;padding-top:2rem;display:flex;justify-content:flex-end;gap:.75rem}.logout-button{padding:.5rem 1rem;background:transparent;border:1px solid #dc2626;border-radius:6px;color:#dc2626;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-button:hover{background:#dc2626;color:#fff}.logout-button:active{transform:scale(.98)}.logout-button:disabled{opacity:.6;cursor:not-allowed}.withdrawal-button{padding:.5rem 1rem;background:transparent;border:1px solid #991b1b;border-radius:6px;color:#991b1b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.withdrawal-button:hover{background:#991b1b;color:#fff}.withdrawal-button:active{transform:scale(.98)}.withdrawal-button:disabled{opacity:.6;cursor:not-allowed}.withdrawal-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.withdrawal-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.withdrawal-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.withdrawal-modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#111827}.withdrawal-modal-close{width:32px;height:32px;border:none;background:transparent;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.withdrawal-modal-close:hover{background:#f3f4f6;color:#111827}.withdrawal-modal-body{padding:1.5rem;flex:1;overflow-y:auto}.withdrawal-confirm-text{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .75rem;text-align:center}.withdrawal-warning-text{font-size:.875rem;color:#6b7280;margin:0;text-align:center;line-height:1.6}.withdrawal-reason-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.withdrawal-reason-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;font-family:inherit;color:#111827;resize:vertical;min-height:100px;transition:border-color .2s ease}.withdrawal-reason-input:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a1a}.withdrawal-reason-input::placeholder{color:#9ca3af}.withdrawal-modal-actions{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.withdrawal-btn-cancel,.withdrawal-btn-confirm,.withdrawal-btn-submit{flex:1;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.withdrawal-btn-cancel{background:#f3f4f6;color:#374151}.withdrawal-btn-cancel:hover{background:#e5e7eb}.withdrawal-btn-confirm,.withdrawal-btn-submit{background:#991b1b;color:#fff}.withdrawal-btn-confirm:hover,.withdrawal-btn-submit:hover{background:#7f1d1d}.withdrawal-btn-confirm:active,.withdrawal-btn-submit:active{transform:scale(.98)}.withdrawal-btn-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.logout-section{flex-direction:column}.logout-button,.withdrawal-button{width:100%}.withdrawal-modal{max-width:100%;margin:0}.withdrawal-modal-header,.withdrawal-modal-body{padding:1.25rem}.withdrawal-modal-actions{padding:1.25rem;flex-direction:column}.withdrawal-btn-cancel,.withdrawal-btn-confirm,.withdrawal-btn-submit{width:100%}}.admin-page{min-height:100vh;background:#fff}.admin-layout{display:flex;min-height:calc(100vh - 60px)}.admin-sidebar{width:260px;background:#f8f9fa;border-right:1px solid #e9ecef;flex-shrink:0;position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto}.sidebar-header{padding:1.5rem 1.25rem;border-bottom:1px solid #e9ecef;background:#fff}.sidebar-title{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin:0;letter-spacing:-.3px}.sidebar-nav{padding:.75rem 0;display:flex;flex-direction:column}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border:none;background:transparent;color:#495057;font-size:.938rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.sidebar-item:hover{background:#e9ecef;color:#1a1a1a}.sidebar-item.active{background:#1a1a1a;color:#fff;font-weight:600}.sidebar-item svg{flex-shrink:0}.sidebar-item span{flex:1}.admin-content{flex:1;padding:2rem 1.5rem;overflow-x:auto}.admin-container{background:transparent;padding:0;max-width:1400px;margin:0 auto}.admin-title{font-size:2rem;font-weight:800;color:#1a1a1a;margin:0 0 2rem;letter-spacing:-.5px}.admin-section{margin-bottom:2rem}.section-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 1.5rem;letter-spacing:-.3px}.table-wrapper{overflow-x:auto;margin-bottom:2rem}.applications-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.applications-table thead{background:#f8f9fa}.applications-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:700;color:#495057;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e9ecef}.applications-table td{padding:1rem;font-size:.938rem;color:#212529;border-bottom:1px solid #f1f3f5}.applications-table tbody tr:hover{background:#f8f9fa}.table-row-clickable{cursor:pointer;transition:background .2s ease}.table-row-clickable:hover{background:#f0f4f8!important}.applications-table tbody tr:last-child td{border-bottom:none}.admin-page .status-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:6px;font-size:.813rem;font-weight:600}.admin-page .status-pending{background:#fff3cd;color:#856404}.admin-page .status-approved{background:#d1e7dd;color:#0f5132}.admin-page .status-rejected{background:#f8d7da;color:#842029}.action-buttons{display:flex;gap:.5rem;align-items:center}.btn-approve,.btn-reject{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-approve{background:#198754;color:#fff}.btn-approve:hover:not(:disabled){background:#157347;transform:translateY(-1px);box-shadow:0 2px 8px #1987544d}.btn-reject{background:#dc3545;color:#fff}.btn-reject:hover:not(:disabled){background:#bb2d3b;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}.btn-approve:disabled,.btn-reject:disabled{opacity:.6;cursor:not-allowed;transform:none}.action-disabled{font-size:.813rem;color:#6c757d;font-style:italic}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:2rem 0 1rem;flex-wrap:wrap}.pagination-btn{padding:.625rem 1rem;border:1px solid #dee2e6;background:#fff;border-radius:8px;font-size:.875rem;font-weight:600;color:#495057;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;gap:.25rem;align-items:center}.pagination-number{min-width:40px;height:40px;padding:.5rem;border:1px solid #dee2e6;background:#fff;border-radius:8px;font-size:.875rem;font-weight:600;color:#495057;cursor:pointer;transition:all .2s ease}.pagination-number:hover{background:#f8f9fa;border-color:#adb5bd}.pagination-number.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.pagination-number.active:hover{background:#2a2a2a}.pagination-ellipsis{padding:0 .5rem;color:#6c757d;font-weight:600}.pagination-info{text-align:center;font-size:.875rem;color:#6c757d;margin-top:1rem}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:#868e96;font-size:1rem}.error-container p{margin:0}.empty-state{text-align:center;padding:4rem 2rem;color:#868e96}.empty-state p{font-size:1.125rem;margin:0}@media(max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;position:static;height:auto;border-right:none;border-bottom:1px solid #e9ecef}.sidebar-header{padding:1rem}.sidebar-nav{display:flex;flex-direction:row;overflow-x:auto;padding:.5rem}.sidebar-item{white-space:nowrap;padding:.75rem 1rem;min-width:fit-content}.admin-content{padding:1rem}.admin-container{padding:0}.admin-title{font-size:1.75rem;margin-bottom:1.5rem}.section-title{font-size:1.25rem;margin-bottom:1rem}.applications-table{font-size:.875rem}.applications-table th,.applications-table td{padding:.75rem .5rem;font-size:.813rem}.action-buttons{flex-direction:column;gap:.375rem}.btn-approve,.btn-reject{width:100%;padding:.5rem;font-size:.813rem}.pagination{gap:.25rem}.pagination-btn{padding:.5rem .75rem;font-size:.813rem}.pagination-number{min-width:36px;height:36px;font-size:.813rem}}@media(max-width:480px){.admin-content{padding:.75rem}.admin-container{padding:1rem}.admin-title{font-size:1.5rem}.table-wrapper{overflow-x:scroll}.applications-table th,.applications-table td{padding:.625rem .375rem;font-size:.75rem}.pagination-numbers{gap:.125rem}.pagination-number{min-width:32px;height:32px;font-size:.75rem}}.company-detail-modal-overlay{position:fixed;inset:0;background:#111827b3;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modalFadeIn .25s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.company-detail-modal{width:100%;max-width:800px;max-height:90vh;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #0f172a2e;animation:modalSlideUp .25s ease;display:flex;flex-direction:column}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.company-detail-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.company-detail-modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#111827;letter-spacing:-.03em}.company-detail-modal-close{width:40px;height:40px;border:none;background:#1118270d;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.company-detail-modal-close:hover{background:#1118271a;color:#111827}.company-detail-modal-body{padding:28px;overflow-y:auto;flex:1}.company-detail-modal .modal-loading,.company-detail-modal .modal-error{text-align:center;padding:3rem 1rem;color:#6b7280}.company-detail-modal .detail-section{margin-bottom:2rem}.company-detail-modal .detail-section:last-child{margin-bottom:0}.company-detail-modal .detail-section-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.company-detail-modal .company-logo-container{display:flex;justify-content:center;margin-bottom:1rem}.company-detail-modal .company-logo{width:200px;height:200px;object-fit:cover;border-radius:12px;border:2px solid #e5e7eb}.company-detail-modal .detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.company-detail-modal .detail-item{display:flex;flex-direction:column;gap:.5rem}.company-detail-modal .detail-item.full-width{grid-column:1 / -1}.company-detail-modal .detail-info-list{display:flex;flex-direction:column;gap:0}.company-detail-modal .detail-info-row{display:flex;align-items:center;padding:.875rem 0;border-bottom:1px solid #f1f3f5}.company-detail-modal .detail-info-row:last-child{border-bottom:none}.company-detail-modal .detail-info-row .detail-label{min-width:120px;font-size:.938rem;font-weight:600;color:#495057;flex-shrink:0}.company-detail-modal .detail-info-row .detail-value{font-size:.938rem;color:#1f2937;font-weight:500;flex:1}.company-detail-modal .detail-label{font-size:.875rem;font-weight:600;color:#6b7280}.company-detail-modal .detail-value{font-size:1rem;color:#1f2937;font-weight:500}.company-detail-modal .detail-text{font-size:1rem;line-height:1.6;color:#374151;margin:0;white-space:pre-wrap}.company-detail-modal .fields-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.5rem}.company-detail-modal .field-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#f3f4f6;border-radius:8px;font-size:.875rem;font-weight:500;color:#374151}.company-detail-modal-actions{display:flex;gap:.75rem;padding:20px 28px;border-top:1px solid #e5e7eb;flex-shrink:0}.modal-btn-approve,.modal-btn-reject{flex:1;padding:.875rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-btn-approve{background:#198754;color:#fff}.modal-btn-approve:hover:not(:disabled){background:#157347;transform:translateY(-1px);box-shadow:0 4px 12px #1987544d}.modal-btn-reject{background:#dc3545;color:#fff}.modal-btn-reject:hover:not(:disabled){background:#bb2d3b;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.modal-btn-approve:disabled,.modal-btn-reject:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.company-detail-modal{max-width:95%;max-height:95vh;border-radius:20px}.company-detail-modal-header,.company-detail-modal-body{padding:20px}.detail-grid{grid-template-columns:1fr}.detail-info-row .detail-label{min-width:100px;font-size:.875rem}.detail-info-row .detail-value{font-size:.875rem}.company-detail-modal .company-logo{width:150px;height:150px}.company-detail-modal-actions{flex-direction:column;padding:16px 20px}.modal-btn-approve,.modal-btn-reject{width:100%}}.app{min-height:100vh;width:100%}