body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}button{cursor:pointer}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}.layout{display:flex;flex-direction:column;min-height:100vh}.header{align-items:center;background-color:#2c3e50;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;height:60px;justify-content:space-between;padding:0 20px}.system-name{font-size:1.5rem;font-weight:700}.user-container{position:relative}.user-name{align-items:center;border-radius:4px;cursor:pointer;display:flex;padding:8px 12px;transition:background-color .3s}.user-name:hover{background-color:#ffffff1a}.dropdown-icon{font-size:.8rem;margin-left:5px}.user-menu{background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0003;margin-top:5px;overflow:hidden;position:absolute;right:0;top:100%;width:150px;z-index:1000}.user-menu-item{color:#333;cursor:pointer;padding:12px 15px;transition:background-color .3s}.user-menu-item:hover{background-color:#f5f5f5}.user-menu-item.logout{border-top:1px solid #eee;color:#e74c3c}.user-menu-item.logout:hover{background-color:#fee}.main-container{display:flex;flex:1 1}.sidebar{background-color:#f0f0f0;box-shadow:2px 0 5px #0000001a;padding:20px;width:250px}.sidebar-title{color:#333;font-size:1.5rem;margin-bottom:20px;margin-top:0;text-align:center}.sidebar-nav ul{list-style-type:none;margin:0;padding:0}.sidebar-nav li{margin-bottom:10px}.sidebar-nav a{border-radius:4px;color:#333;display:block;padding:10px 15px;text-decoration:none;transition:background-color .3s}.sidebar-nav a:hover{background-color:#e0e0e0}.sidebar-nav a.active{background-color:#007bff;color:#fff}.main-content{flex:1 1;overflow-y:auto;padding:20px}.timestamp-converter{margin:0 auto;max-width:1200px;padding:20px;position:relative}.toast-message{animation:fadeInOut 1s ease}.timestamp-converter h2{border-bottom:2px solid #eee;color:#333;margin-bottom:20px;margin-top:0;padding-bottom:10px}.timestamp-container{display:flex;gap:20px}.timestamp-left-section{display:flex;flex:1 1;flex-direction:column;gap:20px}.converter-section,.current-timestamp{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.converter-section h3,.current-timestamp h3{color:#333;margin-bottom:15px;margin-top:0}.timestamp-display{display:flex;flex-direction:column;gap:15px}.timestamp-item{display:flex;flex-direction:column;gap:5px}.timestamp-value{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;gap:10px;padding:10px}.timestamp-value span{flex:1 1;font-family:monospace;font-size:1.1rem}.result-display button,.timestamp-value button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px;transition:background-color .3s}.result-display button:hover,.timestamp-value button:hover{background-color:#0056b3}.input-group{display:flex;gap:10px;margin-bottom:15px}.input-group input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:1rem;padding:10px}.input-group button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.input-group button:hover{background-color:#218838}.result h4{color:#333;margin-bottom:10px;margin-top:0}.result-display{align-items:center;display:flex;gap:10px}.result-value{color:#28a745;flex:1 1;font-family:monospace;font-size:1.1rem;word-break:break-all}.history-converted,.history-timestamp{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.history-converted{margin-bottom:0}.converted-content,.timestamp-content{flex:1 1;margin-right:10px;overflow:hidden;text-overflow:ellipsis}.converted-content{color:#28a745;font-family:monospace}@media (max-width:768px){.timestamp-container{flex-direction:column}}.md5-generator{margin:0 auto;max-width:1200px;padding:20px;position:relative}.toast-message{animation:fadeInOut 3s ease;background-color:#000c;border-radius:4px;color:#fff;left:50%;padding:12px 24px;position:fixed;top:80px;transform:translateX(-50%);z-index:1000}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.md5-generator h2{border-bottom:2px solid #eee;color:#333;margin-bottom:20px;margin-top:0;padding-bottom:10px}.md5-container{display:flex;gap:20px}.generator-section,.history-section{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1;padding:20px}.input-area{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.input-area textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:12px;resize:vertical;width:100%}.generate-btn{align-self:flex-start;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s}.generate-btn:hover{background-color:#0056b3}.result{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:15px}.result h3{color:#333;margin-bottom:15px;margin-top:0}.hash-result{align-items:center;display:flex;gap:10px}.hash-text{color:#28a745;flex:1 1;font-family:monospace;font-size:1.1rem;word-break:break-all}.copy-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px;transition:background-color .3s}.copy-btn:hover{background-color:#5a6268}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.history-header h3{color:#333;margin:0}.clear-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px;transition:background-color .3s}.clear-btn:hover{background-color:#c82333}.history-list{list-style-type:none;margin:0;max-height:400px;overflow-y:auto;padding:0}.history-item{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:12px}.history-item:last-child{margin-bottom:0}.history-hash,.history-text{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.history-hash{color:#28a745;font-family:monospace;margin-bottom:0}.hash-content,.text-content{flex:1 1;margin-right:10px;overflow:hidden;text-overflow:ellipsis}.history-copy-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:3px 8px;transition:background-color .3s;white-space:nowrap}.history-copy-btn:hover{background-color:#5a6268}.empty-history{align-items:center;color:#6c757d;display:flex;height:100px;justify-content:center}@media (max-width:768px){.md5-container{flex-direction:column}}.test-page{margin:0 auto;max-width:800px;padding:20px}.test-page h2{border-bottom:2px solid #eee;color:#333;margin-bottom:20px;margin-top:0;padding-bottom:10px}.test-content{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center}.hello-world{padding:40px 20px}.hello-world h1{animation:pulse 2s infinite;color:#007bff;font-size:3rem;margin-bottom:20px}.hello-world p{color:#555;font-size:1.2rem}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.container{border:1px solid #ccc;display:flex;flex-direction:column;padding:10px;width:100%}.left,.right{background:#eee;padding:10px}.welcome{animation:fadeIn 1s;background-image:radial-gradient(circle,#3f5efb 0,#fc466b 100%);color:#fff;font-size:50px;padding:50px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-page{margin:0 auto;max-width:800px;padding:20px}.profile-page h2{border-bottom:2px solid #eee;color:#333;margin-bottom:20px;margin-top:0;padding-bottom:10px}.profile-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.profile-header{background-color:#f9f9f9;border-bottom:1px solid #eee;padding:25px}.avatar,.profile-header{align-items:center;display:flex}.avatar{background-color:#3498db;border-radius:50%;color:#fff;font-size:2.5rem;font-weight:700;height:80px;justify-content:center;margin-right:20px;width:80px}.user-info h3{color:#333;font-size:1.5rem;margin:0 0 5px}.user-role{color:#777;font-size:.9rem;margin:0}.profile-details{padding:20px 25px}.detail-item{border-bottom:1px solid #eee;display:flex;margin-bottom:15px;padding-bottom:15px}.detail-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-label{color:#777;font-weight:500;width:100px}.detail-value{color:#333;flex:1 1}.profile-actions{background-color:#f9f9f9;border-top:1px solid #eee;display:flex;gap:15px;padding:20px 25px}.change-password-btn,.edit-profile-btn{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:background-color .3s}.edit-profile-btn{background-color:#3498db;color:#fff}.edit-profile-btn:hover{background-color:#2980b9}.change-password-btn{background-color:#f0f0f0;color:#333}.change-password-btn:hover{background-color:#e0e0e0}.settings-page{margin:0 auto;max-width:800px;padding:20px}.settings-page h2{border-bottom:2px solid #eee;color:#333;margin-bottom:20px;margin-top:0;padding-bottom:10px}.settings-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.settings-section{border-bottom:1px solid #eee;padding:20px 25px}.settings-section h3{color:#333;font-size:1.2rem;margin-bottom:20px;margin-top:0}.setting-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.setting-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.setting-label{color:#555;font-weight:500}.setting-control{align-items:center;display:flex}.toggle{display:inline-block;height:24px;position:relative;width:50px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}input:checked+.toggle-slider{background-color:#2196f3}input:checked+.toggle-slider:before{transform:translateX(26px)}select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:.9rem;min-width:120px;padding:8px 12px}.setting-btn{background-color:#f0f0f0;border:none;border-radius:4px;color:#333;cursor:pointer;padding:6px 12px;transition:background-color .3s}.setting-btn:hover{background-color:#e0e0e0}.settings-actions{background-color:#f9f9f9;display:flex;gap:15px;padding:20px 25px}.reset-btn,.save-btn{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:background-color .3s}.save-btn{background-color:#2ecc71;color:#fff}.save-btn:hover{background-color:#27ae60}.reset-btn{background-color:#f0f0f0;color:#333}.reset-btn:hover{background-color:#e0e0e0}.move-page{height:100vh;overflow:hidden;position:relative;width:100%}.mouse-follower,.trail-circle{background-color:#ffffc899;border-radius:50%;height:40px;pointer-events:none;position:fixed;transform:translate(-50%,-50%);width:40px;z-index:9999}.trail-circle{background-color:#ffffc866;transition:opacity .1s ease}
/*# sourceMappingURL=main.16461337.css.map*/