.header[data-v-fff60f49]{height:80px;border-bottom:1px solid #333;display:flex;align-items:center;position:sticky;top:0;background:#000;z-index:1000;color:#fff}.header-inner[data-v-fff60f49]{display:flex;justify-content:space-between;align-items:center}.logo-img[data-v-fff60f49]{height:40px;display:block}.logo a[data-v-fff60f49]{display:flex;align-items:center}.nav a[data-v-fff60f49]{margin-left:30px;font-size:14px;font-weight:500;color:#ccc;transition:color .3s}.nav a[data-v-fff60f49]:hover,.nav a.router-link-active[data-v-fff60f49]{color:#fff}.menu-toggle[data-v-fff60f49]{display:none;font-size:24px;background:none;border:none;cursor:pointer;color:#fff}@media (max-width: 768px){.header[data-v-fff60f49]{height:60px}.logo-img[data-v-fff60f49]{height:30px}.menu-toggle[data-v-fff60f49]{display:block}.nav[data-v-fff60f49]{position:fixed;top:60px;left:0;width:100%;background:#000;flex-direction:column;padding:20px;box-shadow:0 10px 15px #0000004d;transform:translateY(-100%);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none;display:flex;border-top:1px solid #333}.nav.is-open[data-v-fff60f49]{transform:translateY(0);opacity:1;pointer-events:auto}.nav a[data-v-fff60f49]{margin:15px 0;font-size:16px;width:100%;text-align:center;padding:10px 0;border-bottom:1px solid #f9f9f9}.nav a[data-v-fff60f49]:last-child{border-bottom:none}}.main-content[data-v-fff60f49]{min-height:calc(100vh - 200px)}.footer[data-v-fff60f49]{padding:40px 0;background:#f8f8f8;text-align:center;font-size:13px;color:#888}.footer-links[data-v-fff60f49]{margin-top:15px}.footer-links a[data-v-fff60f49]{color:#666;text-decoration:underline;font-size:12px}.footer-links a[data-v-fff60f49]:hover{color:#333}.scroll-top-btn[data-v-fff60f49]{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background-color:#000;color:#fff;border:none;border-radius:50%;font-size:24px;cursor:pointer;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;font-family:sans-serif}.scroll-top-btn.show[data-v-fff60f49]{opacity:1;visibility:visible}.scroll-top-btn[data-v-fff60f49]:hover{background-color:#333;transform:translateY(-5px)}.hero[data-v-9afb0c94]{height:70vh;background-color:#000;background-image:linear-gradient(#0006,#0006),url(/images/hero_bg.webp);background-size:cover;background-position:center;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center}.hero-title[data-v-9afb0c94]{margin-bottom:20px;line-height:1.2}.hero-title .welcome[data-v-9afb0c94]{font-size:2.5rem;font-weight:300;display:inline-block;margin-right:15px;vertical-align:middle}.hero-title .brand[data-v-9afb0c94]{font-size:4.5rem;font-weight:800;letter-spacing:5px;text-transform:uppercase;vertical-align:middle}.hero-subtitle[data-v-9afb0c94]{font-size:1.2rem;font-weight:300;letter-spacing:1px;opacity:.9}.mobile-only[data-v-9afb0c94]{display:none}.intro-text[data-v-9afb0c94]{font-size:18px;max-width:900px;line-height:1.8;color:#333;margin-bottom:50px}.address-info[data-v-9afb0c94]{border-top:1px solid #eee;padding-top:30px;color:#666}.address-info h5[data-v-9afb0c94]{font-size:18px;margin-bottom:10px;color:#000}.address-info p[data-v-9afb0c94]{margin-bottom:5px}.value-item[data-v-9afb0c94]{padding:30px;background:#fff;border:1px solid #eee}.value-item h4[data-v-9afb0c94]{margin-bottom:15px;font-size:1.2rem}@media (max-width: 768px){.hero[data-v-9afb0c94]{height:50vh}.mobile-only[data-v-9afb0c94]{display:block;margin-bottom:5px}.hero-title .welcome[data-v-9afb0c94]{font-size:1.8rem;margin-right:0;display:block;margin-bottom:5px}.hero-title .brand[data-v-9afb0c94]{font-size:2.8rem;font-weight:900;display:block;letter-spacing:2px}.hero-subtitle[data-v-9afb0c94]{font-size:14px;padding:0 20px;line-height:1.4}.intro-text[data-v-9afb0c94]{font-size:15px;line-height:1.8}.value-item[data-v-9afb0c94]{padding:20px}}.skin-header[data-v-f5a9094c]{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin-bottom:30px}.skin-header .section-title[data-v-f5a9094c]{margin-bottom:0}.skin-count[data-v-f5a9094c]{font-size:13px;color:#999}.default-grid[data-v-f5a9094c]{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.default-item[data-v-f5a9094c]{min-width:0;border:1px solid #eee;background:#fff;color:inherit;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease;content-visibility:auto;contain-intrinsic-size:auto 300px}@media (hover: hover){.default-item[data-v-f5a9094c]:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}}.image-box[data-v-f5a9094c]{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:#f0f0f0}.image-box img[data-v-f5a9094c]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.info-box[data-v-f5a9094c]{padding:12px}.title[data-v-f5a9094c]{font-weight:500;margin-bottom:5px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date[data-v-f5a9094c]{font-size:11px;color:#999}.default-item.last-viewed[data-v-f5a9094c]{outline:3px solid #222;outline-offset:-3px}.last-viewed-label[data-v-f5a9094c]{position:absolute;top:8px;left:8px;z-index:1;padding:3px 8px;background:#222;color:#fff;font-size:11px;border-radius:3px}.viewed-badge[data-v-f5a9094c]{position:absolute;top:8px;right:8px;z-index:1;width:22px;height:22px;border-radius:50%;background:#0009;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}@media (max-width: 1200px){.default-grid[data-v-f5a9094c]{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.default-grid[data-v-f5a9094c]{grid-template-columns:repeat(3,1fr);gap:16px}}@media (max-width: 768px){.skin-header[data-v-f5a9094c]{margin-bottom:20px}.default-grid[data-v-f5a9094c]{grid-template-columns:repeat(2,1fr);gap:10px}.info-box[data-v-f5a9094c]{padding:8px 10px 10px}.title[data-v-f5a9094c]{font-size:13px;margin-bottom:2px}.last-viewed-label[data-v-f5a9094c]{top:6px;left:6px;font-size:10px;padding:2px 6px}}.gallery-skin-swatch{--swatch-bg: #f6f4f0;--swatch-ink: #1a1a1a;--swatch-ink-2: #6b6760;--swatch-line: #e2ded6;background:var(--swatch-bg)}.skin-swatch[data-v-a93c0d96]{--cols: 6;--gap: 16px;color:var(--swatch-ink)}.density-large[data-v-a93c0d96]{--cols: 4;--gap: 28px}.density-medium[data-v-a93c0d96]{--cols: 6;--gap: 18px}.density-small[data-v-a93c0d96]{--cols: 8;--gap: 8px}.swatch-header[data-v-a93c0d96]{text-align:center;margin-bottom:36px}.eyebrow[data-v-a93c0d96]{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--swatch-ink-2);margin-bottom:8px}.swatch-title[data-v-a93c0d96]{font-size:34px;font-weight:300;letter-spacing:.04em;line-height:1.2}.swatch-toolbar[data-v-a93c0d96]{position:sticky;top:80px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;margin-bottom:20px;background:var(--swatch-bg);border-bottom:1px solid var(--swatch-line)}.swatch-count[data-v-a93c0d96]{font-size:13px;color:var(--swatch-ink-2);letter-spacing:.02em}.swatch-count .sep[data-v-a93c0d96]{margin:0 8px}.density[data-v-a93c0d96]{display:flex;gap:4px}.density button[data-v-a93c0d96]{display:flex;align-items:center;gap:6px;min-height:36px;padding:0 10px;border:1px solid transparent;border-radius:4px;background:none;color:var(--swatch-ink-2);font-size:13px;cursor:pointer}.density button[data-v-a93c0d96]:hover{color:var(--swatch-ink)}.density button.active[data-v-a93c0d96]{border-color:var(--swatch-ink);color:var(--swatch-ink)}.density-icon[data-v-a93c0d96]{display:grid;gap:1.5px;width:14px;height:14px}.density-icon i[data-v-a93c0d96]{background:currentColor;border-radius:1px}.icon-large[data-v-a93c0d96]{grid-template-columns:1fr}.icon-medium[data-v-a93c0d96]{grid-template-columns:repeat(2,1fr)}.icon-small[data-v-a93c0d96]{grid-template-columns:repeat(3,1fr)}.swatch-grid[data-v-a93c0d96]{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:calc(var(--gap) * 1.4) var(--gap)}.swatch[data-v-a93c0d96]{display:block;color:inherit;content-visibility:auto;contain-intrinsic-size:auto 240px}.swatch-image[data-v-a93c0d96]{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:#e9e5de;border-radius:2px}.swatch-image img[data-v-a93c0d96]{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}@media (hover: hover){.swatch:hover .swatch-image img[data-v-a93c0d96]{transform:scale(1.05)}.swatch:hover .swatch-name[data-v-a93c0d96]{color:var(--swatch-ink)}}.swatch[data-v-a93c0d96]:focus-visible{outline:none}.swatch:focus-visible .swatch-image[data-v-a93c0d96]{outline:2px solid var(--swatch-ink);outline-offset:3px}.swatch-name[data-v-a93c0d96]{margin-top:8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--swatch-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.density-small .swatch-name[data-v-a93c0d96]{display:none}.swatch.last-viewed .swatch-image[data-v-a93c0d96]{outline:2px solid var(--swatch-ink);outline-offset:3px}.swatch.last-viewed .swatch-name[data-v-a93c0d96]{color:var(--swatch-ink);font-weight:600}.swatch-tag[data-v-a93c0d96]{position:absolute;left:0;bottom:0;padding:4px 8px;background:var(--swatch-ink);color:#fff;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.swatch-viewed[data-v-a93c0d96]{position:absolute;right:6px;bottom:6px;width:20px;height:20px;border-radius:50%;background:#ffffffeb;color:var(--swatch-ink);font-size:11px;display:flex;align-items:center;justify-content:center}@media (max-width: 1024px){.density-large[data-v-a93c0d96]{--cols: 3}.density-medium[data-v-a93c0d96]{--cols: 4}.density-small[data-v-a93c0d96]{--cols: 6}}@media (max-width: 768px){.swatch-header[data-v-a93c0d96]{margin-bottom:20px}.swatch-title[data-v-a93c0d96]{font-size:26px}.eyebrow[data-v-a93c0d96]{font-size:11px}.swatch-toolbar[data-v-a93c0d96]{top:60px;padding:8px 0;margin-bottom:14px}.swatch-count[data-v-a93c0d96]{font-size:12px}.swatch-count .sep[data-v-a93c0d96]{margin:0 4px}.density-label[data-v-a93c0d96]{display:none}.density button[data-v-a93c0d96]{min-width:40px;min-height:40px;justify-content:center;padding:0}.density-icon[data-v-a93c0d96]{width:16px;height:16px}.density-large[data-v-a93c0d96]{--cols: 1;--gap: 20px}.density-medium[data-v-a93c0d96]{--cols: 2;--gap: 12px}.density-small[data-v-a93c0d96]{--cols: 3;--gap: 4px}.swatch-name[data-v-a93c0d96]{font-size:11px;margin-top:6px}.swatch-tag[data-v-a93c0d96]{font-size:9px;padding:3px 6px}}.pagination[data-v-22f23245]{margin:50px 0;display:flex;justify-content:center;align-items:center;gap:12px}.page-numbers[data-v-22f23245]{display:flex;gap:6px;align-items:center}.page-btn[data-v-22f23245],.page-num[data-v-22f23245]{min-width:38px;height:38px;padding:0 10px;border:1px solid #e0e0e0;background:#fff;color:#555;border-radius:4px;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s,color .2s;font-variant-numeric:tabular-nums}.page-btn[data-v-22f23245]:hover:not(:disabled),.page-num[data-v-22f23245]:hover{background:#f5f5f5;border-color:#ccc;color:#222}.page-btn[data-v-22f23245]:disabled{opacity:.3;cursor:not-allowed}.page-num.active[data-v-22f23245]{background:#222;border-color:#222;color:#fff;font-weight:600}.dots[data-v-22f23245]{color:#999;padding:0 2px}.page-select[data-v-22f23245]{display:none}.page-select select[data-v-22f23245]{height:44px;padding:0 14px;border:1px solid #ccc;border-radius:4px;background:#fff;font-size:15px;color:#222;font-variant-numeric:tabular-nums}.sr-only[data-v-22f23245]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (max-width: 768px){.pagination[data-v-22f23245]{margin:32px 0}.page-numbers[data-v-22f23245]{display:none}.page-select[data-v-22f23245]{display:block}.page-btn[data-v-22f23245]{min-width:44px;height:44px}}.gallery-page[data-v-cfbad493]{transition:background-color .3s}.gallery-status[data-v-cfbad493]{text-align:center;padding:50px 20px;color:#666;font-size:1.05rem}@media (max-width: 768px){.gallery-page .section[data-v-cfbad493]{padding-top:28px;padding-bottom:20px}.gallery-page .container[data-v-cfbad493]{padding-left:12px;padding-right:12px}}.col-num[data-v-2b711c74]{width:80px;text-align:center!important}.col-date[data-v-2b711c74]{width:120px}.empty-notice[data-v-2b711c74]{text-align:center;padding:100px 0;color:#888}.notice-title-wrapper[data-v-2b711c74]{display:flex;flex-direction:column}.notice-period[data-v-2b711c74]{font-size:11px;color:#999;margin-top:4px}.notice-header-row[data-v-2b711c74]{cursor:pointer;transition:background .2s}.notice-header-row[data-v-2b711c74]:hover{background:#fdfdfd}.notice-header-row.expanded[data-v-2b711c74]{background:#f9f9f9;font-weight:700}.notice-content-row td[data-v-2b711c74]{padding:0!important;border-bottom:1px solid #eee}.notice-content-box[data-v-2b711c74]{padding:2.5rem;background:#fff;border-left:2px solid var(--primary-color)}.notice-body[data-v-2b711c74]{white-space:pre-wrap;line-height:1.8;color:#444;font-size:15px}@media (max-width: 768px){.notice-content-box[data-v-2b711c74]{padding:1.5rem}.notice-body[data-v-2b711c74]{font-size:14px}.col-num[data-v-2b711c74]{width:50px}.col-date[data-v-2b711c74]{width:90px}.title-cell[data-v-2b711c74]{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.login-page[data-v-72e81fa0]{display:flex;justify-content:center;align-items:center;min-height:70vh}.login-error[data-v-72e81fa0]{color:#c62828;font-size:14px;margin:4px 0 8px}.btn-login[data-v-72e81fa0]{width:100%;padding:15px;margin-top:10px}.detail-container[data-v-829018bf]{max-width:1000px;margin:0 auto}.detail-content[data-v-829018bf]{display:grid;grid-template-columns:1fr 1fr;gap:40px}.image-section[data-v-829018bf]{display:flex;flex-direction:column}.image-wrapper[data-v-829018bf]{position:relative;overflow:hidden;border:1px solid #eee;cursor:crosshair;background:#f5f5f5}.image-wrapper img[data-v-829018bf]{width:100%;display:block}.magnifier[data-v-829018bf]{position:absolute;pointer-events:none;border:3px solid #fff;border-radius:50%;box-shadow:0 0 15px #0000004d;z-index:10;background-repeat:no-repeat;background-color:#fff}.zoom-tip[data-v-829018bf]{margin-top:10px;font-size:13px;color:#888;text-align:center}@media (hover: none){.zoom-tip[data-v-829018bf]{display:none}.image-wrapper[data-v-829018bf]{cursor:default}}.info-section[data-v-829018bf]{padding:20px 0}.post-title[data-v-829018bf]{font-size:28px;margin-bottom:15px;font-weight:600}.post-meta[data-v-829018bf]{color:#999;font-size:14px;margin-bottom:30px}.post-content[data-v-829018bf]{line-height:1.8;color:#444;white-space:pre-wrap;font-size:16px}.back-link-bottom[data-v-829018bf]{margin-top:50px;text-align:center;border-top:1px solid #eee;padding-top:30px}@media (max-width: 768px){.detail-content[data-v-829018bf]{grid-template-columns:1fr;gap:16px}.info-section[data-v-829018bf]{padding:4px 0}.post-title[data-v-829018bf]{font-size:22px;margin-bottom:8px}.post-meta[data-v-829018bf]{margin-bottom:16px}.back-link-bottom[data-v-829018bf]{margin-top:28px;padding-top:24px}}.viewer[data-v-6efe294e]{position:relative;height:calc(100vh - 80px);height:calc(100dvh - 80px);min-height:360px;overflow:hidden;background:#1b1b1b;cursor:zoom-in;touch-action:none;user-select:none;-webkit-user-select:none}.viewer.zoomed[data-v-6efe294e]{cursor:grab}.viewer.dragging[data-v-6efe294e]{cursor:grabbing}.viewer-image[data-v-6efe294e]{position:absolute;top:0;left:0;max-width:none;transform-origin:0 0;will-change:transform;box-shadow:0 8px 40px #00000073}.viewer-image.hidden[data-v-6efe294e]{visibility:hidden}.viewer-image.pixelated[data-v-6efe294e]{image-rendering:pixelated}.viewer.animating .viewer-image[data-v-6efe294e]{transition:transform .25s ease}.viewer-loading[data-v-6efe294e]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff9}.spin[data-v-6efe294e]{animation:spin-6efe294e 1s linear infinite}@keyframes spin-6efe294e{to{transform:rotate(360deg)}}.viewer-back[data-v-6efe294e],.viewer-controls[data-v-6efe294e]{position:absolute;z-index:2;background:#141414b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#fff}.viewer-back[data-v-6efe294e]{top:14px;left:14px;display:flex;align-items:center;gap:6px;height:40px;padding:0 16px 0 12px;font-size:14px;cursor:pointer}.viewer-controls[data-v-6efe294e]{left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;padding:4px}.viewer-controls button[data-v-6efe294e]{min-width:44px;height:40px;padding:0 10px;border:none;border-radius:999px;background:none;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-variant-numeric:tabular-nums;cursor:pointer}.viewer-controls .zoom-level[data-v-6efe294e]{min-width:64px}.viewer-back[data-v-6efe294e]:hover,.viewer-controls button[data-v-6efe294e]:hover:not(:disabled){background:#ffffff24}.viewer-controls button[data-v-6efe294e]:disabled{opacity:.35;cursor:default}.viewer-back[data-v-6efe294e]:focus-visible,.viewer-controls button[data-v-6efe294e]:focus-visible{outline:2px solid #fff;outline-offset:2px}.viewer-hint[data-v-6efe294e]{position:absolute;left:50%;bottom:76px;transform:translate(-50%);z-index:2;padding:8px 14px;border-radius:6px;background:#000000b3;color:#fff;font-size:13px;white-space:nowrap;pointer-events:none}.hint-enter-active[data-v-6efe294e],.hint-leave-active[data-v-6efe294e]{transition:opacity .4s}.hint-enter-from[data-v-6efe294e],.hint-leave-to[data-v-6efe294e]{opacity:0}@media (max-width: 768px){.viewer[data-v-6efe294e]{height:calc(100vh - 60px);height:calc(100dvh - 60px)}.viewer-back[data-v-6efe294e]{top:10px;left:10px}.viewer-back span[data-v-6efe294e]{display:none}.viewer-back[data-v-6efe294e]{width:44px;height:44px;padding:0;justify-content:center}.viewer-controls[data-v-6efe294e]{bottom:14px}.viewer-controls button[data-v-6efe294e]{min-width:44px;height:44px}.viewer-hint[data-v-6efe294e]{white-space:normal;text-align:center;width:max-content;max-width:calc(100% - 32px)}}.gallery-detail-page[data-v-77e7206b]{padding-bottom:0}.detail-status[data-v-77e7206b]{text-align:center;color:#666}.detail-status p[data-v-77e7206b]{margin-bottom:16px}@media (max-width: 768px){.gallery-detail-page .section[data-v-77e7206b]{padding-top:24px}}:root{--primary-color: #000000;--secondary-color: #333333;--accent-color: #666666;--bg-light: #ffffff;--bg-gray: #f8f8f8;--text-main: #333333;--text-light: #999999;--border-color: #eeeeee}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans KR,Malgun Gothic,sans-serif;color:var(--text-main);line-height:1.6;background-color:var(--bg-light)}a{text-decoration:none;color:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:10px 20px;border:1px solid var(--primary-color);background:var(--primary-color);color:#fff;cursor:pointer;transition:all .3s ease;text-align:center}.btn:hover{background:#fff;color:var(--primary-color)}.btn-outline{background:transparent;color:var(--primary-color)}.btn-danger{background-color:#ff4d4f!important;border-color:#ff4d4f!important;color:#fff!important}.btn-danger:hover{background-color:#ff7875!important;border-color:#ff7875!important;color:#fff!important}.grid{display:grid;gap:20px}@media (min-width: 0px){.grid{grid-template-columns:1fr}}@media (min-width: 768px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid{grid-template-columns:repeat(3,1fr)}}.section{padding:80px 0}.section-title{font-size:24px;border-bottom:2px solid var(--primary-color);display:inline-block;margin-bottom:40px;font-weight:600}.auth-box{width:100%;max-width:400px;padding:40px;border:1px solid #ddd;background:#fff;box-shadow:0 4px 10px #0000000d;margin:0 auto}.auth-box h3{text-align:center;margin-bottom:30px;letter-spacing:3px;font-size:1.5rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:700}.form-group input{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;font-size:14px}.form-group input:focus{outline:none;border-color:var(--primary-color)}.auth-link{margin-top:20px;text-align:center;font-size:14px;color:#666}.auth-link a{color:var(--primary-color);text-decoration:underline;font-weight:600}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.loading,.error-msg{text-align:center;padding:20px;color:#666}.error-msg{color:#e74c3c}@media (max-width: 768px){.section{padding:50px 0}.section-title{font-size:20px;margin-bottom:25px}.auth-box{padding:20px;border:none;box-shadow:none}}.ui-table-wrapper{width:100%;overflow-x:auto;border:1px solid #eee;border-radius:8px;margin-bottom:20px;background:#fff}.ui-table{width:100%;border-collapse:collapse;min-width:600px}.ui-table th,.ui-table td{padding:14px;border-bottom:1px solid #f0f0f0;text-align:left;font-size:14px}.ui-table th{background:#fafafa;font-weight:600;color:#666}.ui-table tr:hover{background-color:#fcfcfc}.ui-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.ui-modal{background:#fff;padding:30px;width:100%;max-width:500px;border-radius:12px;box-shadow:0 10px 30px #00000026;max-height:90vh;overflow-y:auto}.ui-modal.large{max-width:800px}.ui-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:30px}.ui-form-group{margin-bottom:20px}.ui-form-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:700;color:#555}.ui-input,.ui-select,.ui-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:all .2s}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0000000d}.ui-form-row{display:flex;gap:15px}.ui-form-row>*{flex:1}.ui-pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:40px}.ui-pagination button{padding:8px 18px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s;font-weight:500}.ui-pagination button:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.ui-pagination button:disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed}.ui-badge{display:inline-block;padding:3px 10px;border-radius:15px;font-size:11px;font-weight:700}.ui-badge.primary{background:#e3f2fd;color:#1976d2}.ui-badge.success{background:#e8f5e9;color:#2e7d32}.ui-badge.danger{background:#ffebee;color:#c62828}.ui-badge.secondary{background:#f5f5f5;color:#616161}