:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;margin:0;padding:0;--color-bg: #23272f;--color-surface: #2e3440;--color-text: #f4f6fb;--color-primary: #4f8cff;--color-secondary: #2658b3;--color-border: #3b4252}body{height:100%;margin:0;padding:0;display:flex;background-color:var(--color-bg);color:var(--color-text)}.login-page{display:flex;height:100vh;width:100vw;justify-content:center;align-items:center}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2em;border-radius:8px;background:var(--color-surface)}.login-form{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.login-form input{margin:.5em 0;padding:.5em;font-size:1em;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-text)}.login-form button{margin-top:1em;padding:.5em 1em;font-size:1em;border:none;border-radius:4px;background-color:var(--color-primary);color:#fff;cursor:pointer}.login-form button:hover{background-color:var(--color-secondary)}.file-page{display:flex;flex-direction:row;height:100vh;width:100vw}.files-container{display:flex;flex-direction:column;padding:2em;width:50%}.files-container h2{margin-bottom:1em;text-align:center}.files-container ul{list-style-type:none;padding:0;width:100%}.files-container li{display:flex;align-items:center;gap:1em;background-color:var(--color-surface);margin-bottom:.5em;padding:1em;border-radius:6px;width:100%;box-sizing:border-box;border:1px solid var(--color-border)}.files-container .delete-button{height:2em;width:2em;margin-left:auto;font-size:1.1em;border:none;border-radius:50%;background-color:#e74c3c;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .1s;box-shadow:0 1px 4px #00000014;padding:0}.delete-icon{width:1.2em;height:1.2em;transition:filter .2s;pointer-events:none}.files-container button:hover{background-color:#c0392b;transform:scale(1.1)}.files-container a{text-decoration:none;color:var(--color-primary);font-weight:500}.files-container a:hover{text-decoration:underline;color:var(--color-secondary);cursor:pointer}.drop-text{margin-top:1em;font-style:italic;color:var(--color-text);text-align:center}