@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=SF+Pro+Display:wght@400;500;600;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--navy: #003465;--blue-accent: #0088FF;--white: #FFFFFF;--off-white: #F5F5F5;--gray-light: #F2F2F2;--gray-mid: #CCCCCC;--gray-dark: #727272;--gray-darker: #DDDDDD;--dark: #1A1A1A;--dark-bg: #262626;--glass-bg: rgba(255, 255, 255, .5);--glass-bg-light: rgba(242, 242, 242, .5);--glass-blur: blur(2px);--glass-shadow: 0px 4px 19.8px 2px rgba(0, 0, 0, .1);--sheet-bg: linear-gradient(0deg, rgba(245, 245, 245, .6), rgba(245, 245, 245, .6));--sheet-shadow: 0px 8px 40px rgba(0, 0, 0, .12);--sheet-radius-top: 34px;--sheet-radius-bottom: 58px;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-sf: "SF Pro", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--section-gap: 60px}html,body{overflow-x:hidden;width:100%;position:relative}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background:var(--white);color:var(--dark);min-height:100vh}#root{position:relative;width:100%;min-height:100vh}.main-wrapper{position:relative;width:100%;min-height:100vh;overflow-x:hidden}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes blobMorph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30%/30% 40% 70% 50%}75%{border-radius:60% 30% 60% 40%/70% 50% 40% 60%}}.dock-container{position:absolute;bottom:49px;left:50%;transform:translate(-50%);z-index:20;display:flex;justify-content:center;max-width:95vw}.dock{display:flex;align-items:center;gap:clamp(4px,.5vw,8px);padding:clamp(6px,.8vw,10px) clamp(10px,1.2vw,16px);background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:clamp(14px,1.8vw,22px);box-shadow:0 4px 30px #00000014,inset 0 1px #fff9;border:1px solid rgba(255,255,255,.4)}.dock-divider{width:1px;height:clamp(30px,4vw,50px);background:#fff9;margin:0 clamp(2px,.3vw,4px);flex-shrink:0}.dock-icon{width:clamp(36px,4vw,56px);height:clamp(36px,4vw,56px);border-radius:clamp(8px,1vw,14px);object-fit:cover;cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1);will-change:transform;flex-shrink:0}.dock-icon:hover{transform:scale(1.15) translateY(-6px)}@media (max-width: 768px){.dock-container{bottom:20px}.dock{padding:6px 10px;border-radius:14px;gap:4px}.dock-icon{width:32px;height:32px;border-radius:8px}.dock-divider{height:24px}}@media (max-height: 700px){.dock-container{bottom:15px}}@media (min-width: 2560px){.dock-icon{width:64px;height:64px;border-radius:16px}.dock{gap:10px;padding:14px 22px;border-radius:26px}}.hero-section{position:relative;z-index:20;width:100%;height:100vh;height:100dvh;min-height:600px;overflow:hidden}.hero-person{position:absolute;bottom:clamp(0px,2vh,40px);left:50%;transform:translate(-50%) translateY(-2px);z-index:14;width:auto;height:clamp(600px,100dvh,1100px);object-fit:contain;opacity:.8;filter:drop-shadow(0 20px 60px rgba(0,0,0,.15));-webkit-user-select:none;user-select:none;pointer-events:none}.hero-person-blur{position:absolute;bottom:60px;left:50%;transform:translate(-50%);width:500px;height:180px;opacity:.6;filter:blur(34px);z-index:5;pointer-events:none}.hero-gradient-overlay{position:absolute;bottom:0;left:0;right:0;height:40vh;min-height:250px;background:linear-gradient(to top,transparent 0%,rgba(255,255,255,.95) 15%,rgba(255,255,255,0) 100%);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);-webkit-mask-image:linear-gradient(to top,transparent 0%,black 15%,transparent 100%);mask-image:linear-gradient(to top,transparent 0%,black 15%,transparent 100%);pointer-events:none;z-index:15}.desktop-files{position:absolute;top:0;left:0;width:100%;height:100%;z-index:16;pointer-events:none}.desktop-file{position:absolute;cursor:grab;pointer-events:all;-webkit-user-select:none;user-select:none;z-index:16}.desktop-file-anim{display:flex;flex-direction:column;align-items:center;gap:6px;transition:filter .2s}.desktop-file:active{cursor:grabbing}.desktop-file.react-draggable-dragging{z-index:100;filter:drop-shadow(0 8px 20px rgba(0,0,0,.2))}.desktop-file-thumbnail{width:90px;height:90px;border-radius:4px;object-fit:contain;box-shadow:0 2px 8px #00000014}.desktop-file-folder{margin-bottom:-15px;position:relative}.desktop-file-folder.folder-lg{width:clamp(90px,9vw,140px);height:clamp(65px,6.5vw,100px)}.desktop-file-folder.folder-md{width:clamp(70px,7vw,110px);height:clamp(50px,5vw,80px)}.desktop-file-folder .folder-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.desktop-file-folder .folder-preview{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;object-fit:contain;z-index:1}.desktop-file-icon{object-fit:contain;filter:drop-shadow(0 3px 10px rgba(0,0,0,.1))}.desktop-file-icon.icon-lg{width:clamp(90px,9vw,140px);height:clamp(90px,9vw,140px)}.desktop-file-icon.icon-md{width:clamp(70px,7vw,110px);height:clamp(70px,7vw,110px)}.desktop-file-name{font-family:var(--font-primary);font-weight:457;font-size:11px;text-align:center;color:var(--navy);width:100%;line-height:1.3;text-shadow:0 1px 3px rgba(255,255,255,.8)}.desktop-file-name{font-size:clamp(9px,.8vw,12px)}@media (max-width: 900px){.hero-person{height:clamp(450px,85dvh,850px);bottom:0}}@media (max-width: 768px){.desktop-file{transform:scale(.5);transform-origin:center center}.desktop-file-name{font-size:11px;max-width:90px;white-space:normal}.hero-gradient-overlay{height:25vh}}@media (min-width: 2560px){.hero-person{max-height:1250px}.desktop-file-folder{width:140px;height:140px}.desktop-file-name{font-size:14px}}.folder-window-container{position:absolute;left:0;top:0;width:min(95vw,980px);height:min(88vh,880px);background:#fff;box-shadow:0 15px 75px #0000002e;border-radius:38px;display:flex;flex-direction:column;overflow:hidden}.folder-window-toolbar{display:flex;flex-direction:column;align-items:center;padding:0 0 10px;width:100%;height:70px;flex:none;cursor:grab;background:#fff;z-index:2}.folder-window-toolbar:active{cursor:grabbing}.folder-window-grabber-area{display:flex;flex-direction:column;align-items:center;padding:5px 0 0;width:100%;height:16px;flex:none}.folder-window-grabber{width:36px;height:5px;background:#ccc;mix-blend-mode:plus-darker;border-radius:100px}.folder-window-controls{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 16px;width:100%;height:44px;position:relative;box-sizing:border-box}.folder-window-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;width:44px;height:44px;border-radius:296px;border:none;cursor:pointer;z-index:2;position:relative;transition:transform .15s ease}.folder-window-btn:active{transform:scale(.95)}.folder-btn-leading{background:#78788029;color:#727272}.folder-btn-trailing{background:#08f;color:#fff}.folder-window-title{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);font-family:var(--font-sf, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-weight:590;font-size:17px;line-height:22px;text-align:center;letter-spacing:-.43px;color:#1a1a1a;mix-blend-mode:plus-darker;pointer-events:none;z-index:1}.folder-window-content{flex:1;overflow-y:auto;padding:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;align-content:start}.folder-item{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:transform .2s ease}.folder-item:hover{transform:scale(1.02)}.folder-item-image{width:100%;height:auto;max-height:28vh;border-radius:15px;object-fit:contain}.folder-item-label{font-family:var(--font-sf-compact, system-ui, -apple-system, sans-serif);font-weight:790;font-size:16px;line-height:1.2;color:#003465;text-align:center;word-break:break-word}@media (max-width: 768px){.folder-window-container{border-radius:24px;width:90vw;height:auto;max-height:80vh}.folder-window-toolbar{height:55px;padding:0 0 5px}.folder-window-controls{height:36px;padding:0 12px}.folder-window-btn{width:34px;height:34px}.folder-window-title{font-size:15px}.folder-window-content{padding:16px;grid-template-columns:repeat(2,1fr);gap:16px}.folder-item{gap:8px}.folder-item-image{max-height:15vh;border-radius:10px}.folder-item-label{font-size:12px}}.services-section{position:relative;z-index:15;width:100%;max-width:1200px;margin:0 auto;padding:60px 56px 80px}.stats-bar{display:flex;justify-content:space-between;align-items:flex-start;padding:0 0 48px;border-bottom:1px solid rgba(0,0,0,.08);margin-bottom:0}.stat-item{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex:1}.stat-value{font-family:var(--font-sf, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif);font-weight:700;font-size:clamp(32px,4vw,52px);line-height:1;color:#1d1d1f;letter-spacing:-1px}.stat-label{font-family:var(--font-sf, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif);font-size:11px;font-weight:500;color:#86868b;text-transform:uppercase;letter-spacing:.5px;line-height:1.4;max-width:180px}.services-list{display:flex;flex-direction:column}.service-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:40px 16px;border-bottom:1px solid rgba(0,0,0,.08)}.service-left{display:flex;flex-direction:column;gap:12px}.service-title{font-family:var(--font-sf, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif);font-weight:600;font-size:clamp(22px,2.5vw,32px);line-height:1.2;color:#1d1d1f;letter-spacing:-.5px;margin:0}.service-desc{font-family:var(--font-sf, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif);font-size:14px;color:#86868b;line-height:1.65;margin:0;max-width:420px}.service-right{display:flex;align-items:flex-start;padding-top:8px}.service-detail{font-family:var(--font-sf, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif);font-size:14px;color:#636366;line-height:1.7;margin:0;white-space:pre-wrap}@media (max-width: 900px){.services-section{padding:40px 28px 60px}.stats-bar{flex-wrap:wrap;gap:24px 0;padding-bottom:32px}.stat-item{flex:0 0 50%;margin-bottom:8px}.service-row{grid-template-columns:1fr;gap:16px;padding:28px 12px}}@media (max-width: 480px){.services-section{padding:32px 20px 48px}.stat-value{font-size:28px}.service-title{font-size:20px}}.reveal-init{opacity:0;transform:translateY(30px)}.reveal-active{opacity:1;transform:translateY(0);transition:transform .6s cubic-bezier(.25,1,.5,1),opacity .6s ease-out}.service-row.reveal-init{opacity:0;transform:translateY(20px)}.service-row.reveal-active{opacity:1;transform:translateY(0);transition:transform .5s cubic-bezier(.25,1,.5,1),opacity .5s ease-out}.portfolio-section{position:relative;z-index:15;padding:40px 30px 60px;max-width:1440px;margin:0 auto}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.portfolio-card{position:relative;width:100%;height:480px;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s}.portfolio-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #00000026}.portfolio-card img{width:100%;height:100%;object-fit:contain;background-color:#f8f9fa;transition:transform .6s}.portfolio-card:hover img{transform:scale(1.05)}.portfolio-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.5) 100%);opacity:0;transition:opacity .4s;display:flex;align-items:flex-end;padding:24px}.portfolio-card:hover .portfolio-card-overlay,.portfolio-card.active .portfolio-card-overlay{opacity:1}.portfolio-card-overlay h3{color:#fff;font-size:36px;font-weight:600}.portfolio-card-overlay p{color:#fffc;font-size:26px;margin-top:4px}@media (max-width: 900px){.portfolio-section{padding:30px 15px 40px}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:16px}.portfolio-card{height:300px}}@media (max-width: 600px){.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:12px}.portfolio-card{height:180px}.portfolio-card-overlay{background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.8) 100%);padding:12px}.portfolio-card-overlay h3{font-size:16px}.portfolio-card-overlay p{font-size:12px}}.portfolio-card.reveal-init{opacity:0;transform:translateY(60px) scale(.95)}.portfolio-card.reveal-active{opacity:1;transform:translateY(0) scale(1);transition:transform .8s cubic-bezier(.34,1.56,.64,1),opacity .8s ease-out,box-shadow .4s}.footer{position:relative;z-index:20;display:flex;justify-content:center;padding:30px 40px 50px}.footer-bar{display:flex;align-items:center;justify-content:center;gap:0;padding:14px 30px;background:var(--glass-bg-light);box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:20px;max-width:1100px;width:100%}.footer-section{display:flex;align-items:center;gap:12px;padding:0 30px;flex:1;justify-content:center}.footer-divider{width:1px;height:50px;background:var(--gray-darker);flex-shrink:0}.footer-icon{width:48px;height:48px;border-radius:12px;object-fit:cover;flex-shrink:0}.footer-text{font-family:var(--font-primary);font-weight:700;font-size:13px;line-height:1.3;color:var(--navy);letter-spacing:.3px}@media (max-width: 900px){.footer-bar{flex-direction:column;gap:15px;padding:20px}.footer-divider{width:80%;height:1px}}.liquid-ether-container{position:relative;overflow:hidden;width:100%;height:100%;touch-action:none}.project-detail-container{position:relative;width:100%;min-height:100vh;background:#fff;display:flex;flex-direction:column;align-items:center;padding-bottom:100px;z-index:999}.project-back-btn{position:absolute;left:49px;top:27px;width:77px;height:77px;background:#e9e9ea;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s,transform .2s;color:#3d3d3d;z-index:10}.project-back-btn:hover{background:#d0d0d1;transform:scale(1.05)}.project-header{display:flex;flex-direction:column;align-items:center;margin-top:175px;margin-bottom:115px;max-width:1173px;text-align:center;padding:0 20px}.project-title{font-family:Prata,serif;font-weight:400;font-size:55px;line-height:1.2;color:#3d3d3d;margin:0 0 36px}.project-description{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:300;font-size:24px;line-height:1.46;color:#585858;margin:0}.project-composer{display:flex;flex-wrap:wrap;gap:6px;max-width:1400px;width:100%;margin:0 auto;padding:0 24px;box-sizing:border-box}.project-composer-item{overflow:hidden;border-radius:0;background:#e9e9ea;flex-shrink:0;height:auto}.project-composer-image{width:100%;height:auto;object-fit:contain;display:block;image-rendering:high-quality;image-rendering:-webkit-optimize-contrast}.project-grid{display:grid;grid-template-columns:repeat(4,344px);gap:11px 11px;max-width:1440px;margin:0 auto;justify-content:center}.project-grid-item{border-radius:5px;overflow:hidden;background-color:#e9e9ea}.project-image{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 1440px){.project-grid{grid-template-columns:repeat(3,344px)}}@media (max-width: 1100px){.project-grid{grid-template-columns:repeat(2,344px)}.project-title{font-size:45px}.project-description{font-size:20px}}@media (max-width: 768px){.project-composer{gap:4px;padding:0 12px}.project-composer-item{width:100%!important;height:auto!important;aspect-ratio:auto!important}.project-composer-image{object-fit:contain!important;height:auto!important}.project-grid{grid-template-columns:repeat(1,100%);gap:20px;padding:0 20px;width:100%}.project-back-btn{left:20px;top:20px;width:50px;height:50px}.project-header{margin-top:100px;margin-bottom:50px}.project-title{font-size:36px}.project-description{font-size:18px}}.admin-shell{display:flex;min-height:100vh;background:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1a1a2e}.admin-loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px;color:#888}.admin-sidebar{width:260px;min-height:100vh;background:#1a1a2e;color:#c0c0d0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-brand{padding:24px 20px;font-size:18px;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.06)}.brand-icon{color:#818cf8;font-size:22px}.sidebar-nav{flex:1;padding:16px 12px}.nav-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#666;padding:8px 12px 6px;margin-top:8px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:500;color:#a0a0b8;text-decoration:none;transition:all .15s;margin-bottom:2px}.nav-item:hover{background:#ffffff0f;color:#e0e0f0}.nav-item.active{background:#4361ee;color:#fff}.nav-item.active svg{stroke:#fff}.sidebar-footer{padding:16px 12px;border-top:1px solid rgba(255,255,255,.06)}.sidebar-logout{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:500;color:#a0a0b8;background:transparent;border:none;cursor:pointer;transition:all .15s}.sidebar-logout:hover{background:#ff50501f;color:#ff6b6b}.admin-main{flex:1;padding:32px;overflow-y:auto}.manager-page{max-width:100%}.manager-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.manager-header h2{margin:0;font-size:22px;font-weight:700}.manager-desc{margin:4px 0 0;color:#888;font-size:14px}.header-actions{display:flex;gap:10px}.btn-primary{background:#4361ee;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s,transform .1s}.btn-primary:hover{background:#3a56d4;transform:translateY(-1px)}.btn-secondary{background:#fff;color:#4361ee;border:1px solid #4361ee;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#f0f4ff}.section-label{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#555;margin-bottom:12px}.form-group{margin-bottom:18px;flex:1}.form-group label{display:block;margin-bottom:6px;font-weight:600;font-size:13px;color:#555}.required{color:#e53e3e}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s;background:#fff;box-sizing:border-box;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1a}.form-group textarea{resize:vertical}.form-row{display:flex;gap:16px}.admin-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;overflow:hidden;margin-bottom:16px}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:#fafafa}.admin-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888;border-bottom:1px solid #f0f0f0}.admin-table td{padding:14px 16px;border-bottom:1px solid #f5f5f5;font-size:14px;vertical-align:middle}.admin-table tbody tr:hover{background:#fafbff}.admin-table tbody tr:last-child td{border-bottom:none}.id-cell{color:#aaa;font-size:13px;font-weight:500}.title-cell{display:flex;align-items:center;gap:8px}.desc-cell{color:#888;font-size:13px}.text-muted{color:#bbb}.thumb-preview{width:36px;height:36px;border-radius:6px;object-fit:cover;background:#f0f0f0}.empty-row{text-align:center;color:#bbb;padding:40px 16px!important;font-size:15px}.table-actions{display:flex;gap:8px}.action-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.action-btn.edit-btn{background:#f0f4ff;color:#4361ee;border-color:#dce4ff}.action-btn.edit-btn:hover{background:#dce4ff}.action-btn.delete-btn{background:#fff2f0;color:#cf1322;border-color:#ffccc7}.action-btn.delete-btn:hover{background:#ffccc7}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:9999;display:flex;justify-content:center;align-items:center}.modal-box{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;width:90%;max-width:420px;padding:28px}.confirm-box{text-align:center}.confirm-box h4{margin:0 0 12px;font-size:18px}.confirm-box p{color:#666;margin:0 0 24px;font-size:14px}.modal-actions{display:flex;gap:12px;justify-content:center}.cancel-btn{padding:9px 20px;border:1px solid #d9d9d9;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.cancel-btn:hover{background:#f5f5f5}.confirm-delete-btn{padding:9px 20px;background:#cf1322;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600}.confirm-delete-btn:hover{background:#a8071a}.admin-login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.admin-login-form{background:#fff;padding:48px 40px;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:420px}.admin-login-form h2{text-align:center;margin:0 0 32px;font-size:24px;font-weight:700;color:#1a1a2e}.admin-error{background:#fff2f0;border:1px solid #ffccc7;color:#cf1322;padding:10px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center}.admin-submit-btn{width:100%;padding:12px;background:#4361ee;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.admin-submit-btn:hover{background:#3a56d4}.edit-page{max-width:100%}.edit-loading{text-align:center;padding:60px;color:#888}.edit-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:14px;color:#888}.breadcrumb-back{background:none;border:none;cursor:pointer;padding:4px;display:flex;color:#4361ee}.breadcrumb-sep{color:#ccc}.breadcrumb-current{color:#333;font-weight:600}.edit-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:32px}.edit-container h2{margin:0 0 28px;font-size:20px;font-weight:700}.form-section{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-title{font-size:15px;font-weight:700;color:#333;margin:0 0 16px}.thumbnail-preview-box{margin-top:10px}.thumbnail-preview-lg{width:120px;height:120px;border-radius:10px;object-fit:cover;border:1px solid #e8e8e8}.images-preview-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.thumb-mini{width:48px;height:48px;border-radius:6px;object-fit:cover;border:1px solid #e8e8e8}.edit-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #f0f0f0}.save-btn{padding:10px 28px;background:#4361ee;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s}.save-btn:hover{background:#3a56d4}.save-btn:disabled{opacity:.6;cursor:not-allowed}.media-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid #e8e8e8}.media-tab{padding:10px 20px;border:none;background:transparent;font-size:14px;font-weight:600;color:#888;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.media-tab:hover{color:#4361ee}.media-tab.active{color:#4361ee;border-bottom-color:#4361ee}.media-empty{background:#fff;border-radius:12px;padding:60px 20px;text-align:center;color:#aaa;font-size:15px;box-shadow:0 1px 3px #0000000f}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.media-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000000f;cursor:pointer;transition:transform .15s,box-shadow .15s;position:relative}.media-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.media-thumb{width:100%;aspect-ratio:1;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.media-thumb img{width:100%;height:100%;object-fit:cover}.copied-badge{position:absolute;top:0;right:0;bottom:0;left:0;background:#4361eed9;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;animation:fadeInOut 2s ease}@keyframes fadeInOut{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}.media-info{padding:10px 12px;display:flex;flex-direction:column;gap:2px}.media-name{font-size:12px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-size{font-size:11px;color:#aaa}.media-delete-btn{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;border:none;background:#00000080;color:#fff;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.media-card:hover .media-delete-btn{opacity:1}.media-delete-btn:hover{background:#cf1322}.picker-field{margin-top:4px}.picker-selected-single{display:flex;align-items:flex-start;gap:16px}.picker-selected-actions{display:flex;flex-direction:column;gap:6px;padding-top:4px}.btn-pick{background:#f0f4ff;color:#4361ee;border:1px solid #dce4ff;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .15s}.btn-pick:hover{background:#dce4ff}.btn-remove-thumb{background:#fff2f0;color:#cf1322;border:1px solid #ffccc7;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .15s}.btn-remove-thumb:hover{background:#ffccc7}.btn-pick-empty{display:flex;align-items:center;gap:10px;padding:20px 24px;border:2px dashed #d9d9d9;border-radius:10px;background:#fafafa;cursor:pointer;color:#888;font-size:14px;transition:all .2s;width:100%}.btn-pick-empty:hover{border-color:#4361ee;color:#4361ee;background:#f8f9ff}.vc-wrapper{margin-top:8px;border:1px solid #e0e0e0;border-radius:12px;overflow:visible;background:#f5f5f7}.vc-canvas{display:flex;flex-wrap:wrap;align-items:stretch;gap:5px;padding:16px 12px 12px;min-height:200px;background:#fff;border-radius:10px;margin:8px;position:relative;overflow:visible}.vc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:200px;color:#bbb;cursor:pointer;border:2px dashed #ddd;border-radius:10px;transition:all .2s;gap:12px}.vc-empty:hover{border-color:#4361ee;color:#4361ee;background:#f8f9ff}.vc-empty p{margin:0;font-size:14px;font-weight:500}.vc-item{position:relative;overflow:visible;border-radius:4px;cursor:pointer;transition:transform .15s,opacity .15s,box-shadow .2s;flex-shrink:0;background:#f0f0f0;min-height:80px}.vc-item:hover{box-shadow:0 0 0 2px #4361ee4d}.vc-item.selected{box-shadow:0 0 0 3px #4361ee;z-index:2}.vc-item.dragging{opacity:.25;transform:scale(.96)}.vc-item.drag-over{box-shadow:0 0 0 3px #22c55e}.vc-item-img{width:100%;height:100%;min-height:80px;display:block;object-fit:cover;pointer-events:none;border-radius:4px}.vc-item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s;pointer-events:none;border-radius:4px}.vc-item:hover .vc-item-overlay{background:#00000026;opacity:1}.vc-drag-handle{font-size:24px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:-2px;cursor:grab;-webkit-user-select:none;user-select:none}.vc-index{position:absolute;top:6px;left:6px;background:#0000008c;color:#fff;font-size:11px;font-weight:700;min-width:22px;height:22px;border-radius:11px;display:flex;align-items:center;justify-content:center;padding:0 5px;z-index:3;pointer-events:none}.vc-toolbar{position:absolute;bottom:-48px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;background:#1a1a2e;border-radius:12px;padding:8px 12px;box-shadow:0 8px 28px #00000059;z-index:10;white-space:nowrap}.vc-size-buttons{display:flex;gap:2px}.vc-size-btn{padding:8px 14px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;background:transparent;color:#aaa;transition:all .15s}.vc-size-btn:hover{background:#ffffff1a;color:#fff}.vc-size-btn.active{background:#4361ee;color:#fff}.vc-delete-btn{border:none;border-radius:8px;cursor:pointer;background:transparent;color:#ff6b6b;display:flex;align-items:center;transition:all .15s;margin-left:4px;border-left:1px solid rgba(255,255,255,.15);padding:8px 10px}.vc-delete-btn:hover{background:#ff646433}.vc-drop-indicator{position:absolute;left:-3px;top:0;bottom:0;width:4px;background:#22c55e;border-radius:2px;z-index:5}.vc-gap-btn{align-self:stretch;min-height:80px;border:2.5px dashed #d0d0d0;border-radius:6px;background:transparent;cursor:pointer;padding:0;transition:all .2s;flex-shrink:0}.vc-gap-btn:hover{border-color:#4361ee}.vc-gap-inner{width:100%;height:100%;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#bbb;font-size:12px;font-weight:500;border-radius:4px;transition:all .2s}.vc-gap-btn:hover .vc-gap-inner{color:#4361ee;background:#f0f4ff}.vc-gap-inner.drag-over{border-color:#22c55e;color:#22c55e;background:#f0fdf4}.vc-add-full-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border:2px dashed #d9d9d9;border-radius:8px;background:#fafafa;cursor:pointer;color:#999;font-size:13px;font-weight:500;transition:all .2s;margin-top:4px}.vc-add-full-btn:hover{border-color:#4361ee;color:#4361ee;background:#f0f4ff}.vc-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;font-size:12px;color:#888;border-top:1px solid #eee}.vc-hint{font-style:italic;color:#bbb}.mp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:99999;display:flex;justify-content:center;align-items:center;padding:20px}.mp-modal{background:#fff;border-radius:16px;box-shadow:0 24px 80px #00000040;width:95%;max-width:1400px;height:90vh;display:flex;flex-direction:column;overflow:hidden}.mp-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0}.mp-header h3{margin:0;font-size:18px;font-weight:700}.mp-close{background:none;border:none;font-size:28px;cursor:pointer;color:#aaa;line-height:1;padding:0}.mp-close:hover{color:#333}.mp-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:1px solid #f0f0f0;gap:12px}.mp-breadcrumb{display:flex;align-items:center;gap:2px;flex-wrap:wrap;font-size:13px}.mp-crumb{background:none;border:none;cursor:pointer;font-size:13px;color:#555;padding:3px 6px;border-radius:4px;transition:all .15s}.mp-crumb:hover{background:#f0f0f5;color:#4361ee}.mp-crumb-sep{color:#ccc;margin:0 2px}.mp-file-count{color:#aaa;font-size:12px;margin-left:6px}.mp-upload-btn{background:#4361ee;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.mp-upload-btn:hover{background:#3a56d4}.mp-upload-btn:disabled{opacity:.6;cursor:not-allowed}.mp-progress-bar{height:3px;background:#e8e8e8;width:100%}.mp-progress-fill{height:100%;background:linear-gradient(90deg,#4361ee,#7c3aed);transition:width .2s;border-radius:2px}.mp-grid{flex:1;overflow-y:auto;padding:16px 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;align-content:start;min-height:200px}.mp-empty{grid-column:1 / -1;text-align:center;color:#bbb;padding:40px}.mp-item{display:flex;flex-direction:column}.mp-item:hover{border-color:#bbb}.mp-item.selected{border-color:#4361ee;box-shadow:0 0 0 2px #4361ee33}.mp-item img{flex-shrink:0;background:#e9e9ea}.mp-folder-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;background:#fafbff;border:2px dashed #e0e0e8}.mp-folder-item:hover{border-color:#4361ee;background:#f0f4ff}.mp-folder-icon{font-size:36px;margin-bottom:4px}.mp-video-thumb{position:relative;width:100%;aspect-ratio:1;background:#111;display:flex;align-items:center;justify-content:center;overflow:hidden}.mp-video-thumb video{width:100%;height:100%;object-fit:cover}.mp-play-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;background:#0000004d;pointer-events:none}.mp-badge{position:absolute;top:6px;left:6px;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:700;background:#ff6b6b;color:#fff;letter-spacing:.5px}.mp-badge-video{background:#7c3aed}.mp-check{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:#4361ee;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.mp-filename{display:block;padding:4px 6px 1px;font-size:10px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-filesize{display:block;padding:0 6px 4px;font-size:9px;color:#bbb}.mp-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #f0f0f0;background:#fafafa}.mp-selected-count{font-size:13px;color:#888}.mp-footer-actions{display:flex;gap:10px}