.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:48px;text-align:center;max-width:400px;width:100%;box-shadow:0 10px 40px #0003}.login-card h1{color:#333;margin-bottom:16px;font-size:28px}.login-card p{color:#666;margin-bottom:32px;font-size:16px}.login-card .btn{width:100%;padding:14px;font-size:16px}.search-page{min-height:100vh;display:flex;flex-direction:column}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 0;box-shadow:0 2px 8px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center}.header-content h1{font-size:24px;font-weight:600}.user-info{display:flex;align-items:center;gap:16px}.user-info span{font-size:14px}.page-main{flex:1;padding:40px 0}.search-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px;margin-bottom:24px}.search-form .search-type-selector{display:flex;gap:20px;margin-bottom:16px}.search-form .search-type-selector label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.search-form .input-group{margin-bottom:16px}.results-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px}.selection-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #dee2e6}.selection-header p{margin:4px 0;color:#333}.selection-header .action-buttons{display:flex;gap:12px}.licence-plate-section{margin-bottom:32px}.licence-plate-section:last-child{margin-bottom:0}.licence-plate-header{color:#333;font-size:20px;font-weight:600;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #dee2e6}.licence-plate-header .image-count{font-size:16px;font-weight:400;color:#666;margin-left:8px}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.image-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;position:relative;cursor:pointer;transition:all .3s ease;overflow:hidden}.image-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.image-card.selected{border:3px solid #0078d4;box-shadow:0 0 0 2px #0078d433}.image-card .image-checkbox{position:absolute;top:8px;left:8px;z-index:10;background:#ffffffe6;padding:4px;border-radius:4px}.image-card .image-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.image-card img{width:100%;height:200px;object-fit:contain;display:block;background-color:#f5f5f5}.image-card .image-info{padding:12px}.image-card .image-info p{margin:4px 0;font-size:14px;color:#666}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-content{background:#fff;border-radius:12px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;position:relative;box-shadow:0 8px 32px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.image-modal-close{position:absolute;top:12px;right:12px;background:#00000080;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease}.image-modal-close:hover{background:#000c;transform:scale(1.1)}.image-modal-header{padding:20px;border-bottom:1px solid #dee2e6}.image-modal-header h3{margin:0 0 4px;color:#333;font-size:24px;font-weight:600}.image-modal-header p{margin:0;color:#666;font-size:14px}.image-modal-body{flex:1;display:flex;align-items:flex-start;justify-content:flex-start;padding:20px;overflow:auto;min-height:300px;max-height:calc(90vh - 200px)}.image-modal-body .image-wrapper{position:relative;display:flex;align-items:flex-start;justify-content:flex-start;width:fit-content;height:fit-content;min-width:100%;min-height:100%}.image-modal-body img{max-width:100%;max-height:calc(90vh - 200px);width:auto;height:auto;object-fit:contain;object-position:top left;border-radius:8px;box-shadow:0 4px 16px #0003;-webkit-user-select:none;user-select:none}.image-modal-footer{padding:20px;border-top:1px solid #dee2e6;display:flex;justify-content:center}.directory-browser-page{min-height:100vh;display:flex;flex-direction:column}.directory-browser-page .page-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 0;box-shadow:0 2px 8px #0000001a}.directory-browser-page .page-header .header-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.directory-browser-page .page-header .header-content h1{margin:0;font-size:24px;font-weight:600}.directory-browser-page .page-header .user-info{display:flex;align-items:center;gap:16px}.directory-browser-page .page-header .user-info span{font-size:14px}.directory-browser-page .page-main{flex:1;padding:40px 0}.directory-browser-page .browser-layout{display:grid;grid-template-columns:1fr;gap:16px}.directory-browser-page .tree-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px;min-height:400px}.directory-browser-page .tree-panel .panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid #dee2e6}.directory-browser-page .tree-panel .panel-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.directory-browser-page .tree-panel .panel-header .meta{color:#666;font-size:12px}.directory-browser-page .tree-panel .panel-subtitle{margin:0 0 16px;color:#666;font-size:14px}.directory-browser-page .tree-node .tree-row{display:flex;align-items:center;gap:8px;padding:4px 0}.directory-browser-page .tree-node .toggle{background:none;border:none;color:#333;cursor:pointer;font-size:14px;width:20px;text-align:center;transition:color .2s ease}.directory-browser-page .tree-node .toggle:hover{color:#0078d4}.directory-browser-page .tree-node .folder{flex:1;text-align:left;background:#f5f5f5;border:1px solid #dee2e6;border-radius:4px;padding:8px 12px;cursor:pointer;font-weight:600;color:#333;transition:all .3s ease}.directory-browser-page .tree-node .folder:hover{background:#fafafa;border-color:#0078d4;transform:translate(2px)}.directory-browser-page .tree-node .folder.active{background:#0078d41a;border-color:#0078d4;color:#0078d4}.directory-browser-page .tree-node .children{margin-top:4px;border-left:1px dashed #dee2e6;padding-left:12px}.directory-browser-page .loading{text-align:center;padding:40px;color:#666}.directory-browser-page .empty-state{padding:16px;border-radius:4px;background:#f5f5f5;color:#666;border:1px dashed #dee2e6;margin-top:12px;text-align:center}.directory-browser-page .error{background-color:#f8d7da;color:#721c24;padding:12px;border-radius:4px;margin-top:12px}.App{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:20px;width:100%}.card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px;margin-bottom:20px}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#0078d4;color:#fff}.btn-primary:hover:not(:disabled){background-color:#106ebe}.btn-success{background-color:#107c10;color:#fff}.btn-success:hover:not(:disabled){background-color:#0e6b0e}.btn-danger{background-color:#d13438;color:#fff}.btn-danger:hover:not(:disabled){background-color:#b02a2e}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.input-group{margin-bottom:16px}.input-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.input-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.input-group input:focus{outline:none;border-color:#0078d4;box-shadow:0 0 0 2px #0078d433}.search-container{display:flex;gap:12px;margin-bottom:24px}.search-container input{flex:1}.loading{text-align:center;padding:40px;color:#666}.error{background-color:#f8d7da;color:#721c24;padding:12px;border-radius:4px;margin-bottom:16px}.success{background-color:#d4edda;color:#155724;padding:12px;border-radius:4px;margin-bottom:16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}