:root{--color-bleu-authentique: #3E536E;--color-beige-professionnel: #F5F1EE;--color-orange-real: #CC7838;--color-bleu-montage: #739CB0;--color-vert-cadrage: #B4B180;--color-text: #2a3542;--color-text-muted: #5a6572}*{box-sizing:border-box}body{margin:0;font-family:DM Sans,system-ui,sans-serif;background:var(--color-beige-professionnel);color:var(--color-text);min-height:100vh}.app{min-height:100vh;padding:1rem;max-width:56rem;margin:0 auto}.header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-bleu-montage)}.header h1{margin:0;font-size:1.5rem;color:var(--color-bleu-authentique)}.user{flex:1;color:var(--color-text-muted);font-size:.9rem}.loading,.login-prompt{text-align:center;padding:3rem;color:var(--color-text-muted)}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin-bottom:1rem;font-size:.9rem}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.mkdir-form{display:flex;gap:.5rem}.mkdir-form input{padding:.5rem;border-radius:6px;border:1px solid var(--color-bleu-montage);min-width:120px}.file-list{background:#fff;border-radius:8px;border:1px solid rgba(62,83,110,.15);overflow:hidden}.file-row{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid rgba(62,83,110,.1)}.file-row:last-child{border-bottom:none}.file-row .folder,.file-row .file{flex:1;cursor:pointer;min-width:0;overflow:hidden;text-overflow:ellipsis}.file-row .folder:hover,.file-row .file:hover{color:var(--color-orange-real)}.file-row .meta{font-size:.85rem;color:var(--color-text-muted);flex-shrink:0}.btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;font-family:inherit}.btn-primary{background:var(--color-orange-real);color:#fff}.btn-secondary{background:var(--color-bleu-montage);color:#fff}.btn-small{padding:.4rem .8rem;font-size:.85rem;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-bleu-montage)}.btn-danger{color:#b91c1c;border-color:#b91c1c}.btn-danger:hover{background:#b91c1c;color:#fff}.error{color:#b91c1c;font-size:.9rem;margin-bottom:.5rem}.muted{color:var(--color-text-muted);font-size:.9rem}@media(max-width:600px){.file-row{flex-wrap:wrap}.file-row .meta{width:100%;margin-left:1.5rem}}