@charset "UTF-8";:root{font-size:18px}body{margin:0;background-color:#f0f2f5;color:#1a1a1a;font-size:.875rem}#App{display:flex;width:100%;color:#1a1a1a;z-index:1;margin:0;padding:0;overflow-y:hidden;min-height:100vh;max-height:100vh}.sidebar-wrapper{padding:32px 16px 20px;background-color:#fff;border-right:1px solid #e0e2e6;z-index:1}.sidebar{width:100%;display:flex;flex-direction:column;justify-content:space-between;height:100%}.sidebar .sidebar-header{display:flex;align-items:center;justify-content:center;flex-direction:column}.sidebar .sidebar-header .sidebar-hero{display:flex;align-items:center;padding-bottom:20px}.sidebar .sidebar-header .sidebar-logo{font-size:2rem;color:#7c6af7;margin-right:10px}.sidebar .sidebar-header h3{font-size:1.063rem;font-weight:700;color:#1a1a1a;letter-spacing:-.3px}.sidebar .sidebar-menu{list-style:none;padding:0;margin-top:8px}.sidebar .sidebar-menu .sidebar-item{align-items:center;padding:9px 14px;cursor:pointer;border-radius:8px;transition:background .15s,color .15s;text-wrap:nowrap;display:flex;gap:10px;color:#6e6e73;font-size:.875rem}.sidebar .sidebar-menu .sidebar-item i{font-size:1.125rem}.sidebar .sidebar-menu .sidebar-item:hover{background:#e8eaed;color:#1a1a1a}.sidebar .sidebar-menu .sidebar-item.active{background:#7c6af726;color:#7c6af7}.header-container-wrapper{flex:1;display:flex;flex-direction:column;background-color:#f0f2f5}.header-container{color:#1a1a1a;padding:12px 20px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid #e0e2e6;background-color:#f0f2f5}.header-container .header-top{display:flex;gap:16px;justify-content:space-between}.header-container .header-top .sk{display:flex;gap:16px;flex-basis:100%}.header-container .header-top .search-bar{display:flex;align-items:center;background:#fff;border:1px solid #e0e2e6;border-radius:8px;padding:0 12px;flex:1;transition:border-color .15s}.header-container .header-top .search-bar:focus-within{border-color:#7c6af7}.header-container .header-top .search-bar i{color:#aaa;font-size:.875rem;margin-right:8px}.header-container .header-top .search-bar .search-input{width:100%;padding:9px 0;border:none;background:transparent;font-size:.875rem;color:#1a1a1a}.header-container .header-top .search-bar .search-input::placeholder{color:#aaa}.header-container .header-top .search-bar .search-input:focus{outline:none}.header-container .header-top .storage{background:#fff;border:1px solid #e0e2e6;border-radius:8px;padding:8px 16px;display:flex;flex-direction:column;gap:5px;min-width:220px}.header-container .header-top .storage .storage-quantity{display:flex;justify-content:space-between;font-size:.75rem;color:#6e6e73}.header-container .header-top .storage .storage-bar-wrapper .storage-bar{width:100%;height:4px;border-radius:4px;background:linear-gradient(90deg,#7c6af7,#bcb3fb)}.header-container .header-top .header-icons{display:flex;gap:6px;align-items:center}.header-container .header-top .header-icons .icon-button{background:#fff;border:1px solid #e0e2e6;border-radius:8px;color:#6e6e73;font-size:1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,background .15s;flex:1}.header-container .header-top .header-icons .icon-button:hover{color:#1a1a1a;background:#e8eaed}.header-container .header-bottom{display:flex;justify-content:space-between;align-items:center}.header-container .header-bottom .breadcrumb{font-size:.875rem;color:#6e6e73;margin:0}.header-container .header-bottom .breadcrumb span{color:#1a1a1a;font-weight:500}.header-container .header-bottom .header-actions{display:flex;gap:8px}.header-container .header-bottom .header-actions .action-button{color:#6e6e73;border:1px solid #e0e2e6;border-radius:8px;padding:7px 14px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:background .15s,color .15s,border-color .15s;background:#fff;font-size:.8125rem}.header-container .header-bottom .header-actions .action-button:hover{background:#e8eaed;color:#1a1a1a;border-color:#aaa}.header-container .header-bottom .header-actions .action-button.primary{background:#7c6af7;color:#fff;border-color:#7c6af7}.header-container .header-bottom .header-actions .action-button.primary:hover{background:#6a58e0;border-color:#6a58e0}.header-container .header-bottom .header-actions .action-button.danger{color:#e05252;border-color:#e052524d}.header-container .header-bottom .header-actions .action-button.danger:hover{background:#e052521a}.header-container .header-bottom .header-actions .action-button i{font-size:.9375rem}.header-container .header-bottom .header-actions .action-button span{font-size:.8125rem}.breadcrumb-1{padding-left:15px!important}.main-container{overflow-x:hidden;overflow-y:auto;height:100%}.main-container .panel-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;padding:20px;align-items:start}.main-container table{width:100%;border-collapse:collapse;font-size:.875rem}.main-container table thead tr{border-bottom:1px solid #e0e2e6}.main-container table thead tr th{padding:8px 16px;text-align:left;font-weight:600;color:#aaa;text-transform:uppercase;font-size:.6875rem;letter-spacing:.5px}.main-container table tbody tr{border-bottom:1px solid #e0e2e6;transition:background .12s;cursor:pointer}.main-container table tbody tr:hover{background-color:#e8eaed}.main-container table tbody tr td{padding:6px 16px;vertical-align:middle;color:#1a1a1a}.main-container table tbody tr td:first-child{display:flex;align-items:center;gap:10px;font-weight:500}.main-container table tbody tr td:first-child .file-icon{font-size:1.125rem;flex-shrink:0;width:24px;text-align:center;color:#6e6e73}.main-container table tbody tr td.type-cell,.main-container table tbody tr td.date-cell{color:#aaa;font-size:.75rem}.main-container table tbody tr td.date-cell{white-space:nowrap}.img-wrapper{aspect-ratio:1;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:10px;position:relative;overflow:hidden;cursor:pointer;background-color:#fff;border:1px solid #e0e2e6;transition:transform .2s,box-shadow .2s,border-color .2s}.img-wrapper:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000026;border-color:#bbb}.placeholder-text{color:#fff;font-size:.75rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.8)}.placeholder-wrapper{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000bf);padding:24px 10px 8px;border-radius:0 0 10px 10px}.placeholder-duration{margin:5px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;color:#fff;padding:3px 8px;font-size:.6875rem;font-weight:500;display:flex;align-items:center;gap:4px}.top-wrapper{display:flex;justify-content:space-between;align-items:center;background-color:#00000040;padding:2px 4px}.top-wrapper .widgets-wrapper{display:flex;justify-content:space-between;gap:4px}.top-wrapper .widgets-wrapper .placeholder-like,.top-wrapper .widgets-wrapper .download-button{width:26px;height:26px;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s}.top-wrapper .widgets-wrapper .placeholder-like:hover,.top-wrapper .widgets-wrapper .download-button:hover{background:#000000a6}.top-wrapper .widgets-wrapper .download-button:before{content:"↓";font-size:1rem;color:#fff}.placeholder-like:before{content:"♥";font-size:1rem;color:#fff}.placeholder-like.yellow:before{color:gold}.placeholder-like.white:before{color:#ffffffb3}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background-color:#f0f2f5;display:flex;align-items:center;justify-content:center}.loading-content{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-spinner{width:48px;height:48px;border:4px solid white;border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-message{font-size:1rem;color:#000;font-weight:500;letter-spacing:.3px}.popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#000000d9;display:flex;align-items:center;justify-content:center}video{max-width:80vw;max-height:80vh}.close-modal-button{position:absolute;top:20px;right:20px}#close-icon{width:40px}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0009;display:flex;align-items:center;justify-content:center}.confirm-overlay .confirm-modal{background:#fff;border:1px solid #e0e2e6;border-radius:12px;padding:28px 32px;min-width:340px;box-shadow:0 20px 60px #00000026;animation:ctx-appear .15s ease-out}.confirm-overlay .confirm-modal p{margin:0 0 24px;font-size:.9375rem;color:#1a1a1a;line-height:1.5}.confirm-overlay .confirm-modal .confirm-actions{display:flex;justify-content:flex-end;gap:10px}.confirm-overlay .confirm-modal .confirm-actions .confirm-btn{padding:9px 20px;border-radius:8px;border:1px solid #e0e2e6;font-size:.875rem;cursor:pointer;transition:background .15s}.confirm-overlay .confirm-modal .confirm-actions .confirm-btn.cancel{background:#e8eaed;color:#1a1a1a}.confirm-overlay .confirm-modal .confirm-actions .confirm-btn.cancel:hover{background:#dadde2}.confirm-overlay .confirm-modal .confirm-actions .confirm-btn.danger{background:#e05252;color:#fff;border-color:#e05252}.confirm-overlay .confirm-modal .confirm-actions .confirm-btn.danger:hover{background:#da2f2f}.context-menu{position:fixed;z-index:1000;background:#fff;border:1px solid #e0e2e6;border-radius:10px;box-shadow:0 8px 30px #0000001f;padding:5px;min-width:210px;animation:ctx-appear .12s ease-out}@keyframes ctx-appear{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu hr{border:none;border-top:1px solid #e0e2e6;margin:4px 0}.context-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:none;border:none;border-radius:6px;cursor:pointer;font-size:.844rem;text-align:left;color:#1a1a1a;transition:background .1s}.context-menu button i{font-size:.9375rem;width:18px;text-align:center;flex-shrink:0;color:#6e6e73}.context-menu button:hover{background-color:#e8eaed}.context-menu button.danger,.context-menu button.danger i{color:#e05252}.context-menu button.danger:hover{background-color:#e052521a}.open-folder-popup{background:#fff;border:1px solid #e0e2e6;border-radius:12px;padding:28px 32px;min-width:360px;box-shadow:0 20px 60px #00000026;animation:ctx-appear .15s ease-out;display:flex;flex-direction:column;gap:16px}.open-folder-popup h3{margin:0;font-size:1rem;font-weight:600;color:#1a1a1a}.open-folder-popup input[type=text]{width:100%;padding:10px 14px;border:1px solid #e0e2e6;border-radius:8px;font-size:.875rem;color:#1a1a1a;background:#fff;outline:none;box-sizing:border-box;transition:border-color .15s}.open-folder-popup input[type=text]:focus{border-color:#7c6af7}.open-folder-popup input[type=text]::placeholder{color:#aaa}.open-folder-popup .folder-popup-actions{display:flex;justify-content:flex-end;gap:10px}.open-folder-popup .folder-popup-actions button{padding:9px 20px;border-radius:8px;border:1px solid #e0e2e6;font-size:.875rem;cursor:pointer;transition:background .15s}.open-folder-popup .folder-popup-actions button.cancel{background:#e8eaed;color:#1a1a1a}.open-folder-popup .folder-popup-actions button.cancel:hover{background:#dadde2}.open-folder-popup .folder-popup-actions button.primary{background:#7c6af7;color:#fff;border-color:#7c6af7}.open-folder-popup .folder-popup-actions button.primary:hover{background:#6a58e0}.upload-widget{min-width:310px;position:fixed;bottom:16px;left:24px;z-index:1000;background:#fff;border:1px solid #e0e2e6;border-radius:12px;box-shadow:0 8px 32px #00000026;padding:16px 20px;max-width:660px;max-height:400px;overflow-y:auto;animation:ctx-appear .15s ease-out}.upload-widget .upload-widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.upload-widget .upload-widget-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.8125rem;color:#1a1a1a}.upload-widget .upload-widget-title i{color:#7c6af7;font-size:.9375rem}.upload-widget .upload-widget-close{background:none;border:none;cursor:pointer;color:#aaa;font-size:1.125rem;padding:0 2px;line-height:1}.upload-widget .upload-widget-close:hover{color:#1a1a1a}.upload-widget .upload-item{margin-bottom:12px}.upload-widget .upload-item:last-child{margin-bottom:0}.upload-widget .upload-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;gap:10px}.upload-widget .upload-item-icon{flex-shrink:0;font-size:.9375rem;line-height:1;color:#6e6e73}.upload-widget .upload-item-name{font-size:.78rem;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.upload-widget .upload-item-speed{font-size:.72rem;color:#aaa;flex-shrink:0;margin-left:8px}.upload-widget .upload-progress-bar{height:3px;background:#e8eaed;border-radius:2px;overflow:hidden}.upload-widget .upload-progress-fill{height:100%;background:#7c6af7;border-radius:2px;transition:width .3s ease}.upload-widget .upload-progress-fill.indeterminate{width:35%;animation:indeterminate-slide 1.2s ease-in-out infinite}.upload-widget .upload-progress-fill.done{background:#3ecf8e}.upload-widget .upload-item-done{color:#3ecf8e;font-size:.8125rem;flex-shrink:0;margin-left:6px}.upload-widget .upload-item-pct{text-align:right;font-size:.6875rem;color:#aaa;margin-top:3px}@keyframes indeterminate-slide{0%{transform:translate(-100%)}to{transform:translate(380%)}}.rubber-band{position:absolute;border:1.5px solid #7c6af7;background:#7c6af714;pointer-events:none;z-index:10}.row-selected{background-color:#7c6af71f!important}.drop-target{outline:2px solid #7c6af7!important;outline-offset:-2px;background-color:#7c6af714!important}.drop-target-row{background-color:#7c6af71a!important;outline:1px solid #7c6af7}.block{padding:10px 15px;border-radius:8px;flex:auto;background-color:#fff;border:1px solid #e0e2e6}.login-container,.signin-container{width:100%;height:100vh}.password-hint{margin:-4px 0 8px;font-size:.78rem;color:#e05252;line-height:1.5}@media screen and (max-width: 768px){#App{flex-direction:column;max-height:unset;padding-bottom:100px}.header-container-wrapper{flex:1}.sidebar-wrapper{position:fixed;bottom:0;left:0;right:0;width:100%;padding:0;border-right:none;border-top:1px solid #e0e2e6;background-color:#fff;z-index:100}.sidebar{height:auto}.sidebar .sidebar-header .sidebar-hero{display:none}.sidebar .sidebar-header .sidebar-menu{display:flex;flex-direction:row;margin:0;width:100%}.sidebar>.sidebar-menu{display:none}.sidebar-item{flex:1;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8px 4px;border-radius:0;gap:3px;font-size:.625rem}.sidebar-item i{font-size:1.25rem}.upload-widget{position:unset;width:100%!important;max-width:unset}.header-top{flex-wrap:wrap}.header-top>*{width:100%}.header-actions{flex-wrap:wrap;flex-basis:100%}.header-actions>*{flex:1}.header-bottom{flex-wrap:wrap;gap:12px}.sk{flex-direction:column}}@media screen and (max-width: 425px){.panel-container{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;padding:10px!important}}.rnc__notification-container--bottom-center,.rnc__notification-container--bottom-full,.rnc__notification-container--bottom-left,.rnc__notification-container--bottom-right,.rnc__notification-container--center,.rnc__notification-container--top-center,.rnc__notification-container--top-full,.rnc__notification-container--top-left,.rnc__notification-container--top-right{min-width:325px;pointer-events:all;position:absolute}.rnc__notification-container--bottom-center,.rnc__notification-container--center,.rnc__notification-container--top-center{align-items:center;display:flex;flex-direction:column;justify-content:center;left:calc(50% - 175px);max-width:350px}.rnc__notification-container--center{height:100%;pointer-events:none;top:20px}.rnc__notification-container--bottom-full,.rnc__notification-container--top-full{min-width:100%;width:100%}.rnc__notification-container--bottom-full{bottom:0}.rnc__util--flex-center{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:325px;pointer-events:all}.rnc__notification-container--top-center{top:20px}.rnc__notification-container--bottom-center{bottom:20px}.rnc__notification-container--top-left{left:20px;top:20px}.rnc__notification-container--top-right{right:20px;top:20px}.rnc__notification-container--bottom-left{bottom:20px;left:20px}.rnc__notification-container--bottom-right{bottom:20px;right:20px}.rnc__notification-container--mobile-bottom,.rnc__notification-container--mobile-top{pointer-events:all;position:absolute}.rnc__notification-container--mobile-top{left:20px;right:20px;top:20px}.rnc__notification-container--mobile-bottom{bottom:20px;left:20px;margin-bottom:-15px;right:20px}.rnc__notification-item--default{background-color:#007bff;border-left:8px solid #0562c7}.rnc__notification-item--default .rnc__notification-timer{background-color:#007bff}.rnc__notification-item--default .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--default .rnc__notification-close-mark{background-color:#007bff}.rnc__notification-item--success{background-color:#28a745;border-left:8px solid #1f8838}.rnc__notification-item--success .rnc__notification-timer{background-color:#28a745}.rnc__notification-item--success .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--success .rnc__notification-close-mark{background-color:#28a745}.rnc__notification-item--danger{background-color:#dc3545;border-left:8px solid #bd1120}.rnc__notification-item--danger .rnc__notification-timer{background-color:#dc3545}.rnc__notification-item--danger .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--danger .rnc__notification-close-mark{background-color:#dc3545}.rnc__notification-item--info{background-color:#17a2b8;border-left:8px solid #138b9e}.rnc__notification-item--info .rnc__notification-timer{background-color:#17a2b8}.rnc__notification-item--info .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--info .rnc__notification-close-mark{background-color:#17a2b8}.rnc__notification-item--warning{background-color:#eab000;border-left:8px solid #ce9c09}.rnc__notification-item--warning .rnc__notification-timer{background-color:#eab000}.rnc__notification-item--warning .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--warning .rnc__notification-close-mark{background-color:#eab000}.rnc__notification-item--awesome{background-color:#685dc3;border-left:8px solid #4c3fb1}.rnc__notification-item--awesome .rnc__notification-timer{background-color:#685dc3}.rnc__notification-item--awesome .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--awesome .rnc__notification-close-mark{background-color:#685dc3}@keyframes timer{0%{width:100%}to{width:0}}.rnc__base{height:100%;pointer-events:none;position:fixed;width:100%;z-index:9000}.rnc__notification-item{border-radius:3px;box-shadow:1px 3px 4px #0003;cursor:pointer;display:flex;margin-bottom:15px;position:relative}.rnc__notification-container--bottom-full .rnc__notification-item,.rnc__notification-container--top-full .rnc__notification-item{border-radius:0;margin-bottom:0}.rnc__notification-container--bottom-full .rnc__notification,.rnc__notification-container--top-full .rnc__notification{width:100%!important}.rnc__notification-timer{margin-top:10px;width:100%}.rnc__notification-timer,.rnc__notification-timer-filler{border-radius:5px;height:3px}.rnc__notification-title{color:#fff;font-size:14px;font-weight:700;margin-bottom:5px;margin-top:5px}.rnc__notification-message{word-wrap:break-word;color:#fff;font-size:14px;line-height:150%;margin-bottom:0;margin-top:0;max-width:calc(100% - 15px)}.rnc__notification-content{display:inline-block;padding:8px 15px;width:100%}.rnc__notification-close-mark{border-radius:50%;display:inline-block;height:18px;position:absolute;right:10px;top:10px;width:18px}.rnc__notification-close-mark:after{color:#fff;content:"×";font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.rnc__notification-container--mobile-bottom .notification,.rnc__notification-container--mobile-bottom .rnc__notification-item,.rnc__notification-container--mobile-top .notification,.rnc__notification-container--mobile-top .rnc__notification-item{max-width:100%;width:100%}.rnc__notification-container--bottom-right .notification,.rnc__notification-container--top-right .notification{margin-left:auto}.rnc__notification-container--bottom-left .notification,.rnc__notification-container--top-left .notification{margin-right:auto}.rnc__notification-container--mobile-bottom .notification,.rnc__notification-container--mobile-top .notification{margin-left:auto;margin-right:auto}.auth-page{display:flex;min-height:100vh;font-family:Inter,Segoe UI,sans-serif}.auth-panel{flex:0 0 45%;background:linear-gradient(135deg,#7c6af7,#a78bfa);display:flex;flex-direction:column;justify-content:center;padding:60px 56px;color:#fff}.auth-panel .auth-panel-logo{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:700;margin-bottom:56px}.auth-panel .auth-panel-logo i{font-size:1.6rem}.auth-panel h2{font-size:2rem;font-weight:800;line-height:1.25;margin:0 0 16px}.auth-panel .auth-panel-subtitle{font-size:1rem;opacity:.85;margin:0 0 48px;line-height:1.6}.auth-panel .auth-panel-features{display:flex;flex-direction:column;gap:20px}.auth-panel .auth-feature{display:flex;align-items:flex-start;gap:14px}.auth-panel .auth-feature i{font-size:1.2rem;margin-top:2px;opacity:.9;flex-shrink:0}.auth-panel .auth-feature div strong{display:block;font-size:.9rem;font-weight:600;margin-bottom:2px}.auth-panel .auth-feature div span{font-size:.8rem;opacity:.75}.auth-form-panel{flex:0 0 55%;display:flex;flex-direction:column;justify-content:center;padding:60px 48px;background:#fff}.auth-form-panel .auth-form-header{margin-bottom:32px}.auth-form-panel .auth-form-header h1{font-size:1.6rem;font-weight:800;margin:0 0 6px;color:#1a1a1a}.auth-form-panel .auth-form-header p{font-size:.875rem;color:#6e6e73;margin:0}.auth-form-panel form{display:flex;flex-direction:column;gap:12px}.auth-form-panel .field-group{display:flex;flex-direction:column;gap:4px}.auth-form-panel .field-group label{font-size:.8rem;font-weight:600;color:#1a1a1a}.auth-form-panel .field-group input{padding:10px 14px;border:1px solid #e0e2e6;border-radius:8px;font-size:.875rem;color:#1a1a1a;background:#f0f2f5;transition:border-color .2s,background .2s;box-sizing:border-box;width:100%;outline:none}.auth-form-panel .field-group input:focus{border-color:#7c6af7;background:#fff}.auth-form-panel .field-group input::placeholder{color:#aaa}.auth-form-panel .field-error{font-size:.78rem;color:#e05252;margin:0}.auth-form-panel .btn-submit{margin-top:8px;padding:11px;background-color:#7c6af7;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s;width:100%}.auth-form-panel .btn-submit:hover{background-color:#6a58e0}.auth-form-panel .auth-switch{margin-top:20px;font-size:.85rem;color:#6e6e73;text-align:center}.auth-form-panel .auth-switch a{color:#7c6af7;font-weight:600;text-decoration:none}.auth-form-panel .auth-switch a:hover{text-decoration:underline}.auth-form-panel .auth-back{margin-top:24px;text-align:center}.auth-form-panel .auth-back a{font-size:.8rem;color:#aaa;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.auth-form-panel .auth-back a:hover{color:#6e6e73}@media (max-width: 768px){.auth-page{flex-direction:column}.auth-panel{padding:32px 24px;flex:none}.auth-panel h2{font-size:1.4rem}.auth-panel .auth-panel-features,.auth-panel .auth-panel-subtitle{display:none}.auth-panel .auth-panel-logo{margin-bottom:0}.auth-form-panel{width:100%;padding:32px 24px;flex:1}}.index{font-family:Inter,Segoe UI,sans-serif;min-height:100vh;display:flex;flex-direction:column;background-color:#f0f2f5;color:#1a1a1a}.index-header{display:flex;justify-content:space-between;align-items:center;padding:18px 48px;background:#fff;border-bottom:1px solid #e0e2e6;position:sticky;top:0;z-index:10}.index-logo{font-size:1.25rem;font-weight:700;color:#1a1a1a;display:flex;align-items:center;gap:8px}.index-logo i{color:#7c6af7;font-size:1.4rem}.index-nav{display:flex;align-items:center;gap:16px}.index-nav a{text-decoration:none;font-weight:500;font-size:.9rem;color:#6e6e73;transition:color .2s}.index-nav a:hover{color:#1a1a1a}.index-nav .btn-primary{background-color:#7c6af7;color:#fff;padding:8px 18px;border-radius:8px;transition:background-color .2s}.index-nav .btn-primary:hover{background-color:#6a58e0;color:#fff}.hero{display:flex;align-items:center;justify-content:center;text-align:center;padding:100px 24px;background:linear-gradient(135deg,#7c6af7,#a78bfa);color:#fff}.hero-content{max-width:640px}.hero h1{font-size:2.6rem;font-weight:800;line-height:1.2;margin:0 0 20px}.hero p{font-size:1.1rem;opacity:.9;margin-bottom:36px;line-height:1.6}.btn-hero{display:inline-block;background:#fff;color:#7c6af7;font-weight:700;font-size:1rem;padding:14px 32px;border-radius:10px;text-decoration:none;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 16px #0000001f}.btn-hero:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000002e}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:72px 48px;max-width:1100px;margin:0 auto;width:100%;box-sizing:border-box}.feature-card{background:#fff;border-radius:12px;padding:32px 24px;border:1px solid #e0e2e6;transition:box-shadow .2s}.feature-card:hover{box-shadow:0 4px 20px #00000014}.feature-card i{font-size:2rem;color:#7c6af7;margin-bottom:16px;display:block}.feature-card h3{font-size:1rem;font-weight:700;margin:0 0 10px}.feature-card p{font-size:.875rem;color:#6e6e73;line-height:1.6;margin:0}.index-footer{margin-top:auto;text-align:center;padding:24px;background:#fff;border-top:1px solid #e0e2e6;font-size:.8rem;color:#aaa}@media (max-width: 768px){.index-header{padding:16px 20px}.hero{padding:72px 20px}.hero h1{font-size:1.8rem}.hero p{font-size:1rem}.features{grid-template-columns:1fr;padding:40px 20px}}@media (max-width: 480px){.index-logo{font-size:1.1rem}.index-nav a:not(.btn-primary){display:none}.hero h1{font-size:1.5rem}}.notfound{font-family:Inter,Segoe UI,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c6af7,#a78bfa);color:#fff}.notfound-content{text-align:center;padding:2rem;display:flex;flex-direction:column;align-items:center}.robot{width:180px;height:auto;margin-bottom:1rem;filter:drop-shadow(0 8px 24px rgba(0,0,0,.2));animation:wobble 3s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-6px)}}.notfound-code{font-size:6rem;font-weight:800;line-height:1;letter-spacing:-4px;opacity:.95;margin-bottom:.5rem}.notfound-content h1{font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.notfound-content p{font-size:1rem;opacity:.8;margin:0 0 2rem}.notfound-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background:#fff;color:#7c6af7;border-radius:8px;font-weight:600;font-size:1rem;text-decoration:none;transition:transform .15s,box-shadow .15s}.notfound-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003;color:#7c6af7}