@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&family=Inter:wght@400;600&display=swap";:root{--bg-color:#0d1117;--panel-bg:#161b22;--text-main:#c9d1d9;--text-muted:#8b949e;--accent:#58a6ff;--border:#30363d;--hover-bg:#21262d;--danger:#f85149}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-main);height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;overflow:hidden}.archive-container{flex-direction:column;height:100vh;display:flex}.archive-header{background-color:var(--panel-bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 20px;font-family:Fira Code,monospace;display:flex}.brand{color:var(--danger);align-items:center;gap:10px;font-weight:700;display:flex}.user-info{color:var(--text-muted);align-items:center;gap:8px;font-size:.9rem;display:flex}.archive-main{flex:1;display:flex;overflow:hidden}.sidebar{background-color:var(--panel-bg);border-right:1px solid var(--border);width:250px;padding:20px 0}.sidebar h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:10px;margin:0 0 15px 20px;font-size:.9rem;display:flex}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li{cursor:pointer;padding:10px 20px 10px 40px;font-family:Fira Code,monospace;font-size:.9rem}.sidebar li.active{background-color:var(--hover-bg);border-left:3px solid var(--accent);color:var(--accent)}.sidebar li.disabled{color:#484f58;cursor:not-allowed}.content-area{background-color:var(--bg-color);flex-direction:column;flex:1;display:flex}.path-bar{border-bottom:1px solid var(--border);background-color:#161b2280;align-items:center;gap:15px;padding:15px 20px;display:flex}.back-btn{border:1px solid var(--border);color:var(--text-main);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:5px 8px;transition:background .2s;display:flex}.back-btn:hover{background:var(--hover-bg)}.path-text{color:var(--accent);font-family:Fira Code,monospace;font-size:1rem}.file-grid{flex-wrap:wrap;align-content:flex-start;gap:20px;padding:30px;display:flex;overflow-y:auto}.file-item{cursor:pointer;text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:10px;width:120px;padding:15px 10px;transition:background .2s;display:flex}.file-item:hover{background-color:var(--hover-bg)}.icon-folder{color:#d2a8ff}.icon-file{color:var(--text-muted)}.file-name{word-break:break-word;-webkit-user-select:none;user-select:none;font-size:.9rem}.empty-folder{text-align:center;width:100%;color:var(--text-muted);padding:50px;font-style:italic}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--panel-bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;width:600px;max-width:90%;max-height:80vh;display:flex;box-shadow:0 10px 30px #00000080}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.modal-title{color:var(--accent);font-family:Fira Code,monospace;font-weight:700}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.2rem}.close-btn:hover{color:var(--danger)}.modal-body{padding:20px;overflow-y:auto}.modal-body pre{white-space:pre-wrap;color:#7ee787;margin:0;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.5}.password-modal .modal-title{color:var(--danger)}.keypad-display{background:var(--bg-color);border:1px solid var(--border);border-radius:4px;justify-content:flex-start;align-items:center;gap:10px;min-height:60px;margin-top:15px;padding:15px;display:flex}.entered-symbol{color:var(--accent)}.placeholder-text{color:var(--text-muted);font-family:Fira Code,monospace}.keypad-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px;display:grid}.keypad-btn{background:var(--bg-color);border:1px solid var(--border);color:var(--text-main);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:20px;transition:all .2s;display:flex}.keypad-btn:hover{background:var(--hover-bg);border-color:var(--accent);color:var(--accent)}.keypad-btn:active{background:var(--accent);color:#fff}.keypad-controls{gap:10px;margin-top:15px;display:flex}.submit-btn{background:var(--border);color:var(--text-main);cursor:pointer;border:none;border-radius:4px;flex:1;padding:12px;font-family:Fira Code,monospace;font-weight:700;transition:background .2s}.submit-btn:hover{background:var(--hover-bg)}.clear-btn{background:var(--danger);flex:1}.clear-btn:hover{background:#d73a49}.decrypt-btn{background:var(--accent);color:#000;flex:2}.decrypt-btn:hover{background:#3182ce}.error-text{color:var(--danger);margin-top:15px;font-family:Fira Code,monospace;font-size:.9rem}