@charset "UTF-8";@font-face{font-family:GeistSans;src:url(/assets/Geist-VariableFont_wght-CVBU7e8c.ttf) format("truetype")}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pointer{cursor:pointer}.icon-hover-zoom:hover{transform:scale(1.2)}#detail .video{background-color:#31313190;aspect-ratio:16/9;border-radius:10px;position:relative}#detail .video>div:first-child{width:100%!important;height:100%!important}#detail .video>div:first-child video{border-radius:10px}#detail .video .react-player__preview{background-size:contain!important;background-repeat:no-repeat!important;border-radius:10px}#detail .video .react-player__shadow{display:none!important;box-sizing:border-box}#detail .title{margin-top:1rem;max-height:7rem;width:100%;font-weight:700;font-size:15pt;overflow-y:auto}#detail .author{color:#707070;font-size:10pt}#detail .desc{margin-top:1rem;max-height:7rem;background-color:#f2f2f2;border-radius:6px;padding:1rem;color:#292929;min-height:2rem;overflow-y:auto}#detail .desc pre{white-space:pre-wrap}#detail .list{display:grid;gap:.5rem}#detail .list .item{width:100%;gap:1rem}#detail .list .item .video-area{background-color:#6d6d6d2c;border-radius:10px;aspect-ratio:16/9}#detail .list .item .title{font-weight:600;text-overflow:"ellipsis";overflow:"hidden";max-width:"inherit"}#detail .list .item .author{color:#707070;font-size:10pt}.live-icon{width:58px;height:22px;border-radius:5px;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:600;opacity:.9;background-color:#dd123be6;font-size:10pt}.hypercube-player.playing{background:#6d6d6d2c;position:relative}.hypercube-player.playing .logo-spin{position:absolute;top:50%;left:50%;width:100px;height:100px;transform:translate(-50%,-50%);background:url(/assets/icon-512x512-DnaCNToH.png) no-repeat center/80%;animation:spin 2s linear infinite;pointer-events:none;opacity:.7}.hypercube-player.playing video{object-fit:cover;border-radius:10px;aspect-ratio:16/9}.hypercube-player.playing canvas{width:100%;object-fit:cover;border-radius:10px;aspect-ratio:16/9}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.hypercube-player.controls-container.visible{display:block}.hypercube-player.controls-container.hidden{display:none}.hypercube-player.controls-container .top-slider{position:absolute;bottom:46px;left:0;right:0;height:28px;padding:0 10px;background:#000000b3}.hypercube-player.controls-container .top-slider .MuiSlider-root{color:#fff;height:4px;margin:0}.hypercube-player.controls-container .top-slider .MuiSlider-thumb{width:12px;height:12px;margin:0}.hypercube-player.controls-container .top-slider .MuiSlider-track{border:none}.hypercube-player.controls-container .controls{position:absolute;bottom:0;left:0;right:0;padding:0 8px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:0px;background:#000000b3}.hypercube-player.controls-container .left-controls,.hypercube-player.controls-container .right-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap}.hypercube-player.controls-container .time{font-family:Roboto,Arial,Helvetica,sans-serif;color:#fff;font-size:14px;text-align:center;padding:0 2px}.hypercube-player.controls-container .volume-control{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap}.hypercube-player.controls-container .volume-control .slider-wrapper{color:#fff;padding:0;margin:0 15px 0 5px;opacity:0;visibility:hidden;width:10px;transition:opacity .3s ease,width .3s ease}.hypercube-player.controls-container .volume-control .slider-wrapper .MuiSlider-root{color:#fff}.hypercube-player.controls-container .volume-control .slider-wrapper .MuiSlider-thumb{width:14px;height:14px;margin:0}.hypercube-player.controls-container .volume-control .slider-wrapper .MuiSlider-thumb:after{display:none;content:none}.hypercube-player.controls-container .volume-control .slider-wrapper.visible{opacity:1;visibility:visible;width:50px}.hypercube-player.controls-container .MuiSelect-root{color:#fff}.fullscreen-container{position:relative;width:100%;height:100%}.fullscreen-container:fullscreen{background:#000;display:flex;align-items:center;justify-content:center}.fullscreen-container:fullscreen canvas{max-width:100vw;max-height:100vh;width:auto;height:auto;object-fit:contain}.locus-player-container{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:10px}.locus-player-container.preview{background:#6d6d6d2c url(/assets/icon-512x512-DnaCNToH.png) no-repeat center/20%;background-color:#eee}.locus-player-container.preview video{object-fit:cover;border-radius:10px;aspect-ratio:16/9}.locus-player-container.preview canvas{width:100%;object-fit:cover;border-radius:10px;aspect-ratio:16/9}.locus-player-container.playing{background-color:#000}.locus-player-container.playing.preview{background-color:#eee}.locus-player-container .controls-container.visible{display:block}.locus-player-container .controls-container.hidden{display:none}.locus-player-container .controls-container .top-slider{position:absolute;bottom:46px;left:0;right:0;height:28px;padding:0 10px;background:#000000b3}.locus-player-container .controls-container .top-slider .MuiSlider-root{color:#fff;height:4px;margin:0}.locus-player-container .controls-container .top-slider .MuiSlider-thumb{width:12px;height:12px;margin:0}.locus-player-container .controls-container .top-slider .MuiSlider-track{border:none}.locus-player-container .controls-container .controls{position:absolute;bottom:0;left:0;right:0;padding:0 8px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:0px;background:#000000b3}.locus-player-container .controls-container .left-controls,.locus-player-container .controls-container .right-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap}.locus-player-container .controls-container .time{font-family:Roboto,Arial,Helvetica,sans-serif;color:#fff;font-size:14px;text-align:center;padding:0 2px}.locus-player-container .controls-container .volume-control{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap}.locus-player-container .controls-container .volume-control .slider-wrapper{color:#fff;padding:0;margin:0 15px 0 5px;opacity:0;visibility:hidden;width:10px;transition:opacity .3s ease,width .3s ease}.locus-player-container .controls-container .volume-control .slider-wrapper .MuiSlider-root{color:#fff}.locus-player-container .controls-container .volume-control .slider-wrapper .MuiSlider-thumb{width:14px;height:14px;margin:0}.locus-player-container .controls-container .volume-control .slider-wrapper .MuiSlider-thumb:after{display:none;content:none}.locus-player-container .controls-container .volume-control .slider-wrapper.visible{opacity:1;visibility:visible;width:50px}.locus-player-container .controls-container .MuiSelect-root{color:#fff}.center-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease-in-out;pointer-events:none;background-color:#0005;border-radius:50%;width:70px;height:70px;display:flex;justify-content:center;align-items:center}.fade-in-out{opacity:1;animation:fadeOut .8s forwards}.center-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#e75a5a;border-radius:50%;width:70px;height:70px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1000;box-shadow:0 4px 10px #0006}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.control-box{text-align:center;justify-content:space-between;background-color:#242424;height:100%;display:flex;justify-content:center;align-items:center}.control-box button{background-color:#fff;color:#242424;font-weight:700}.live-popup-contents .contents{display:flex;flex-direction:column;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;gap:.8rem}.live-popup-contents .contents .preview .mirror{-webkit-transform:scale(-1);transform:scaleX(-1)}.live-popup-contents{background-color:#131312;color:#eee;display:flex;flex-direction:column;height:100vh}.live-popup-contents .contents{flex:1;overflow:auto}.live-popup-contents .contents .preview{width:100%;height:50%;overflow:hidden}.live-popup-contents .contents .preview img{width:100%;object-fit:cover;aspect-ratio:16/9}.row .title{color:gray;font-size:small}.row .value{color:#eee;font-size:x-large}.live-main{margin:auto;display:flex;flex-direction:column;height:100%}.live-main .video{flex:1;overflow:hidden}.live-main .video video{object-fit:contain;aspect-ratio:16/9}.live-main .video .mirror{-webkit-transform:scale(-1);transform:scaleX(-1)}.live-main .video .progress{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.file-name-in-list svg{vertical-align:middle;color:#a3a3a3;margin-right:5px}.upload-popup .MuiDialogContent-root{padding:.1em}.upload-popup .upload-area{min-height:22rem}.upload-popup .upload-area .in-progress{min-height:inherit;width:100%;height:100%;display:flex;flex-direction:column}.upload-popup .upload-area .in-progress .back{flex-grow:1;max-width:unset;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:0 10px 10px}.upload-popup .upload-area .in-progress .back>div{visibility:unset!important;max-width:80%;text-align:center}.upload-popup .upload-area .video-finished{background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:0 10px 10px;display:flex;justify-content:center;background-color:#31313190;height:400px}.upload-popup .upload-area .file-finished{height:22rem;width:100%;background-color:#f1f1f1;display:flex;flex-direction:column;justify-content:center;align-items:center;border:solid 1px #c4c4c4;border-radius:0 10px 10px}.upload-popup .upload-area .file-finished>div{display:inherit;flex-direction:inherit;justify-content:inherit;align-items:inherit}.upload-popup .upload-area .ready{min-height:inherit;height:100%;border:solid 1px #c4c4c4;background-color:#f1f1f1;border-radius:0 10px 10px;cursor:pointer}.upload-popup .upload-area .ready .in-dropzone{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:inherit}.upload-popup .upload-area .ready .in-dropzone>div{height:10rem;display:inherit;flex-direction:inherit;justify-content:inherit;align-items:inherit}.upload-popup .link{height:1;color:#00f;font-size:10pt;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.mypage-container{padding:20px;max-width:1200px;margin:0 auto}.mypage-header{margin-bottom:30px;border-bottom:1px solid #e0e0e0;padding-bottom:20px}.mypage-header h1{font-size:28px;margin-bottom:10px;color:#333}.mypage-header p{color:#666;font-size:16px;line-height:1.5}.mypage-nav{display:flex;background-color:#f5f5f5;border-radius:8px;margin-bottom:30px;overflow:hidden}.mypage-nav-item{padding:15px 20px;display:flex;align-items:center;cursor:pointer;transition:all .3s ease;flex:1;justify-content:center;border-bottom:3px solid transparent}.mypage-nav-item i{margin-right:8px;font-size:18px}.mypage-nav-item:hover{background-color:#e9e9e9}.mypage-nav-item.active{background-color:#fff;border-bottom:3px solid #ff5722;color:#ff5722;font-weight:600}.mypage-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:20px;margin-top:30px}.mypage-section{display:none}.mypage-section.active{display:block}.mypage-section h2{font-size:24px;margin-bottom:20px;color:#333;border-bottom:1px solid #eee;padding-bottom:10px}.dashboard-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.summary-card{background-color:#f9f9f9;border-radius:8px;padding:20px;box-shadow:0 2px 5px #0000000d;transition:transform .3s ease}.summary-card:hover{transform:translateY(-5px)}.summary-card h3{font-size:16px;color:#666;margin-bottom:10px}.token-amount{font-size:24px;font-weight:700;color:#333;margin-bottom:5px}.token-change{font-size:14px;font-weight:600}.token-change.positive{color:#4caf50}.token-change.negative{color:#f44336}.node-count{font-size:24px;font-weight:700;color:#333;margin-bottom:5px}.node-status{font-size:14px;color:#4caf50}.dashboard-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:30px}.chart-container{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 5px #0000000d;transition:all .3s ease}.chart-container:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.chart-header h3{font-size:18px;margin:0;color:#333}.chart-period{padding:8px 15px;border-radius:4px;border:1px solid #ddd;background-color:#fff;font-size:14px;cursor:pointer}.daily-rewards-chart{height:250px;position:relative;margin-bottom:20px}.chart-bar{width:12%;background-color:#e0e0e0;border-radius:4px 4px 0 0;position:relative;transition:all .3s ease;cursor:pointer}.bar-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;opacity:0;transition:opacity .3s ease;white-space:nowrap;z-index:10}.chart-summary{display:flex;justify-content:space-between;margin-top:20px;border-top:1px solid #eee;padding:15px 20px;background-color:#f8f9fa;border-radius:8px;margin-left:10px;margin-right:10px}.summary-item{text-align:center}.summary-label{font-size:14px;color:#666;margin-bottom:5px}.summary-value{font-size:16px;font-weight:600;color:#333}.weekly-activity-chart{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.activity-donut-chart{flex:0 0 200px}.activity-legend{flex:1;padding-left:20px}.legend-item{display:flex;align-items:center;margin-bottom:10px;padding:5px;border-radius:4px;transition:all .3s ease;cursor:pointer}.legend-item:hover{background-color:#f5f5f5}.legend-color{width:16px;height:16px;border-radius:4px;margin-right:10px}.legend-text{font-size:14px;color:#333}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.recent-activities{margin-top:70px}.recent-activities h3{font-size:18px;margin-bottom:15px;color:#333}.activity-list{background-color:#f9f9f9;border-radius:8px;overflow:hidden}.activity-item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #eee;transition:background-color .3s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background-color:#f0f0f0}.activity-icon{width:40px;height:40px;border-radius:50%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;margin-right:15px}.activity-icon i{font-size:18px;color:#555}.activity-details{flex:1}.activity-title{font-weight:600;margin-bottom:5px;color:#333}.activity-time{font-size:12px;color:#888}.activity-amount{font-weight:700;font-size:16px}.activity-amount.positive{color:#4caf50}.activity-amount.negative{color:#f44336}.rewards-tabs{display:flex;border-bottom:1px solid #e0e0e0;margin-bottom:20px}.tab{padding:10px 20px;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;margin-right:10px}.tab:hover{background-color:#f5f5f5}.tab.active{border-bottom:3px solid #ff5722;color:#ff5722;font-weight:600}.rewards-content{display:none}.rewards-content.active{display:block}.rewards-filter{margin-bottom:20px;text-align:right;display:flex;justify-content:flex-end;align-items:center;gap:10px}.period-select{padding:8px 15px;border-radius:4px;border:1px solid #ddd;background-color:#fff;font-size:14px}.export-button{padding:8px 15px;border-radius:4px;border:1px solid #ddd;background-color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s ease}.export-button:hover{background-color:#f5f5f5}.rewards-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.rewards-table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0000000d;margin-bottom:20px}.table-header{display:flex;background-color:#f5f5f5;font-weight:600;color:#333}.table-row{display:flex;border-bottom:1px solid #eee;transition:background-color .3s ease}.table-row:last-child{border-bottom:none}.table-row:hover{background-color:#f9f9f9}.header-cell,.table-cell{flex:1;padding:12px 15px;text-align:left}.pagination{display:flex;justify-content:center;margin-top:20px;gap:5px}.page-btn{width:36px;height:36px;border-radius:4px;border:1px solid #ddd;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.page-btn.active{background-color:#ff5722;color:#fff;border-color:#ff5722}.page-btn:hover:not(.active){background-color:#f5f5f5}.page-btn.next{width:auto;padding:0 15px}.content-count,.ad-count{font-size:24px;font-weight:700;color:#333;margin-bottom:5px}.content-status,.ad-status{font-size:14px;color:#4caf50}.content-title{font-size:18px;font-weight:600;color:#333;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.earnings-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.earnings-chart-container{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;transition:all .3s ease}.earnings-chart-container:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-controls{display:flex;align-items:center;gap:15px}.chart-period{padding:8px 15px;border-radius:4px;border:1px solid #ddd;background-color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.chart-period:hover{border-color:#ff5722;box-shadow:0 0 0 2px #ff57221a}.chart-type-toggle{display:flex;border:1px solid #ddd;border-radius:4px;overflow:hidden}.chart-type{padding:8px 15px;background-color:#fff;border:none;cursor:pointer;font-size:14px;transition:all .3s ease}.chart-type.active{background-color:#ff5722;color:#fff}.chart-type:hover:not(.active){background-color:#f5f5f5}.earnings-chart{height:400px;position:relative}.chart-container-wrapper{position:relative;height:100%;padding:20px 0}.chart-tabs{display:flex;gap:10px;margin-bottom:20px}.chart-tab{padding:8px 16px;border:none;border-radius:20px;background-color:#f5f5f5;color:#666;font-weight:500;cursor:pointer;transition:all .3s ease}.chart-tab.active{background-color:#ff5722;color:#fff;box-shadow:0 4px 8px #ff57224d}.chart-tab:hover:not(.active){background-color:#e0e0e0}.chart-view{display:none;height:250px;position:relative}.chart-view.active{display:block;animation:fadeIn .5s ease}.chart-bars{display:flex;justify-content:space-between;align-items:flex-end;height:100%;padding:0 10px}.chart-bar{position:relative;width:8%;background-color:#f5f5f5;border-radius:6px 6px 0 0;cursor:pointer;transition:all .3s ease}.chart-bar:hover{transform:translateY(-5px)}.bar-fill{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,#ff5722,#ff7043);border-radius:6px 6px 0 0;transition:all .3s ease}.bar-fill.active{background:linear-gradient(to top,#ff3d00,#ff6e40);box-shadow:0 0 15px #ff572280}.bar-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#ffffff4d,#fff0 70%);opacity:0;transition:opacity .3s ease}.chart-bar:hover .bar-glow,.bar-fill.active .bar-glow{opacity:1;animation:pulse 2s infinite}.bar-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;opacity:0;visibility:hidden;transition:all .3s ease;white-space:nowrap;z-index:10}.bar-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent}.chart-bar:hover .bar-tooltip{opacity:1;visibility:visible;top:-40px}.chart-labels{display:flex;justify-content:space-between;margin-top:10px;padding:0 10px}.chart-labels span{font-size:12px;color:#666;flex:1;text-align:center}.line-chart{height:250px;position:relative}.line-graph{width:100%;height:100%}.line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 2s ease forwards}.area{opacity:0;animation:fadeIn 2s ease forwards .5s}.data-point{cursor:pointer;transition:all .3s ease}.data-point:hover{r:8;stroke-width:3;filter:drop-shadow(0 0 5px rgba(255,87,34,.7))}.data-point.active{filter:drop-shadow(0 0 8px rgba(255,87,34,.9))}.svg-tooltip{position:absolute;background-color:#333;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;pointer-events:none;z-index:100;white-space:nowrap}.chart-info{display:flex;justify-content:space-between;margin-top:20px;padding:15px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 5px #0000000d}.chart-info-item{text-align:center;flex:1}.info-label{font-size:12px;color:#666;margin-bottom:5px}.info-value{font-size:16px;font-weight:600;color:#333}.info-value.positive{color:#4caf50}.info-value.negative{color:#f44336}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.chart-bars{display:flex;justify-content:space-between;align-items:flex-end;height:90%;padding-bottom:10px}.chart-bar{width:7%;background-color:#e0e0e0;border-radius:4px 4px 0 0;position:relative;transition:all .3s ease;cursor:pointer}.chart-bar:hover,.chart-bar.active{background-color:#ff5722}.bar-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;opacity:0;transition:opacity .3s ease;white-space:nowrap}.chart-bar:hover .bar-tooltip{opacity:1}.chart-labels{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:#666}.earnings-breakdown{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000000d}.earnings-filter{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:20px}.earnings-table{width:100%;border-collapse:collapse;margin-bottom:20px}.status-complete{color:#4caf50;font-weight:500}.status-pending{color:#ff9800;font-weight:500}.card-change{font-size:14px;margin-top:5px}.card-change.positive{color:#4caf50}.card-change.negative{color:#f44336}.wallet-balance-section{margin-bottom:30px}.wallet-balance-card{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000000d}.balance-header h4{font-size:18px;margin:0}.balance-actions{display:flex;gap:10px}.action-btn{padding:8px 15px;border-radius:4px;border:1px solid #ddd;background-color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s ease}.action-btn:hover{background-color:#f5f5f5}.total-balance{text-align:center;margin-bottom:20px}.balance-amount{font-size:36px;font-weight:700;color:#333;margin-bottom:5px}.balance-value{font-size:18px;color:#666;margin-bottom:10px}.balance-change{display:inline-block;padding:5px 10px;border-radius:20px;font-size:14px;font-weight:600}.balance-change.positive{background-color:#4caf501a;color:#4caf50}.balance-change.negative{background-color:#f443361a;color:#f44336}.wallet-actions{display:flex;justify-content:center;gap:15px}.wallet-btn{padding:10px 20px;border-radius:4px;border:1px solid #ddd;background-color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.wallet-btn:hover{background-color:#f5f5f5}.wallet-btn.primary{background-color:#ff5722;color:#fff;border-color:#ff5722}.wallet-btn.primary:hover{background-color:#e64a19}.wallet-assets{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px}.assets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.assets-header h4{font-size:18px;margin:0}.assets-filter{display:flex;gap:10px}.asset-search{padding:8px 15px;border-radius:4px;border:1px solid #ddd;font-size:14px;width:200px}.asset-sort{padding:8px 15px;border-radius:4px;border:1px solid #ddd;background-color:#fff;font-size:14px}.assets-list{display:flex;flex-direction:column;gap:10px}.asset-item{display:flex;align-items:center;padding:15px;border-radius:8px;background-color:#f9f9f9;transition:all .3s ease}.asset-item:hover{background-color:#f0f0f0}.asset-icon{width:40px;height:40px;margin-right:15px}.asset-icon img{width:100%;height:100%;object-fit:contain}.asset-details{flex:1}.asset-name{font-weight:600;color:#333;margin-bottom:3px}.asset-ticker{font-size:14px;color:#666}.asset-balance{margin-right:20px;text-align:right}.token-amount{font-weight:700;color:#333;margin-bottom:3px}.token-value{font-size:14px;color:#666}.asset-change{width:80px;text-align:center;font-weight:600;padding:5px 10px;border-radius:20px;margin-right:20px}.asset-actions{display:flex;gap:10px}.asset-action-btn{width:36px;height:36px;border-radius:50%;border:1px solid #ddd;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.asset-action-btn:hover{background-color:#f5f5f5}.wallet-address-section{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000000d}.wallet-address-section h4{font-size:18px;margin-top:0;margin-bottom:20px}.wallet-address-card{display:flex;align-items:center;gap:20px}.address-qr{width:120px;height:120px;background-color:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center}.qr-placeholder{width:100px;height:100px;background-image:linear-gradient(to right,#000 0%,#000 10%,transparent 10%,transparent 20%,#000 20%,#000 30%,transparent 30%,transparent 40%,#000 40%,#000 50%,transparent 50%,transparent 60%,#000 60%,#000 70%,transparent 70%,transparent 80%,#000 80%,#000 90%,transparent 90%,transparent 100%),linear-gradient(to bottom,#000 0%,#000 10%,transparent 10%,transparent 20%,#000 20%,#000 30%,transparent 30%,transparent 40%,#000 40%,#000 50%,transparent 50%,transparent 60%,#000 60%,#000 70%,transparent 70%,transparent 80%,#000 80%,#000 90%,transparent 90%,transparent 100%);background-size:10px 10px;background-position:center}.address-details{flex:1}.address-label{font-size:14px;color:#666;margin-bottom:5px}.address-value{font-family:monospace;background-color:#f5f5f5;padding:10px;border-radius:4px;font-size:14px;margin-bottom:15px;word-break:break-all}.address-actions{display:flex;gap:10px}.address-btn{padding:8px 15px;border-radius:4px;border:1px solid #ddd;background-color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s ease}.address-btn:hover{background-color:#f5f5f5}.transactions-filter{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.filter-btn{padding:8px 15px;border-radius:4px;border:1px solid #ddd;background-color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.filter-btn.active{background-color:#ff5722;color:#fff;border-color:#ff5722}.filter-btn:hover:not(.active){background-color:#f5f5f5}.transactions-list{display:flex;flex-direction:column;gap:15px}.transaction-item{background-color:#f9f9f9;border-radius:8px;padding:15px;display:flex;align-items:center;transition:all .3s ease}.transaction-item:hover{background-color:#f0f0f0}.transaction-icon{width:40px;height:40px;border-radius:50%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;margin-right:15px}.transaction-icon.send{background-color:#f443361a;color:#f44336}.transaction-icon.receive{background-color:#4caf501a;color:#4caf50}.transaction-icon.swap{background-color:#2196f31a;color:#2196f3}.transaction-details{flex:1}.transaction-title{font-weight:600;color:#333;margin-bottom:5px}.transaction-date{font-size:12px;color:#888}.transaction-amount{font-weight:700;font-size:16px;text-align:right}.transaction-amount.positive{color:#4caf50}.transaction-amount.negative{color:#f44336}.transaction-status{font-size:12px;padding:3px 8px;border-radius:12px;margin-left:10px}.transaction-status.completed{background-color:#4caf501a;color:#4caf50}.transaction-status.pending{background-color:#ff98001a;color:#ff9800}.transaction-status.failed{background-color:#f443361a;color:#f44336}.placeholder-text{text-align:center;padding:50px 0;color:#888;font-style:italic}@media (max-width: 768px){.mypage-nav{flex-direction:column}.dashboard-charts,.dashboard-summary{grid-template-columns:1fr}.table-header,.table-row{font-size:14px}.header-cell,.table-cell{padding:10px}}.filter-group{display:flex;gap:10px}.balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.MuiButton-root.filter-btn{min-width:auto!important;padding:8px 15px!important;border-radius:4px!important;border:1px solid #ddd!important;background-color:#fff!important;font-size:14px!important;color:#333!important;text-transform:none!important}.MuiButton-root.filter-btn.active{background-color:#ff5722!important;color:#fff!important;border-color:#ff5722!important}.MuiButton-root.filter-btn:hover:not(.active){background-color:#f5f5f5!important}.MuiFormControl-root .MuiSelect-root.period-select{padding:8px 15px!important;border-radius:4px!important;border:1px solid #ddd!important;background-color:#fff!important;font-size:14px!important;min-height:auto!important}.MuiButton-root.export-button{min-width:auto!important;padding:8px 15px!important;border-radius:4px!important;border:1px solid #ddd!important;background-color:#fff!important;font-size:14px!important;color:#333!important;text-transform:none!important;display:flex!important;align-items:center!important;gap:5px!important;min-height:auto!important;height:auto!important}.MuiButton-root.export-button:hover{background-color:#f5f5f5!important;border-color:#ccc!important}.transactions-filter .MuiFormControl-root .MuiOutlinedInput-root.MuiSelect-root.period-select{padding:0!important}.transactions-filter .MuiFormControl-root .MuiOutlinedInput-root.MuiSelect-root.period-select .MuiOutlinedInput-notchedOutline{border:1px solid #ddd!important;border-radius:4px!important}.transactions-filter .MuiFormControl-root .MuiOutlinedInput-root.MuiSelect-root.period-select .MuiSelect-select{padding:8px 32px 8px 15px!important;font-size:14px!important;min-height:auto!important;height:auto!important}.transactions-filter .MuiFormControl-root .MuiOutlinedInput-root.MuiSelect-root.period-select .MuiSelect-icon{right:8px!important;color:#666!important}.transactions-filter .MuiFormControl-root .MuiInputLabel-root{font-size:14px!important}.transactions-filter .MuiButton-root.export-button{min-width:auto!important;padding:8px 15px!important;border-radius:4px!important;border:1px solid #ddd!important;background-color:#fff!important;font-size:14px!important;color:#333!important;text-transform:none!important;display:flex!important;align-items:center!important;gap:5px!important;min-height:auto!important;height:auto!important;box-shadow:none!important}.transactions-filter .MuiButton-root.export-button .MuiButton-startIcon{margin-right:5px!important;margin-left:0!important}.transactions-filter .MuiButton-root.export-button:hover{background-color:#f5f5f5!important;border-color:#ccc!important;box-shadow:none!important}.pagination .MuiButton-root.page-btn{min-width:auto!important;width:36px!important;height:36px!important;padding:0!important;border-radius:4px!important;border:1px solid #ddd!important;background-color:#fff!important;color:#333!important;font-size:14px!important;text-transform:none!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important}.pagination .MuiButton-root.page-btn.active{background-color:#ff5722!important;color:#fff!important;border-color:#ff5722!important}.pagination .MuiButton-root.page-btn.next{width:auto!important;padding:0 15px!important}.pagination .MuiButton-root.page-btn:hover:not(.active){background-color:#f5f5f5!important}.chart-controls .MuiFormControl-root .MuiOutlinedInput-root.MuiSelect-root.chart-period{padding:0!important}.chart-controls .MuiFormControl-root .MuiOutlinedInput-root.MuiSelect-root.chart-period .MuiOutlinedInput-notchedOutline{border:1px solid #ddd!important;border-radius:4px!important}.chart-controls .MuiFormControl-root .MuiOutlinedInput-root.MuiSelect-root.chart-period .MuiSelect-select{padding:8px 32px 8px 15px!important;font-size:14px!important;min-height:auto!important;height:auto!important}.chart-controls .MuiFormControl-root .MuiOutlinedInput-root.MuiSelect-root.chart-period .MuiSelect-icon{right:8px!important;color:#666!important}.chart-controls .MuiFormControl-root .MuiOutlinedInput-root.MuiSelect-root.chart-period:hover .MuiOutlinedInput-notchedOutline{border-color:#ff5722!important;box-shadow:0 0 0 2px #ff57221a!important}.chart-controls .MuiFormControl-root .MuiInputLabel-root{font-size:14px!important}.chart-controls .chart-type-toggle{display:flex!important;border:1px solid #ddd!important;border-radius:4px!important;overflow:hidden!important}.chart-controls .chart-type-toggle .MuiButton-root.chart-type{min-width:auto!important;padding:8px 15px!important;background-color:#fff!important;border:none!important;cursor:pointer!important;font-size:14px!important;color:#333!important;text-transform:none!important;box-shadow:none!important;border-radius:0!important}.chart-controls .chart-type-toggle .MuiButton-root.chart-type.active{background-color:#ff5722!important;color:#fff!important}.chart-controls .chart-type-toggle .MuiButton-root.chart-type:hover:not(.active){background-color:#f5f5f5!important}.MuiButton-root.asset-action-btn{min-width:auto!important;width:36px!important;height:36px!important;border-radius:50%!important;padding:0!important;border:1px solid #ddd!important;background-color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:none!important}.MuiButton-root.asset-action-btn:hover{background-color:#f5f5f5!important;border-color:#ddd!important;box-shadow:none!important}.MuiButton-root.asset-action-btn:active{background-color:#eee!important;box-shadow:none!important}.MuiButton-root.asset-action-btn .MuiSvgIcon-root{font-size:20px!important;color:#666!important}.my-content-container{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000000d}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.content-header h3{font-size:18px;margin:0;color:#333}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.content-item{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.content-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.content-thumbnail{position:relative;width:100%;height:120px;overflow:hidden}.content-thumbnail img{width:100%;height:100%;object-fit:cover}.content-thumbnail .play-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.content-thumbnail .play-overlay .play-button{width:50px;height:50px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#333;cursor:pointer}.content-thumbnail:hover .play-overlay{opacity:1}.content-info{padding:15px}.content-info h4{font-size:16px;margin:0 0 8px;color:#333;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-info .content-meta{display:flex;justify-content:space-between;font-size:12px;color:#666}.content-info .content-meta .views{color:#666}.content-info .content-meta .date{color:#999}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}