:root{--dqb-indigo:#2c009d;--dqb-violet:#5a1af5;--dqb-purple:#7c44f9;--dqb-lavender:#9e72d4;--dqb-black:#000;--dqb-white:#fff;--bg:#050508;--bg-elevated:#0c0c12;--panel:#12121a;--border:#2a2438;--text:#fff;--muted:#b89ae0;--muted-soft:#b4b0c4;--accent:#5a1af5;--accent-mid:#7c44f9;--accent-soft:#9e72d4;--accent-deep:#2c009d;--brand-gradient:linear-gradient(135deg, #2c009d 0%, #5a1af5 55%, #9e72d4 100%);--danger:#e85d5d;--font-display:"Audiowide", sans-serif;--font:"Montserrat", system-ui, sans-serif;--mono:"SF Mono", "Menlo", "Consolas", "Liberation Mono", ui-monospace, monospace;--radius:10px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);background:radial-gradient(ellipse 80% 50% at 10% -10%, #5a1af547, transparent 55%), radial-gradient(ellipse 60% 40% at 100% 0%, #2c009d59, transparent 50%), radial-gradient(ellipse 50% 40% at 80% 100%, #9e72d41f, transparent 45%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--accent-soft);text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;padding:.5rem .95rem;transition:border-color .15s,background .15s,color .15s}button:hover{border-color:var(--accent-mid)}button.primary{background:var(--accent);border:1px solid var(--accent);color:var(--dqb-white);letter-spacing:.02em;font-weight:600}button.primary:hover{background:var(--accent-mid);border-color:var(--accent-mid);filter:none}button.danger{border-color:var(--danger);color:var(--danger);background:0 0}button.danger.solid{background:var(--danger);border-color:var(--danger);color:var(--dqb-white);font-weight:600}button.danger.solid:hover{filter:brightness(1.08)}input,select{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);border-radius:8px;width:100%;padding:.5rem .7rem}input:focus,select:focus{border-color:var(--accent-mid);outline:none;box-shadow:0 0 0 2px #5a1af540}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.app-layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.top-nav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#0c0c12f0;align-items:center;gap:1.25rem;padding:.85rem 1.5rem;display:flex;position:sticky;top:0}.top-nav-brand{color:inherit;flex-shrink:0}.top-nav-links{flex-wrap:wrap;flex:1;align-items:center;gap:.35rem;display:flex}.nav-link{color:var(--muted-soft);border-radius:8px;padding:.4rem .7rem;font-size:.9rem;font-weight:500}.nav-link:hover,.nav-link.active{color:var(--text);background:#5a1af52e}.top-nav-user{align-items:center;gap:.85rem;margin-left:auto;display:flex}.top-nav-user-meta{text-align:right;flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.top-nav-user-name{font-size:.9rem;font-weight:600}.top-nav-user-badge{color:var(--accent-soft);border:1px solid #9e72d473;border-radius:999px;padding:.1rem .45rem;font-size:.72rem;font-weight:600;display:inline-block}.top-nav-user-meta .muted{color:#c9c5d6;font-size:.8rem;font-weight:500}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem;display:grid}.folder-card{border-radius:var(--radius);border:1px solid var(--border);min-height:110px;color:inherit;background:#12121ae6;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.1rem;transition:border-color .15s,transform .15s;display:flex}.folder-card:hover{border-color:var(--accent-mid);transform:translateY(-1px)}.folder-card-name{word-break:break-word;font-size:1.05rem;font-weight:600}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0c12eb;flex-direction:column;gap:1.1rem;padding:1.35rem 1.15rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-logo{object-fit:contain;flex-shrink:0;width:40px;height:40px}.brand-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:.04em;font-size:1rem;line-height:1.1}.brand-product{letter-spacing:.12em;text-transform:uppercase;color:#c4a8e8;font-size:.7rem;font-weight:600}.nav-section{flex-direction:column;gap:.3rem;display:flex}.nav-section-label{letter-spacing:.14em;color:var(--muted-soft);margin:.35rem 0 .15rem;font-size:.68rem;font-weight:600}.nav-item{text-align:left;color:var(--muted-soft);background:0 0;border:1px solid #0000;border-radius:8px;padding:.45rem .6rem}.nav-item:hover{color:var(--text);background:#5a1af51f;border-color:#0000}.nav-item.active{color:var(--text);background:#5a1af533;border-color:#7c44f973}.main{flex-direction:column;flex:1;min-height:0;padding:1.5rem 2rem;display:flex;overflow:hidden}.page-fill{flex-direction:column;flex:1;gap:1rem;min-height:0;display:flex}.page-toolbar{flex-shrink:0;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.page-toolbar h2{font-family:var(--font-display);letter-spacing:.03em;margin:0;font-size:1.35rem;font-weight:400}.page-nav-row{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.back-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#5a1af51f;border-radius:8px;flex-shrink:0;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.85rem;font-weight:600;display:inline-flex}.back-btn:hover{border-color:var(--accent-mid);color:var(--text);background:#5a1af538}.page-toolbar-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.collaborators-section{flex-direction:column;gap:.75rem;display:flex}.collaborators-section+.collaborators-section{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1.25rem}.collaborators-heading{color:#d4d0e0;margin:0;font-size:.9rem;font-weight:600}.collaborators-table{font-size:.88rem}.collaborators-table th,.collaborators-table td{padding:.55rem .65rem}.collaborators-level-select{width:auto;min-width:5.5rem;padding:.25rem .45rem;font-size:.85rem}.collaborators-pagination{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.65rem;display:flex}.user-search-results{flex-direction:column;gap:.35rem;margin-top:-.35rem;display:flex}.multi-select-field{border:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.35rem;min-height:2.5rem;padding:.35rem .5rem;display:flex}.multi-select-field:focus-within{border-color:var(--accent-mid);box-shadow:0 0 0 2px #5a1af540}.multi-select-chip{max-width:100%;color:var(--text);background:#5a1af533;border:1px solid #9e72d473;border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .35rem .15rem .5rem;font-size:.78rem;line-height:1.2;display:inline-flex}.multi-select-chip-remove{width:1.1rem;height:1.1rem;color:var(--muted-soft);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:.95rem;line-height:1;display:inline-flex}.multi-select-chip-remove:hover{color:var(--text);background:#ffffff14}.multi-select-input{width:auto;min-width:6rem;color:var(--text);background:0 0;border:none;flex:8rem;padding:.15rem .25rem}.multi-select-input:focus{box-shadow:none;outline:none}.user-search-option{text-align:left;border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text);border-radius:8px;padding:.45rem .65rem;font-size:.88rem;display:block}.user-search-option:hover{border-color:var(--accent-mid);background:#5a1af51f}.bool-icon{justify-content:center;align-items:center;display:inline-flex}.bool-yes{color:#7ddea8}.bool-no{color:#e89a9a}.table-filters{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:.5rem;width:100%;display:flex}.table-filters-inset{border-bottom:1px solid var(--border);padding:.75rem}.table-filters input[type=search]{flex:0 22rem;width:22rem;min-width:12rem;max-width:100%}.table-filters input[type=search]::-webkit-search-cancel-button{appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 4l8 8M12 4L4 12' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:.85rem;height:.85rem;margin-left:.35rem}.table-filters select{flex:0 0 12rem;width:12rem;max-width:12rem}.cell-clamp{vertical-align:bottom;max-width:280px;display:inline-block}.cell-clamp-meta{vertical-align:bottom;max-width:240px;display:inline-block}.folder-chip-row{flex-wrap:wrap;gap:.3rem;max-width:22rem;display:flex}.meta-cell{font-size:.8rem;position:relative}.secret-inline{align-items:center;gap:.35rem;display:inline-flex}.secret-value-field{align-items:center;gap:.4rem;display:flex}.secret-value-field input{flex:1;min-width:0}.env-upload-block{flex-direction:column;gap:.65rem;margin-bottom:1rem;display:flex}.env-upload-hint{margin:0;font-size:.85rem}.env-upload-chip{border:1px solid var(--border);background:#5a1af51f;border-radius:8px;align-items:center;gap:.5rem;max-width:100%;padding:.45rem .65rem;font-size:.88rem;display:inline-flex}.env-upload-chip-small{max-width:11rem;padding:.25rem .45rem;font-size:.75rem}.env-upload-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.btn-small{border-radius:7px;flex-shrink:0;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.table-filters-spacer{flex:auto;min-width:0}.secret-modal-footer-row{justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.modal-footer-actions{flex-shrink:0;justify-content:flex-end;gap:.5rem;margin-left:auto;display:flex}.secret-value-cell{align-items:center;gap:.4rem;width:100%;min-width:0;max-width:100%;display:inline-flex}.secret-key-text,.secret-value-text{text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;font-family:var(--mono);letter-spacing:.02em;color:var(--text);font-size:.95rem;font-weight:500;line-height:1.45;display:block;overflow:hidden}.secrets-data-table .col-secret-key .resource-tip-trigger,.secrets-data-table .col-secret-value .resource-tip-trigger{color:var(--text)}.secret-value-masked{color:#9a96aa;letter-spacing:.12em}.secrets-data-table{table-layout:fixed}.secrets-data-table .col-secret-key{width:28%}.secrets-data-table .col-secret-value{width:auto}.secrets-data-table .col-actions{width:8rem}.secrets-data-table .col-secret-key .resource-tip-trigger,.secrets-data-table .col-secret-value .resource-tip-trigger{min-width:0;max-width:100%}.secrets-data-table .col-secret-value .secret-value-cell .resource-tip-trigger{flex:1;min-width:0}.resource-tip-trigger:disabled{cursor:default;color:inherit;opacity:1}.resource-tip-trigger:disabled:hover{color:inherit;border:none}.credential-block{flex-direction:column;gap:.75rem;margin-top:.75rem;display:flex}.credential-row{grid-template-columns:7rem 1fr auto;align-items:center;gap:.5rem;display:grid}.credential-row code{border:1px solid var(--border);background:var(--bg-elevated);word-break:break-all;-webkit-user-select:text;user-select:text;border-radius:8px;padding:.4rem .55rem}.resource-cell{position:relative}.resource-tip-trigger{max-width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex;position:relative}.resource-tip-trigger:hover{color:var(--accent-soft);border:none}.resource-tip{z-index:5;border:1px solid var(--border);max-width:min(28rem,75vw);color:var(--text);background:#1a1a26;border-radius:8px;align-items:center;gap:.5rem;padding:.45rem .55rem;display:flex;position:absolute;top:calc(100% + .35rem);left:0;box-shadow:0 8px 24px #00000073}.resource-tip-id{min-width:0;font-family:var(--mono);word-break:break-all;-webkit-user-select:text;user-select:text;cursor:text;flex:1;font-size:.78rem;line-height:1.3}.resource-tip-copy{min-width:2.25rem;min-height:1.6rem;color:var(--accent-soft);flex-shrink:0;justify-content:center;align-items:center;padding:.2rem .45rem;font-size:.72rem;display:inline-flex}.table-panel{border:1px solid var(--border);border-radius:var(--radius);background:#12121ae6;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.table-scroll{flex:1;min-height:0;overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:.92rem}.data-table thead th{z-index:1;background:#161622;position:sticky;top:0}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:.75rem 1rem}.data-table tbody td{box-sizing:border-box;height:3.5rem}.cell-ellipsis{white-space:nowrap;text-overflow:ellipsis;max-width:360px;color:var(--muted-soft);overflow:hidden}.col-actions{white-space:nowrap;width:1%}.action-btns{justify-content:flex-end;align-items:center;gap:.35rem;min-height:2rem;display:flex}.table-link{color:var(--text);font-weight:600}.table-row-clickable{cursor:pointer}.table-row-clickable:hover{background:#5a1af51a}.table-row-clickable:hover .table-link{color:var(--accent-soft)}.icon-btn{border:1px solid var(--border);color:#d8d4e6;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:inline-flex}.icon-btn:hover:not(:disabled){border-color:var(--accent-mid);color:var(--text);background:#5a1af526}.icon-btn-danger{color:#e89a9a}.icon-btn-danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger);background:#e85d5d1f}.table-pagination{border-top:1px solid var(--border);background:#0c0c12d9;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 1rem;display:flex}.pagination-meta{color:#c9c5d6;letter-spacing:.02em;font-size:.72rem;font-weight:500}.table-pagination button:disabled{opacity:.35;cursor:not-allowed}.modal-backdrop{z-index:50;background:#000000a6;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--border);background:#12121a;border-radius:12px;width:min(440px,100%);box-shadow:0 24px 80px #2c009d59}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.15rem;display:flex}.modal-header h3{font-family:var(--font-display);letter-spacing:.04em;margin:0;font-weight:400}.modal-close{color:var(--muted-soft);background:0 0;border:none;padding:.2rem .45rem;font-size:1.4rem;line-height:1}.modal-body{flex-direction:column;gap:.85rem;padding:1.15rem;display:flex}.modal-footer{justify-content:flex-end;gap:.5rem;padding:.85rem 1.15rem 1.15rem;display:flex}.field{color:#d4d0e0;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:500;display:flex}.field.field-inline{flex-direction:row;align-items:center;gap:.55rem}.field.field-inline input[type=checkbox]{width:auto}.field-hint{margin:.35rem 0 0;font-size:.78rem;font-weight:400}.field textarea{font:inherit;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);resize:vertical;border-radius:8px;width:100%;padding:.5rem .7rem}.field textarea:focus{border-color:var(--accent-mid);outline:none;box-shadow:0 0 0 2px #5a1af540}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.topbar h2{font-family:var(--font-display);letter-spacing:.03em;margin:0;font-size:1.35rem;font-weight:400}.muted{color:var(--muted-soft)}.panel{border:1px solid var(--border);border-radius:var(--radius);background:#12121ae6;margin-bottom:1rem;padding:1rem}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.row>*{flex:1;min-width:140px}.row button{flex:0}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.65rem .5rem}th{color:var(--muted-soft);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:600}code,.mono{font-family:var(--mono);font-size:.9em}.login-page{background:radial-gradient(ellipse 70% 50% at 50% -20%, #5a1af566, transparent 55%), radial-gradient(ellipse 50% 40% at 100% 100%, #2c009d59, transparent 50%), var(--dqb-black);place-items:center;min-height:100vh;padding:2rem;display:grid}.login-card{border:1px solid var(--border);text-align:center;background:#12121af2;border-radius:16px;width:min(420px,100%);padding:2.25rem 2rem;box-shadow:0 24px 80px #2c009d59}.login-logo{object-fit:contain;width:88px;height:88px;margin:0 auto 1.25rem;display:block}.login-card h1{font-family:var(--font-display);letter-spacing:.06em;margin:0 0 .35rem;font-size:1.55rem;font-weight:400}.login-tagline{letter-spacing:.22em;text-transform:uppercase;color:var(--accent-soft);margin:0 0 1.25rem;font-size:.72rem;font-weight:600}.google-signin-btn{background:var(--dqb-white);border-color:var(--dqb-white);width:100%;color:var(--dqb-indigo);border-radius:10px;justify-content:center;align-items:center;gap:.7rem;padding:.75rem 1rem;font-weight:600;display:inline-flex}.google-signin-btn:hover{background:var(--dqb-purple);border-color:var(--dqb-purple);color:var(--dqb-white)}.google-signin-btn-icon{flex-shrink:0;width:1.15rem;height:1.15rem}.error{color:var(--danger);margin:.75rem 0}.breadcrumb{color:#c9c5d6;margin-bottom:0;font-size:.85rem;font-weight:500}.breadcrumb:after{content:" /"}.tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.tabs button.active{border-color:var(--accent-mid);color:var(--text);background:#5a1af538}.page-tabs{gap:.35rem;margin-bottom:.85rem;display:flex}.page-tabs button{border-radius:8px;padding:.45rem .85rem}.page-tabs button.active{border-color:var(--accent-mid);color:var(--text);background:#5a1af538}.table-tabs{border-bottom:1px solid var(--border);background:#0c0c128c;flex-shrink:0;align-items:center;gap:0;padding:0 .75rem;display:flex}.table-tabs-actions{align-items:center;margin-left:auto;padding:.45rem 0;display:flex}.table-tabs button[role=tab]{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin:0;padding:.7rem 1rem;font-size:.88rem;font-weight:600;position:relative}.table-tabs button[role=tab]:hover{color:var(--text);background:#5a1af51f;border:none;border-bottom:2px solid #0000}.table-tabs button[role=tab].active{border:none;border-bottom:2px solid var(--accent-mid);color:var(--text);background:#5a1af538}@media (width<=800px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}}