.sidebar{width:230px;background-color:#fff;color:#333;display:flex;flex-direction:column;padding:0;transition:width .3s ease-in-out;overflow-x:hidden;border-right:1px solid #e0e0e0;box-shadow:2px 0 10px #00000005}.sidebar-header{display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;cursor:pointer;transition:all .2s ease-in-out;margin-bottom:15px}.sidebar-header:hover{background-color:#f1f3f5}.logo-group{display:flex;align-items:center;justify-content:center;flex-grow:1}.logo-image{max-width:130px;height:auto;transition:opacity .2s}.toggle-chevron{opacity:.5;transition:all .3s ease-in-out;color:#666}.sidebar-header:hover .toggle-chevron{opacity:1;color:#f58220}.nav-links{flex-grow:1;display:flex;flex-direction:column;gap:5px;padding:0 15px}.nav-item{display:flex;align-items:center;gap:15px;padding:12px 20px;text-decoration:none;color:#555;border-radius:4px;font-weight:500;transition:all .2s;border-left:3px solid transparent}.nav-item:hover{background-color:#f5f5f5;color:#f58220}.nav-item.active{background-color:#fff3e0;color:#f58220;border-left:3px solid #f58220}.nav-text{white-space:nowrap}.sidebar.collapsed{width:70px}.sidebar.collapsed .sidebar-header{justify-content:center;padding:15px 0}.sidebar.collapsed .logo-group{justify-content:center}.sidebar.collapsed .logo-image{display:none}.sidebar.collapsed .logo-collapsed-icon{display:block;color:#f58220}.logo-collapsed-icon{display:none}.sidebar.collapsed .toggle-chevron,.sidebar.collapsed .nav-text{opacity:0!important;display:none!important}.sidebar.collapsed .nav-links{padding:0}.sidebar.collapsed .nav-item{justify-content:center;padding:12px 0;border-radius:0;border-left:0}.sidebar.collapsed .nav-item.active{border-bottom:3px solid #f58220}@media (max-width: 768px){.sidebar,.sidebar.collapsed{width:100%!important;height:65px;flex-direction:row;position:fixed;bottom:0;left:0;z-index:1000;border-right:none;border-top:1px solid #e0e0e0;box-shadow:0 -2px 10px #0000000d}.sidebar-header{display:none}.nav-links{flex-direction:row;justify-content:space-around;align-items:center;width:100%;padding:0;margin:0}.nav-item{flex:1;justify-content:center;padding:0;height:100%;border-left:none!important;border-bottom:3px solid transparent;border-radius:0}.nav-item.active{border-left:none!important;border-bottom:3px solid #f58220}.nav-text{display:none!important}}.wot-manager-page{max-width:1400px;margin:0 auto}.page-header{margin-bottom:30px}.page-header h2{font-size:28px;color:#0f172a;margin:0 0 8px}.page-header p{color:#64748b;margin:0;font-size:15px}.add-toolbar{display:flex;gap:15px;background:#fff;padding:20px;border-radius:4px;border:1px solid #e0e0e0;box-shadow:none;margin-bottom:30px}.toolbar-input{padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.toolbar-input:focus{border-color:#f7cb84}.flex-grow{flex-grow:1}.btn-primary{background-color:#fff3e0;color:#f58220;border:none;padding:0 24px;border-radius:4px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s}.btn-primary:hover{background-color:#fcd89d}.things-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.thing-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000000a;border:1px solid #f1f5f9;transition:transform .2s,box-shadow .2s}.thing-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000014}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-title-group{display:flex;align-items:center;gap:12px}.icon-box{background:#f1f5f9;color:#3b82f6;padding:8px;border-radius:10px;display:flex}.card-header h3{margin:0;font-size:18px;color:#1e293b}.btn-delete{background:transparent;border:none;color:#cbd5e1;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.btn-delete:hover{background:#fef2f2;color:#ef4444}.card-url{display:flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8;margin-bottom:15px}.card-url a{color:#94a3b8;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-url a:hover{color:#3b82f6;text-decoration:underline}.divider{height:1px;background:#f1f5f9;margin-bottom:15px}.capabilities-container{display:flex;flex-direction:column;gap:16px}.section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.section-title.blue{color:#3b82f6}.section-title.orange{color:#f59e0b}.section-title.purple{color:#8b5cf6}.badges-wrapper{display:flex;flex-wrap:wrap;gap:8px}.badge{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;font-size:12px}.badge-name{font-weight:600}.badge-type{opacity:.7;font-size:11px}.badge-icon{margin-left:2px}.badge-blue{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.badge-orange{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.badge-purple{background:#f5f3ff;color:#6d28d9;border:1px solid #ddd6fe}.badge-inputs{display:flex;gap:4px;padding-left:6px;border-left:1px solid currentColor;opacity:.8}.loading-scan{font-size:12px;color:#94a3b8;font-style:italic;padding:10px 0}.groups-wrapper{display:flex;flex-direction:column;gap:20px}.group-container{background:#fff;border-radius:4px;box-shadow:none;border:1px solid #e0e0e0;overflow:hidden;transition:all .3s}.group-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#f8f9fa;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s;border-bottom:1px solid transparent}.group-header:hover{background:#f1f3f5}.group-header-left{display:flex;align-items:center;gap:12px}.group-header-left h3{margin:0;font-size:18px;color:#f7cb84!important;font-weight:600}.group-badge{background:#e2e8f0;color:#475569;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700;margin-left:8px}.group-content{padding:24px;border-top:1px solid #e2e8f0;background:#fff}.thing-card{box-shadow:0 2px 8px #00000008}.card-header h4{margin:0;font-size:16px;color:#1e293b}.custom-autocomplete-wrapper{position:relative;min-width:200px}.full-width{width:100%}.custom-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 25px #0000001a;z-index:50;max-height:250px;overflow-y:auto;padding:6px}.custom-dropdown-item{padding:10px 14px;cursor:pointer;display:flex;align-items:center;color:#334155;font-size:14px;border-radius:6px;transition:all .2s}.dropdown-icon{margin-right:10px;color:#94a3b8;transition:color .2s}.custom-dropdown-item:hover{background:#f9f0e2;color:#f7cb84;font-weight:500}.custom-dropdown-item:hover .dropdown-icon{color:#f7cb84}.btn-edit{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.btn-edit:hover{background:#eff6ff;color:#3b82f6}.btn-sync{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#f58220;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:background .2s}.btn-sync.syncing{background-color:#cbd5e1;cursor:not-allowed}.spin-animation{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background:#fff;padding:30px;border-radius:12px;width:450px;box-shadow:0 20px 25px -5px #0000001a}.modal-content h3{margin:0 0 5px;color:#0f172a}.modal-subtitle{margin:0 0 20px;font-size:12px;color:#94a3b8;word-break:break-all}.modal-field{margin-bottom:15px}.modal-field label{display:block;font-size:12px;font-weight:700;margin-bottom:5px;color:#475569}.modal-warning{background:#fffbeb;border-left:4px solid #f59e0b;padding:15px;border-radius:4px;margin:20px 0}.modal-warning p{margin:0 0 10px;font-size:13px;color:#b45309}.confirm-input{border-color:#fcd34d!important}.confirm-input:focus{border-color:#f59e0b!important}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-cancel{padding:10px 15px;border:none;background:#f1f5f9;color:#475569;border-radius:6px;cursor:pointer;font-weight:500}.btn-save{padding:10px 15px;border:none;background:#f58220;color:#fff;border-radius:6px;cursor:pointer;font-weight:700}.btn-save:disabled{background:#cbd5e1;cursor:not-allowed}.page-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start}.page-header button{width:100%;justify-content:center}.add-toolbar{padding:15px}.custom-autocomplete-wrapper{min-width:100%}.btn-primary{width:100%;justify-content:center;padding:12px}.things-grid{grid-template-columns:1fr}.group-header{padding:15px}}*{box-sizing:border-box}body,html,#root{margin:0;padding:0;height:100vh;font-family:Open Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5}.app-layout{display:flex;height:100vh;overflow:hidden}.main-content{flex-grow:1;overflow-y:auto;padding:40px}