@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&display=swap";html{background:#0a0a0a;min-height:100vh}body{font-family:Pretendard,Noto Sans KR,sans-serif;line-height:1.4;color:#e0e0e0;margin:0;padding:0;background-color:#1a1a1ae6}.app-container{max-width:100vw;width:calc(100vw - 40px);margin:20px;padding:20px;background-color:#1a1a1ae6;border-radius:12px;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}h1{font-family:Orbitron,sans-serif;color:#e74c3c;font-weight:700;text-align:center;margin-bottom:25px;padding-bottom:10px;position:relative;font-size:2.2em;letter-spacing:1.5px;text-shadow:0 0 8px rgba(231,76,60,.5);display:flex;align-items:center;justify-content:center;gap:15px}.header-logo{height:50px;width:auto;object-fit:contain}.header-title{display:inline}.main-layout{display:flex;gap:20px;margin-top:20px}.sidebar{width:300px;min-width:300px;max-width:300px;flex-shrink:0;background-color:#222222e6;border-radius:12px;padding:20px;height:fit-content;position:sticky;top:20px;box-shadow:0 4px 16px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box}.sidebar-header h2{margin:0 0 20px;color:#e74c3c;font-size:1.3em;font-weight:600;text-align:center;border-bottom:2px solid rgba(231,76,60,.3);padding-bottom:10px}.sidebar-content{display:flex;flex-direction:column;gap:20px}.filter-section{margin-bottom:12px;border-bottom:1px solid rgba(85,85,85,.3);padding-bottom:8px}.filter-section:last-child{border-bottom:none}.filter-section-header{margin:0;padding:12px 8px;color:#f39c12;font-size:1.1em;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s;border-radius:6px;-webkit-user-select:none;user-select:none}.filter-section-header:hover{background-color:#f39c121a}.toggle-icon{font-size:.8em;transition:transform .3s ease;color:#888}.toggle-icon.expanded{transform:rotate(-90deg)}.filter-section-content{margin-top:8px;padding:0 4px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.filter-section h3{margin:0}.search-container{position:relative;margin-bottom:4px}.search-input{width:100%;padding:10px 35px 10px 12px;background-color:#323232cc;border:1px solid rgba(85,85,85,.5);border-radius:8px;color:#eee;font-size:.9em;font-family:Pretendard,sans-serif;transition:border-color .2s,background-color .2s;box-sizing:border-box}.search-input:focus{outline:none;border-color:#e74c3c;background-color:#3a3a3acc}.search-input::placeholder{color:#999}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;font-size:14px;padding:4px;border-radius:50%;transition:color .2s,background-color .2s}.search-clear:hover{color:#e74c3c;background-color:#e74c3c1a}.content{flex:1;min-width:0}.mobile-filter-bar{display:none}@media (max-width: 768px){.mobile-filter-bar{display:flex;gap:8px;background:linear-gradient(135deg,#e74c3c26,#e74c3c14);border-radius:0 0 8px 8px;margin:0 -20px 12px;padding:8px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:999;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 8px #e74c3c40,0 0 20px #e74c3c1a;border:none;border-bottom:1px solid rgba(231,76,60,.4);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-filter-bar::-webkit-scrollbar{display:none}.mobile-filter-item{flex-shrink:0;min-width:90px;background:#222222d9;border:1px solid rgba(231,76,60,.25);border-radius:8px;padding:6px 10px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:3px;box-shadow:0 2px 4px #0003}.mobile-filter-item:active{background:linear-gradient(135deg,#e74c3c4d,#e74c3c33);border-color:#e74c3c;transform:scale(.98)}.mobile-filter-label{font-size:.7em;color:#999;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.mobile-filter-value{font-size:.9em;color:#e74c3c;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 1200px){.sidebar{width:280px;min-width:280px;max-width:280px;padding:18px}.app-container{width:calc(100vw - 30px);margin:15px;padding:18px}}@media (max-width: 1024px){.sidebar{width:260px;min-width:260px;max-width:260px;padding:16px}.app-container{width:calc(100vw - 20px);margin:10px;padding:16px}}@media (max-width: 768px){.app-container{margin:10px;padding:15px}.main-layout{flex-direction:column;gap:15px;margin-top:15px}.sidebar{display:none}.sidebar-content{gap:15px}.filter-section{margin-bottom:12px}.filter-section h3{font-size:1em;margin-bottom:8px}.sidebar-header h2{font-size:1.1em;margin-bottom:15px}#genreFilter button,.ott-filter button,.watched-filter button,.member-filter button,.sort-filter button{padding:8px 12px;font-size:.85em}.content{order:1}h1{font-size:1.8em;margin-bottom:15px}.movie-entry{padding:16px;margin-bottom:16px}.movie-entry p{flex-direction:column;align-items:flex-start;gap:6px}.movie-entry strong{min-width:auto;font-size:.9em}.editable{width:100%!important;padding:10px 12px;font-size:.9em;border-radius:6px}.movie-entry h2 .editable{width:calc(100% - 48px)!important;padding:10px 12px;font-size:1em}.movie-actions{flex-direction:column;gap:12px;align-items:stretch;margin-top:16px;padding-top:12px}.rating-control,.watched-control{justify-content:space-between;width:100%}#addMovieBtn{width:100%;margin:20px 0 0;padding:14px 24px;font-size:1.1em}}#genreFilter,.ott-filter,.watched-filter,.member-filter,.items-per-page-filter,.sort-filter{padding:12px;background-color:#323232cc;border-radius:8px;box-shadow:0 2px 8px #0003;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;align-items:center}#genreFilter button,.ott-filter button,.watched-filter button,.member-filter button,.items-per-page-filter button,.sort-filter button{font-family:Pretendard,sans-serif;background-color:#444;color:#eee;border:1px solid #666;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.9em;transition:background-color .2s ease,color .2s ease,border-color .2s ease;font-weight:400;white-space:nowrap;flex-shrink:0}#genreFilter button{cursor:grab}#genreFilter button:hover,.ott-filter button:hover,.watched-filter button:hover,.member-filter button:hover,.items-per-page-filter button:hover,.sort-filter button:hover{background-color:#e74c3c;border-color:#e74c3c;color:#fff}#genreFilter button.active,.ott-filter button.active,.watched-filter button.active,.member-filter button.active,.items-per-page-filter button.active,.sort-filter button.active{background-color:#e74c3c;border-color:#e74c3c;color:#fff;font-weight:600}.dragging{opacity:.5;border:1px dashed #e74c3c!important}.movie-entry{background-color:#2c2c2ce6;border:2px solid rgba(231,76,60,.3);padding:20px;margin-bottom:16px;border-radius:16px;box-shadow:0 6px 20px #0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative}.movie-entry.hidden{display:none}.movie-entry:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000080;border-color:#e74c3c99}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;position:relative;gap:12px}.movie-entry h2{margin:0;color:#f39c12;font-size:1.6em;font-weight:700;flex-grow:1;border-bottom:2px solid rgba(243,156,18,.3);padding-bottom:8px;min-width:0}.movie-entry h2 .editable{background:linear-gradient(135deg,#f39c121a,#f39c120d);border:2px solid rgba(243,156,18,.2);padding:8px 12px;border-radius:8px;font-size:1em;font-weight:700;color:#f39c12;min-height:auto;text-shadow:0 1px 2px rgba(0,0,0,.3);display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.movie-entry h2 .editable:hover{border-color:#f39c1280;background:linear-gradient(135deg,#f39c1226,#f39c1214)}.movie-entry h2 .editable:focus{border-color:#f39c12;background:linear-gradient(135deg,#f39c1233,#f39c121a);box-shadow:0 0 0 3px #f39c1233}.card-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.delete-movie-btn-compact{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85em;font-weight:500;transition:all .2s ease;box-shadow:0 2px 6px #e74c3c4d}.delete-movie-btn-compact:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e74c3c80;background:linear-gradient(135deg,#c0392b,#a93226)}.delete-movie-btn-compact:active{transform:scale(.95)}.card-preview{display:flex;gap:16px;flex-wrap:wrap;margin-top:-5px;padding:8px 0;font-size:.85em}.preview-group{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.preview-label{color:#f39c12;font-weight:600;font-size:.9em;margin-right:0}.preview-tag{display:inline-block;padding:4px 10px;background:linear-gradient(135deg,#f39c1226,#f39c1214);border-radius:6px;border:1px solid rgba(243,156,18,.3);transition:all .2s ease;color:#eee;font-size:.95em}.preview-tag:hover{background:linear-gradient(135deg,#f39c1240,#f39c1226);border-color:#f39c1280;transform:translateY(-1px)}.toggle-card-btn{background:none;border:none;color:#f39c12;cursor:pointer;padding:8px;font-size:1.2em;transition:all .2s ease;border-radius:50%;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.toggle-card-btn:hover{background-color:#f39c121a}.toggle-card-icon{transition:transform .3s ease;display:inline-block}.toggle-card-icon.expanded{transform:rotate(-90deg)}.card-content{animation:slideDown .3s ease}.delete-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #e74c3c4d;position:relative;top:-2px}.delete-btn:hover{transform:scale(1.1);box-shadow:0 4px 16px #e74c3c80;background:linear-gradient(135deg,#c0392b,#a93226)}.delete-btn:active{transform:scale(.95)}.delete-btn span{font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.card-content{display:grid;grid-template-columns:auto 1fr;gap:5px 4px;align-items:baseline}.card-content>p{display:contents}.movie-entry p{margin-bottom:5px;font-size:.95em}.movie-entry strong{color:#bbb;font-weight:500}.editable{border:1px solid rgba(85,85,85,.5);padding:6px 8px;min-height:1.1em;cursor:text;flex-grow:1;border-radius:6px;transition:border-color .2s,background-color .2s,box-shadow .2s;color:#eee;background-color:#3a3a3a4d}.editable.placeholder{color:#999;font-style:italic;background-color:#4443}.editable:hover{border-color:#e74c3c80;background-color:#3a3a3a80}.editable:focus{outline:none;border-color:#e74c3c;background-color:#3a3a3acc;box-shadow:0 0 0 2px #e74c3c33}.editable.read-only{cursor:default;background-color:#2828284d;border-color:#5555554d;opacity:.85}.editable.read-only:hover{border-color:#5555554d;background-color:#2828284d}.controls{text-align:right;margin-top:10px}.controls button{background-color:#e74c3c;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.85em;margin-left:5px;transition:background-color .2s ease,transform .1s ease;font-weight:500}.controls button:hover{background-color:#c0392b;transform:translateY(-1px)}.controls button.delete{background-color:#8b0000}.controls button.delete:hover{background-color:#600}#addMovieBtn{font-family:Pretendard,sans-serif;display:block;width:fit-content;margin:25px 0 0;background-color:#e74c3c;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:1em;font-weight:600;transition:background-color .2s ease,transform .1s ease}#addMovieBtn:hover{background-color:#c0392b;transform:translateY(-2px)}.header-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.save-container{display:flex;align-items:center;gap:10px}#saveChangesBtn:disabled{background-color:#ccc;cursor:not-allowed}.dirty-indicator{color:#e67e22;font-size:.9em}.movie-entry.watched{background-color:#323232e6;border:2px solid rgba(39,174,96,.5)}.movie-entry.watched h2{color:#5edb8f;border-bottom-color:#27ae6066}.movie-entry.watched h2 .editable{background:linear-gradient(135deg,#32323280,#28282880);border-color:#27ae6066;color:#5edb8f}.movie-entry.watched h2 .editable:hover{border-color:#27ae60b3;background:linear-gradient(135deg,#323232b3,#282828b3)}.movie-entry.watched h2 .editable:focus{border-color:#27ae60;background:linear-gradient(135deg,#323232cc,#282828cc);box-shadow:0 0 0 3px #27ae6033}.movie-entry.watched .toggle-card-btn{color:#5edb8f}.movie-entry.watched .toggle-card-btn:hover{background-color:#27ae6026}.movie-entry.watched .preview-label{color:#5edb8f}.movie-entry.watched .preview-tag{background:linear-gradient(135deg,#27ae6033,#27ae601a);border-color:#27ae6066;color:#d5f5e3}.movie-entry.watched .preview-tag:hover{background:linear-gradient(135deg,#27ae604d,#27ae6033);border-color:#27ae6099}.movie-entry.watched.rating-very-low .preview-tag{border-color:#27ae604d}.movie-entry.watched.rating-low .preview-tag{border-color:#27ae6066}.movie-entry.watched.rating-medium .preview-tag{border-color:#27ae6080}.movie-entry.watched.rating-high .preview-tag{border-color:#27ae60b3}.movie-entry.watched.rating-very-high .preview-tag{border-color:#27ae60;box-shadow:0 0 8px #27ae604d}.movie-entry.watched.rating-very-low{border-color:#27ae604d;border-width:2px}.movie-entry.watched.rating-low{border-color:#27ae6066;border-width:2px}.movie-entry.watched.rating-medium{border-color:#27ae6099;border-width:2px}.movie-entry.watched.rating-high{border-color:#27ae60cc;border-width:3px}.movie-entry.watched.rating-very-high{border-color:#27ae60;border-width:3px;box-shadow:0 0 20px #27ae6066,inset 0 0 30px #27ae600d}.movie-actions{grid-column:1 / -1;margin-top:15px;padding-top:10px;border-top:1px solid #444;display:flex;justify-content:space-between;align-items:center;font-size:.9em}.rating-control,.watched-control{display:flex;align-items:center;gap:8px}.rating-input{width:50px;background-color:#333;color:#eee;border:1px solid #555;border-radius:4px;padding:4px;text-align:center}.watched-control label{cursor:pointer;display:flex;align-items:center}.watched-control input[type=checkbox]{margin-right:5px}.custom-attr-row{position:relative}.custom-attr-row:not(.default-attr){grid-column:1 / -1;display:flex;align-items:baseline;padding-right:50px}.custom-attr-row:not(.default-attr) strong{margin-right:8px}.custom-attr-row strong .editable{color:#bbb;font-weight:500;min-width:auto;padding:6px 8px;word-break:break-word;white-space:normal}.delete-attr-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);background-color:#8b000033;border:1px solid rgba(139,0,0,.4);color:#ff6b6b;cursor:pointer;padding:4px 10px;border-radius:4px;font-size:1em;font-weight:700;transition:all .2s;line-height:1}.delete-attr-btn:hover{color:#fff;background-color:#8b000099;border-color:#8b0000;transform:translateY(-50%) scale(1.1)}.bottom-actions{grid-column:1 / -1;margin-top:12px;display:flex;gap:8px;align-items:center}.add-attr-btn,.delete-movie-btn{flex:1;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.85em;font-weight:500;transition:all .2s ease;font-family:Pretendard,sans-serif}.add-attr-btn{background-color:#e74c3c33;color:#e74c3c;border:1px dashed rgba(231,76,60,.5)}.add-attr-btn:hover{background-color:#e74c3c4d;border-color:#e74c3c}.delete-movie-btn{background-color:#8b00004d;color:#ff6b6b;border:1px solid rgba(139,0,0,.5)}.delete-movie-btn:hover{background-color:#8b000080;border-color:#8b0000;color:#fff}.fab-container{position:fixed;bottom:30px;right:30px;z-index:1000}.fab-main{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;font-size:1.5em;cursor:pointer;box-shadow:0 4px 20px #e74c3c66;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1;font-family:Pretendard,sans-serif;position:fixed;bottom:30px;right:30px;z-index:1002}.fab-main:hover{transform:scale(1.1);box-shadow:0 6px 28px #e74c3c99;background:linear-gradient(135deg,#c0392b,#a93226)}.fab-main:active{transform:scale(.95)}.fab-item{width:60px;height:60px;border-radius:50%;color:#fff;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1;font-family:Pretendard,sans-serif;position:fixed;right:30px;opacity:0;visibility:hidden;transform:scale(0) translateY(0);pointer-events:none;z-index:1001}.fab-add-movie{background:linear-gradient(135deg,#27ae60,#229954);font-size:2em;font-weight:300;box-shadow:0 4px 20px #27ae6066;bottom:105px}.fab-add-movie.visible{opacity:1;visibility:visible;transform:scale(1) translateY(0);pointer-events:auto;transition-delay:.1s}.fab-add-movie:hover{transform:scale(1.1) translateY(0);box-shadow:0 6px 28px #27ae6099;background:linear-gradient(135deg,#229954,#1e8449)}.fab-add-movie:active{transform:scale(.95) translateY(0)}.fab-bulk-action{background:linear-gradient(135deg,#f39c12,#e67e22);font-size:1.5em;box-shadow:0 4px 20px #f39c1266;bottom:180px}.fab-bulk-action.visible{opacity:1;visibility:visible;transform:scale(1) translateY(0);pointer-events:auto;transition-delay:.05s}.fab-bulk-action:hover{transform:scale(1.1) translateY(0);box-shadow:0 6px 28px #f39c1299;background:linear-gradient(135deg,#e67e22,#d35400)}.fab-bulk-action:active{transform:scale(.95) translateY(0)}@media (max-width: 768px){.fab-container{bottom:calc(80px + env(safe-area-inset-bottom,0px));right:20px}.fab-main,.fab-add-movie-only{bottom:calc(80px + env(safe-area-inset-bottom,0px));right:20px;width:56px;height:56px;font-size:1.8em}.fab-item{right:20px;width:56px;height:56px}.fab-add-movie{font-size:1.8em;bottom:calc(150px + env(safe-area-inset-bottom,0px))}.fab-bulk-action{font-size:1.3em;bottom:calc(212px + env(safe-area-inset-bottom,0px))}}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:30px;margin-bottom:20px;flex-wrap:wrap}.pagination-btn{font-family:Pretendard,sans-serif;background-color:#444c;color:#eee;border:1px solid rgba(85,85,85,.5);padding:8px 14px;border-radius:6px;cursor:pointer;font-size:.9em;transition:all .2s ease;min-width:40px}.pagination-btn:hover:not(:disabled){background-color:#e74c3c;border-color:#e74c3c;color:#fff}.pagination-btn.active{background-color:#e74c3c;border-color:#e74c3c;color:#fff;font-weight:600}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-ellipsis{color:#888;padding:0 4px}.no-movies-message{text-align:center;padding:40px 20px;color:#888;font-size:1.1em}@media (max-width: 768px){.pagination{gap:6px;margin-top:20px}.pagination-btn{padding:6px 10px;font-size:.85em;min-width:36px}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(135deg,#2c2c2cfa,#222222fa);border-radius:16px;padding:30px;max-width:450px;width:90%;box-shadow:0 20px 60px #00000080;border:2px solid rgba(231,76,60,.4);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-title{margin:0 0 15px;color:#e74c3c;font-size:1.5em;font-weight:600;font-family:Pretendard,sans-serif}.modal-message{margin:0 0 25px;color:#ddd;font-size:1em;line-height:1.6;font-family:Pretendard,sans-serif}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-btn{padding:10px 24px;border:none;border-radius:8px;cursor:pointer;font-size:.95em;font-weight:500;font-family:Pretendard,sans-serif;transition:all .2s ease}.modal-cancel{background-color:#646464cc;color:#eee;border:1px solid rgba(150,150,150,.5)}.modal-cancel:hover{background-color:#787878e6;border-color:#969696cc}.modal-confirm{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:1px solid rgba(231,76,60,.5)}.modal-confirm:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 4px 12px #e74c3c66;transform:translateY(-1px)}.bulk-modal-content{background:linear-gradient(135deg,#2c2c2cfa,#222222fa);border-radius:16px;padding:0;max-width:600px;width:90%;max-height:80vh;box-shadow:0 20px 60px #00000080;border:2px solid rgba(231,76,60,.4);animation:slideUp .3s ease;display:flex;flex-direction:column}.bulk-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(85,85,85,.3)}.bulk-modal-header h3{margin:0;color:#e74c3c;font-size:1.3em;font-weight:600}.bulk-modal-close{background:none;border:none;color:#999;font-size:1.5em;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.bulk-modal-close:hover{background:#e74c3c33;color:#e74c3c}.bulk-modal-tabs{display:flex;gap:8px;padding:20px 24px 0;border-bottom:2px solid rgba(85,85,85,.3)}.bulk-tab{flex:1;padding:12px 16px;background:none;border:none;border-bottom:3px solid transparent;color:#999;cursor:pointer;font-size:.95em;font-weight:500;font-family:Pretendard,sans-serif;transition:all .2s ease;position:relative;bottom:-2px}.bulk-tab:hover{color:#ddd;background:#f39c120d}.bulk-tab.active{color:#f39c12;border-bottom-color:#f39c12}.bulk-modal-body{padding:24px;overflow-y:auto;flex:1;min-height:200px}.bulk-action-section{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.bulk-description{color:#bbb;font-size:.9em;margin:0;line-height:1.5}.bulk-input,.bulk-select{padding:12px 16px;background:#3a3a3a80;border:1px solid rgba(85,85,85,.5);border-radius:8px;color:#eee;font-size:1em;font-family:Pretendard,sans-serif;transition:all .2s ease}.bulk-input:focus,.bulk-select:focus{outline:none;border-color:#f39c12;background:#3a3a3acc;box-shadow:0 0 0 2px #f39c1233}.bulk-input:disabled{opacity:.5;cursor:not-allowed;background:#28282880}.bulk-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"%3E%3Cpath fill="%23eee" d="M6 9L1 4h10z"/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.bulk-action-btn{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:1em;font-weight:600;font-family:Pretendard,sans-serif;transition:all .2s ease;margin-top:10px}.add-btn{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;box-shadow:0 4px 12px #27ae604d}.add-btn:hover{background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 6px 16px #27ae6080;transform:translateY(-2px)}.bulk-action-btn.delete-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 4px 12px #e74c3c4d;width:auto;height:auto;border-radius:8px}.bulk-action-btn.delete-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 6px 16px #e74c3c80;transform:translateY(-2px)}.update-btn{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 4px 12px #3498db4d}.update-btn:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#21618c);box-shadow:0 6px 16px #3498db80;transform:translateY(-2px)}.update-btn:disabled{opacity:.5;cursor:not-allowed}.no-attributes{color:#999;font-style:italic;text-align:center;padding:40px 20px;margin:0}.default-attrs-form{display:flex;flex-direction:column;gap:12px;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid rgba(85,85,85,.3)}.default-attrs-list{margin-top:20px}.default-attrs-title{color:#f39c12;font-size:1em;font-weight:600;margin:0 0 15px;font-family:Pretendard,sans-serif}.default-attrs-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.default-attr-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#3a3a3a66;border:1px solid rgba(85,85,85,.3);border-radius:8px;transition:all .2s ease}.default-attr-item:hover{background:#3a3a3a99;border-color:#f39c1266}.default-attr-info{display:flex;align-items:center;gap:6px;color:#eee;font-size:.95em}.default-attr-info strong{color:#f39c12;font-weight:600}.default-attr-value{color:#bbb}.default-attr-delete-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1em;transition:all .2s ease;flex-shrink:0}.default-attr-delete-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:scale(1.1)}.modal-confirm:active{transform:translateY(0)}.filter-modal{background:linear-gradient(135deg,#2c2c2cfa,#222222fa);border-radius:16px;padding:0;max-width:500px;width:90%;max-height:80vh;box-shadow:0 20px 60px #00000080;border:2px solid rgba(231,76,60,.4);animation:slideUp .3s ease;display:flex;flex-direction:column}.filter-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(85,85,85,.3)}.filter-modal-header h3{margin:0;color:#e74c3c;font-size:1.3em;font-weight:600}.filter-modal-close{background:none;border:none;color:#999;font-size:1.5em;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.filter-modal-close:hover{background:#e74c3c33;color:#e74c3c}.filter-modal-content{padding:24px;overflow-y:auto;flex:1}.filter-modal-input{width:100%;padding:12px 16px;background:#3a3a3a80;border:1px solid rgba(85,85,85,.5);border-radius:8px;color:#eee;font-size:1em;font-family:Pretendard,sans-serif;transition:all .2s ease;box-sizing:border-box}.filter-modal-input:focus{outline:none;border-color:#e74c3c;background:#3a3a3acc;box-shadow:0 0 0 2px #e74c3c33}.filter-modal-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{padding:10px 16px;background:#444c;color:#eee;border:1px solid rgba(85,85,85,.5);border-radius:8px;cursor:pointer;font-size:.9em;font-family:Pretendard,sans-serif;transition:all .2s ease;white-space:nowrap}.filter-chip:hover{background:#e74c3c33;border-color:#e74c3c;color:#eee}.filter-chip.active{background:linear-gradient(135deg,#e74c3c,#c0392b);border-color:#e74c3c;color:#fff;font-weight:600}.filter-modal-actions{padding:16px 24px;border-top:1px solid rgba(85,85,85,.3);display:flex;justify-content:flex-end}.filter-modal-btn{padding:10px 24px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.95em;font-weight:600;font-family:Pretendard,sans-serif;transition:all .2s ease}.filter-modal-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 4px 12px #e74c3c66;transform:translateY(-1px)}.field-order-modal{background:linear-gradient(135deg,#2c2c2cfa,#222222fa);border-radius:16px;padding:0;max-width:600px;width:90%;max-height:80vh;box-shadow:0 20px 60px #00000080;border:2px solid rgba(231,76,60,.4);animation:slideUp .3s ease;display:flex;flex-direction:column}.field-order-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(85,85,85,.3)}.field-order-modal-header h3{margin:0;color:#e74c3c;font-size:1.3em;font-weight:600}.field-order-modal-close{background:none;border:none;color:#999;font-size:1.5em;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.field-order-modal-close:hover{background:#e74c3c33;color:#e74c3c}.field-order-modal-content{padding:24px;overflow-y:auto;flex:1}.field-order-description{color:#bbb;font-size:.9em;margin:0 0 20px;text-align:center}.field-order-list{display:flex;flex-direction:column;gap:8px}.field-order-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#3a3a3a99;border:1px solid rgba(85,85,85,.5);border-radius:8px;cursor:grab;transition:all .2s ease;-webkit-user-select:none;user-select:none}.field-order-item:hover{background:#444c;border-color:#e74c3c80}.field-order-item.dragging{opacity:.5;border:1px dashed #e74c3c}.field-order-item:active{cursor:grabbing}.field-order-drag-handle{color:#999;font-size:1.2em;line-height:1}.field-order-label{color:#eee;font-size:1em;font-weight:500;flex:1}.field-order-modal-actions{padding:16px 24px;border-top:1px solid rgba(85,85,85,.3);display:flex;justify-content:space-between;gap:12px}.field-order-modal-btn{padding:10px 24px;border:none;border-radius:8px;cursor:pointer;font-size:.95em;font-weight:600;font-family:Pretendard,sans-serif;transition:all .2s ease}.field-order-modal-btn.primary{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.field-order-modal-btn.primary:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 4px 12px #e74c3c66;transform:translateY(-1px)}.field-order-modal-btn.secondary{background:#444c;color:#eee;border:1px solid rgba(85,85,85,.5)}.field-order-modal-btn.secondary:hover{background:#555555e6;border-color:#e74c3c80}.fab-field-order{background:linear-gradient(135deg,#9b59b6,#8e44ad);font-size:1.5em;box-shadow:0 4px 20px #9b59b666;bottom:255px}.fab-field-order.visible{opacity:1;visibility:visible;transform:scale(1) translateY(0);pointer-events:auto;transition-delay:.15s}.fab-field-order:hover{transform:scale(1.1) translateY(0);box-shadow:0 6px 28px #9b59b699;background:linear-gradient(135deg,#8e44ad,#71368a)}.fab-field-order:active{transform:scale(.95) translateY(0)}@media (max-width: 768px){.fab-field-order{font-size:1.3em;bottom:calc(274px + env(safe-area-inset-bottom,0px))}}.field-order-preview-toggle{background:#5555554d;border:1px solid rgba(85,85,85,.5);border-radius:6px;padding:4px 8px;font-size:1.2em;cursor:pointer;transition:all .2s ease;margin-left:auto}.field-order-preview-toggle:hover{background:#e74c3c33;border-color:#e74c3c80}.field-order-preview-toggle.active{background:#e74c3c4d;border-color:#e74c3cb3}.preview-text{color:#ddd;margin-left:6px;font-size:.95em}.field-order-item.dragging{transition:none;opacity:.7}.field-order-list{touch-action:none}.field-order-number{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:#e74c3c33;border:1px solid rgba(231,76,60,.4);border-radius:6px;color:#e74c3c;font-weight:600;font-size:.9em}.field-order-preview-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.field-order-preview-checkbox .checkbox-label{font-size:.85em;color:#ccc;white-space:nowrap}.field-order-preview-checkbox:hover .checkbox-label{color:#e74c3c}.field-order-preview-checkbox{display:flex;align-items:center;gap:6px;margin-left:auto;cursor:pointer;-webkit-user-select:none;user-select:none}.field-order-preview-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.field-order-preview-checkbox .checkbox-label{font-size:.85em;color:#bbb;white-space:nowrap}.member-management-modal{background:linear-gradient(135deg,#2c2c2cfa,#222222fa);border-radius:16px;padding:0;max-width:600px;width:90%;max-height:80vh;box-shadow:0 20px 60px #00000080;border:2px solid rgba(231,76,60,.4);animation:slideUp .3s ease;display:flex;flex-direction:column}.member-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(85,85,85,.3)}.member-modal-header h3{margin:0;color:#e74c3c;font-size:1.3em;font-weight:600}.member-modal-close{background:none;border:none;color:#999;font-size:1.5em;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.member-modal-close:hover{background:#e74c3c33;color:#e74c3c}.member-modal-body{padding:24px;overflow-y:auto;flex:1}.member-add-section{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid rgba(85,85,85,.3)}.member-add-section h3{margin:0 0 15px;color:#e74c3c;font-size:1.1em;font-weight:600}.member-add-form{display:flex;gap:10px}.member-add-form input{flex:1;padding:10px 15px;background-color:#222c;border:1px solid rgba(85,85,85,.5);border-radius:6px;color:#e0e0e0;font-size:1em;transition:all .3s ease}.member-add-form input:focus{outline:none;border-color:#e74c3c;background-color:#222}.member-add-form button{padding:10px 20px;background-color:#e74c3c;color:#fff;border:none;border-radius:6px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.member-add-form button:hover{background-color:#c0392b;transform:translateY(-2px)}.member-list-section h3{margin:0 0 15px;color:#e74c3c;font-size:1.1em;font-weight:600}.member-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.member-item{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background-color:#2229;border:1px solid rgba(85,85,85,.3);border-radius:6px;transition:all .3s ease}.member-item:hover{background-color:#222222e6;border-color:#e74c3c80}.member-item input{flex:1;padding:8px 12px;background-color:#222c;border:1px solid rgba(85,85,85,.5);border-radius:6px;color:#e0e0e0;font-size:1em;transition:all .3s ease}.member-item input:focus{outline:none;border-color:#e74c3c;background-color:#222}.member-name{flex:1;color:#e0e0e0;font-size:1em;font-weight:500}.member-actions{display:flex;gap:8px;align-items:center}.member-actions button{padding:8px 16px;border:1px solid transparent;border-radius:6px;font-size:.95em;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:60px;white-space:nowrap;height:36px;display:flex;align-items:center;justify-content:center}.member-actions .edit-btn,.member-actions .save-btn{background-color:#3498db33;color:#3498db;border:1px solid rgba(52,152,219,.4)}.member-actions .edit-btn:hover,.member-actions .save-btn:hover{background-color:#3498db4d;transform:translateY(-1px)}.member-actions .delete-btn,.member-actions .cancel-btn{background:#e74c3c33;color:#e74c3c;border:1px solid rgba(231,76,60,.4);width:auto;height:36px;border-radius:6px;box-shadow:none;position:static;top:auto}.member-actions .delete-btn:hover,.member-actions .cancel-btn:hover{background:#e74c3c4d;transform:translateY(-1px);box-shadow:none}.empty-message{text-align:center;color:#999;font-style:italic;padding:20px 0}.member-pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;padding-top:15px;border-top:1px solid rgba(85,85,85,.3)}.member-pagination button{background:#3498db33;color:#3498db;border:1px solid rgba(52,152,219,.4);border-radius:6px;width:36px;height:36px;font-size:1.2em;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.member-pagination button:hover:not(:disabled){background:#3498db4d;transform:translateY(-1px)}.member-pagination button:disabled{opacity:.3;cursor:not-allowed}.member-pagination span{color:#e0e0e0;font-weight:600;min-width:60px;text-align:center}.open-rating-modal-btn{margin-left:10px;padding:4px 12px;background-color:#3498db33;color:#3498db;border:1px solid rgba(52,152,219,.4);border-radius:6px;font-size:.85em;font-weight:600;cursor:pointer;transition:all .3s ease}.open-rating-modal-btn:hover{background-color:#3498db4d;transform:translateY(-1px)}.member-rating-modal{background:linear-gradient(135deg,#2c2c2cfa,#222222fa);border-radius:16px;padding:0;max-width:500px;width:90%;max-height:70vh;box-shadow:0 20px 60px #00000080;border:2px solid rgba(231,76,60,.4);animation:slideUp .3s ease;display:flex;flex-direction:column}.member-rating-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(85,85,85,.3)}.member-rating-modal-header h3{margin:0;color:#e74c3c;font-size:1.3em;font-weight:600}.member-rating-modal-close{background:none;border:none;color:#999;font-size:1.5em;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.member-rating-modal-close:hover{background:#e74c3c33;color:#e74c3c}.member-rating-modal-body{padding:24px;overflow-y:auto;flex:1}.member-ratings-list{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.member-rating-item{display:flex;align-items:center;gap:10px;padding:10px;background-color:#22222280;border:1px solid rgba(85,85,85,.3);border-radius:8px}.member-rating-item .member-name{min-width:100px;color:#ccc;font-size:1em;font-weight:500}.member-rating-input{flex:1;padding:8px 12px;background-color:#222c;border:1px solid rgba(85,85,85,.5);border-radius:6px;color:#e0e0e0;font-size:1em;text-align:center;transition:all .3s ease}.member-rating-input:focus{outline:none;border-color:#e74c3c;background-color:#222}.rating-unit{color:#999;font-size:.9em}.average-rating{color:#e74c3c;font-weight:700;font-size:1.1em;margin:0 5px}.rating-count{color:#999;font-size:.9em;margin-left:5px}.average-rating-display{padding:15px;background-color:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:8px;text-align:center;font-size:1.1em;color:#ddd}.fab-member-management{background:linear-gradient(135deg,#3498db,#2980b9);font-size:1.5em;box-shadow:0 4px 20px #3498db66;bottom:330px}.fab-member-management.visible{opacity:1;visibility:visible;transform:scale(1) translateY(0);pointer-events:auto;transition-delay:.2s}.fab-member-management:hover{transform:scale(1.1) translateY(0);box-shadow:0 6px 28px #3498db99;background:linear-gradient(135deg,#2980b9,#21618c)}.fab-member-management:active{transform:scale(.95) translateY(0)}@media (max-width: 768px){.fab-member-management{font-size:1.3em;bottom:calc(336px + env(safe-area-inset-bottom,0px))}}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.user-actions{display:flex;align-items:center;gap:15px}.user-info{font-size:14px;color:#555}.btn-login,.btn-logout,.btn-admin,.btn-my{padding:8px 16px;border:none;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;min-width:80px;text-align:center}.btn-login{background:#e74c3c;color:#fff}.btn-login:hover{background:#c0392b;transform:translateY(-2px)}.btn-admin{background:#f39c12;color:#fff}.btn-admin:hover{background:#e67e22;transform:translateY(-2px)}.btn-my{background:#3498db;color:#fff}.btn-my:hover{background:#2980b9;transform:translateY(-2px)}.btn-logout{background:#f44336;color:#fff}.btn-logout:hover{background:#d32f2f}@media (max-width: 768px){.header{flex-direction:column;gap:15px;align-items:stretch}.header h1{font-size:1.5em;margin:0;gap:10px}.header-logo{height:35px}.user-info{font-size:13px}.user-actions{justify-content:center;flex-wrap:wrap;gap:10px}.btn-login,.btn-logout,.btn-admin,.btn-my{padding:8px 16px;font-size:13px;flex:1;min-width:80px}}@media (max-width: 480px){.header h1{font-size:1.2em;gap:8px}.header-logo{height:28px}.user-info{font-size:12px}.btn-login,.btn-logout,.btn-admin,.btn-my{padding:6px 12px;font-size:12px}}.auth-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298,#1a1a2e);padding:20px}.auth-box{background:#1a1a1af2;border-radius:12px;padding:40px;width:100%;max-width:400px;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(231,76,60,.2)}.auth-box h1{text-align:center;margin-bottom:10px;font-size:2rem;font-family:Orbitron,sans-serif;color:#e74c3c;text-shadow:0 0 8px rgba(231,76,60,.5)}.auth-box h2{text-align:center;margin-bottom:30px;color:#e0e0e0}.error-message{background-color:#e74c3c33;color:#e74c3c;padding:10px;border-radius:5px;margin-bottom:20px;text-align:center;border:1px solid rgba(231,76,60,.3)}.success-message{background-color:#2ecc7133;color:#2ecc71;padding:10px;border-radius:5px;margin-bottom:20px;text-align:center;border:1px solid rgba(46,204,113,.3)}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#b0b0b0}.form-group input{padding:12px;border:1px solid rgba(85,85,85,.5);border-radius:5px;font-size:14px;transition:border-color .3s;background-color:#222c;color:#e0e0e0}.form-group input:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 5px #e74c3c4d}.form-group input:disabled{background-color:#22222280;cursor:not-allowed;opacity:.6}.btn-primary{padding:12px;background:#e74c3c;color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 8px #e74c3c4d}.btn-primary:hover:not(:disabled){background:#c0392b;box-shadow:0 6px 12px #e74c3c66;transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:10px;background:transparent;color:#e74c3c;border:1px solid #e74c3c;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#e74c3c;color:#fff}.auth-footer{margin-top:30px;text-align:center}.auth-footer p{color:#888;font-size:14px;margin-bottom:10px}.admin-container{position:fixed;inset:0;min-height:100vh;background:#0a0a0a;padding:20px;overflow-y:auto;z-index:1000;box-sizing:border-box}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#1a1a1af2;border-radius:12px;border:1px solid rgba(231,76,60,.2)}.admin-header h1{margin:0;color:#e74c3c;font-size:1.5rem;font-family:Orbitron,sans-serif;text-shadow:0 0 8px rgba(231,76,60,.5)}.admin-header-actions{display:flex;gap:12px}.admin-message{padding:12px 20px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500}.admin-message.success{background-color:#2ecc7133;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.admin-message.error{background-color:#e74c3c33;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.admin-message.info{background-color:#3498db33;color:#3498db;border:1px solid rgba(52,152,219,.3)}.admin-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid rgba(85,85,85,.3);padding-bottom:0;overflow-x:auto;flex-wrap:wrap}.admin-tab{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:#888;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;white-space:nowrap}.admin-tab:hover{color:#e0e0e0;background:#5553}.admin-tab.active{color:#e74c3c;border-bottom-color:#e74c3c}.admin-content{display:flex;flex-direction:column;gap:0}.admin-section{background:#1a1a1a;border-radius:12px;padding:24px;border:1px solid rgba(231,76,60,.2);box-shadow:0 4px 12px #00000080}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{margin:0;color:#f39c12;font-size:1.5rem;font-weight:600}.invite-list,.member-list{display:flex;flex-direction:column;gap:12px}.invite-item,.member-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#222c;border:1px solid rgba(85,85,85,.3);border-radius:8px;transition:border-color .2s}.invite-item:hover,.member-item:hover{border-color:#e74c3c80}.invite-info,.member-info{display:flex;flex-direction:column;gap:6px;flex:1}.invite-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.invite-token{font-family:Courier New,monospace;color:#3498db;font-weight:600;word-break:break-all}.invite-status{padding:4px 10px;border-radius:12px;font-size:.8em;font-weight:600;text-transform:uppercase}.invite-status.status-active{background:#2ecc7133;color:#2ecc71;border:1px solid rgba(46,204,113,.4)}.invite-status.status-used{background:#3498db33;color:#3498db;border:1px solid rgba(52,152,219,.4)}.invite-status.status-expired{background:#e74c3c33;color:#e74c3c;border:1px solid rgba(231,76,60,.4)}.invite-date,.invite-expiry,.invite-used-by,.invite-used-date,.member-date{color:#888;font-size:.9em}.invite-expiry{color:#e67e22}.invite-used-date,.invite-used-by{color:#3498db;font-weight:500}.invite-item.status-used,.invite-item.status-expired{opacity:.7}.section-subtitle{margin:24px 0 12px;color:#f39c12;font-size:1.1rem;font-weight:600}.member-name{color:#e0e0e0;font-weight:600;font-size:1.1em}.member-email{color:#3498db;font-size:.95em}.member-email.legacy{color:#e67e22;font-style:italic}.member-role{padding:4px 10px;border-radius:12px;font-size:.75em;font-weight:600;text-transform:uppercase;margin-top:4px;align-self:flex-start}.member-role.user{background:#3498db33;color:#3498db;border:1px solid rgba(52,152,219,.4)}.member-role.admin{background:#e74c3c33;color:#e74c3c;border:1px solid rgba(231,76,60,.4)}.member-item.legacy{background:#e67e221a;border-color:#e67e224d}.legacy-badge{padding:4px 10px;border-radius:12px;background:#e67e2233;color:#e67e22;border:1px solid rgba(230,126,34,.4);font-size:.75em;font-weight:600;text-transform:uppercase}.assign-account-form{display:flex;gap:8px;align-items:center}.btn-assign{padding:8px 16px;background:#e67e22;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-assign:hover{background:#d35400;transform:translateY(-2px)}.member-actions{display:flex;gap:8px}.btn-copy,.btn-approve,.btn-reject{padding:8px 16px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9em}.btn-copy{background:#3498db;color:#fff}.btn-copy:hover{background:#2980b9;transform:translateY(-2px)}.btn-approve{background:#2ecc71;color:#fff}.btn-approve:hover{background:#27ae60;transform:translateY(-2px)}.btn-reject{background:#e74c3c;color:#fff}.btn-reject:hover{background:#c0392b;transform:translateY(-2px)}.btn-logout{padding:10px 20px;background:transparent;color:#e74c3c;border:1px solid #e74c3c;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#e74c3c;color:#fff}.empty-message{text-align:center;color:#888;padding:20px;font-style:italic}.field-order-list{margin-top:16px}.field-order-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.field-order-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#252525;border:1px solid rgba(85,85,85,.3);border-radius:8px;color:#e0e0e0}.field-name{font-weight:500}.preview-badge{background:#3498db;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8em;font-weight:600}.inline-form{background:#252525;padding:20px;border-radius:8px;margin-bottom:24px;border:1px solid rgba(231,76,60,.1)}.form-title{margin:0 0 16px;color:#f39c12;font-size:1.1rem;font-weight:600}.form-row{display:flex;gap:12px;align-items:center}.form-input{flex:1;padding:10px 14px;background:#1a1a1a;border:1px solid rgba(85,85,85,.5);border-radius:6px;color:#e0e0e0;font-size:.95rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:#e74c3c}.btn-add{padding:10px 24px;background:#2ecc71;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-add:hover{background:#27ae60;transform:translateY(-2px)}.btn-delete-small{padding:6px 12px;background:#e74c3c;color:#fff;border:none;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-delete-small:hover{background:#c0392b}.field-order-item.draggable{display:flex;align-items:center;gap:16px;padding:14px 18px;background:#252525;border:1px solid rgba(85,85,85,.3);border-radius:8px;color:#e0e0e0;cursor:grab;transition:all .2s;-webkit-user-select:none;user-select:none}.field-order-item.draggable:hover{background:#2a2a2a;border-color:#e74c3c80}.field-order-item.draggable:active{cursor:grabbing}.field-order-item.draggable.dragging{opacity:.5;border:2px dashed #e74c3c;background:#1a1a1a}.order-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#e74c3c33;border:1px solid rgba(231,76,60,.4);border-radius:6px;color:#e74c3c;font-weight:700;font-size:.95rem;flex-shrink:0}.preview-toggle{display:flex;align-items:center;gap:6px;margin-left:auto}.preview-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}.toggle-label{font-size:.9rem;color:#888}.attribute-list{margin-top:16px}.attribute-items-list{display:flex;flex-direction:column;gap:12px}.attribute-item-row{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#252525;border:1px solid rgba(85,85,85,.3);border-radius:8px;transition:border-color .2s}.attribute-item-row:hover{border-color:#e74c3c80}.attr-info{display:flex;flex-direction:column;gap:4px;flex:1}.attribute-key{color:#e74c3c;font-weight:600;font-size:1rem}.attribute-default-value{color:#888;font-size:.85rem}.attr-actions{display:flex;gap:8px}.form-input-small{flex:1;padding:8px 12px;background:#1a1a1a;border:1px solid rgba(85,85,85,.5);border-radius:6px;color:#e0e0e0;font-size:.9rem}.form-input-small:focus{outline:none;border-color:#e74c3c}.btn-edit-small,.btn-save-small,.btn-cancel-small{padding:6px 12px;border:none;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-edit-small{background:#3498db;color:#fff}.btn-edit-small:hover{background:#2980b9}.btn-save-small{background:#2ecc71;color:#fff}.btn-save-small:hover{background:#27ae60}.btn-cancel-small{background:#95a5a6;color:#fff}.btn-cancel-small:hover{background:#7f8c8d}.form-select-small{padding:8px 12px;background:#1a1a1a;border:1px solid rgba(85,85,85,.5);border-radius:6px;color:#e0e0e0;font-size:.9rem;cursor:pointer;transition:border-color .2s}.form-select-small:focus{outline:none;border-color:#e74c3c}.member-edit-form{display:flex;gap:12px;align-items:center;width:100%;flex-wrap:wrap}.member-edit-actions{display:flex;gap:8px}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;color:#e0e0e0;font-size:1.2em}@media (max-width: 768px){.admin-container{padding:10px}.admin-header{flex-direction:column;align-items:flex-start;gap:16px;padding:15px}.admin-header h1{font-size:1.3rem}.admin-header-actions{width:100%}.admin-header-actions button{flex:1}.invite-item,.member-item{flex-direction:column;align-items:flex-start;gap:12px}.member-actions{width:100%}.member-actions button{flex:1}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-header button{width:100%}.form-row{flex-direction:column}.form-input,.btn-add{width:100%}.attribute-item-row{flex-direction:column;align-items:flex-start}.attr-actions{width:100%}.attr-actions button{flex:1}.admin-tabs{overflow-x:auto;flex-wrap:nowrap}.invite-header{flex-direction:column;align-items:flex-start}.assign-account-form{flex-direction:column;width:100%}.assign-account-form input,.assign-account-form button{width:100%}.member-item.legacy{flex-direction:column;align-items:flex-start}.legacy-badge{margin-top:4px}.member-edit-form{flex-direction:column;width:100%}.member-edit-form input,.member-edit-form select,.member-edit-actions{width:100%}.member-edit-actions button{flex:1}}