@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0";.nav-drawer{width:360px;height:100vh;background-color:var(--md-sys-color-surface);background-color:var(--md-sys-color-surface-variant);display:flex;flex-direction:column;padding:12px;box-sizing:border-box;position:fixed;left:0;top:0;z-index:1200}.drawer-headline{padding:16px 16px 24px;font:var(--md-sys-typescale-title-small);color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.1em}.drawer-content{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;height:56px;padding:0 16px 0 24px;border-radius:var(--md-sys-shape-corner-full);border:none;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font:var(--md-sys-typescale-label-large);text-decoration:none;transition:all .2s ease;width:100%;text-align:left;outline:none}.nav-item:hover{background-color:var(--md-sys-color-surface-container-high)}.nav-item:focus{background-color:var(--md-sys-color-surface-container-highest)}.nav-item.active{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-weight:600}.nav-icon{margin-right:12px;font-size:24px;display:flex;align-items:center;justify-content:center}.nav-label{flex:1}.version-tag{font:var(--md-sys-typescale-label-small);color:var(--md-sys-color-on-surface-variant);opacity:.8}.dashboard{min-height:100vh;display:flex;background-color:var(--md-sys-color-background)}.sidebar-container{width:360px;flex-shrink:0;background-color:var(--md-sys-color-primary-container);border-right:none}.main-content{flex:1;display:flex;flex-direction:column;width:calc(100% - 360px)}.top-app-bar{height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:var(--md-sys-color-surface);background:var(--md-sys-color-background);color:var(--md-sys-color-on-surface);position:sticky;top:0;z-index:1000}.app-headline{font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface);display:flex;align-items:center;gap:12px}.app-headline .brand-color-dot{width:12px;height:12px;border-radius:50%;background-color:var(--md-sys-color-tertiary)}.search-bar{height:48px;border-radius:24px;background-color:var(--md-sys-color-surface-container-high);display:flex;align-items:center;padding:0 16px;width:480px;transition:background-color .2s}.search-bar:focus-within{background-color:var(--md-sys-color-surface-container-highest);box-shadow:var(--md-sys-elevation-1);outline:2px solid var(--md-sys-color-primary);outline-offset:-2px}.search-icon{color:var(--md-sys-color-on-surface-variant);margin-right:12px}.search-input{border:none;background:transparent;font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface);flex:1;outline:none}.search-input::placeholder{color:var(--md-sys-color-on-surface-variant)}.content-area{padding:24px;display:flex;flex-direction:column;gap:24px;max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box}.fab-create{position:fixed;bottom:32px;right:32px;height:56px;min-width:56px;padding:0 16px;border-radius:16px;background-color:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);border:none;box-shadow:var(--md-sys-elevation-3);display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font:var(--md-sys-typescale-label-large);text-transform:uppercase;transition:box-shadow .2s,transform .2s;z-index:1100}.fab-create:hover{box-shadow:var(--md-sys-elevation-4);filter:brightness(.95)}.md-card{background-color:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-medium);border:none;padding:24px;display:flex;flex-direction:column;gap:16px}.card-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-title{font:var(--md-sys-typescale-headline-small);color:var(--md-sys-color-on-surface)}.card-subtitle{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}@media (max-width: 900px){.dashboard{position:relative}.menu-btn{display:flex!important}}.md-input-container{position:relative;display:flex;flex-direction:column;gap:4px}.md-label{font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant);margin-left:4px}.md-input{height:56px;border-radius:0;border:1px solid var(--md-sys-color-outline);background:transparent;padding:0 16px;font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface);transition:all .2s}.md-input:focus{border-color:var(--md-sys-color-primary);border-width:2px;outline:none;padding:0 15px}.md-input:hover{border-color:var(--md-sys-color-on-surface)}.md-btn{height:40px;padding:0 24px;border-radius:20px;font:var(--md-sys-typescale-label-large);cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.md-btn-filled{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.md-btn-filled:hover{box-shadow:var(--md-sys-elevation-1);opacity:.92}.md-btn-text{background:transparent;color:var(--md-sys-color-primary)}.md-btn-text:hover{background-color:rgba(var(--md-sys-color-primary),.08)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.values-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.checkbox-row{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input{width:20px;height:20px;accent-color:var(--md-sys-color-primary)}.checkbox-label{font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface)}.error-banner{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);padding:16px;border-radius:var(--md-sys-shape-corner-medium);display:flex;flex-direction:column;align-items:center;justify-content:center}.cards-list{display:flex;flex-direction:column;gap:16px;padding-bottom:80px}.key-card{background-color:var(--md-sys-color-surface-container-low);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;transition:transform .2s,box-shadow .2s}.key-card:hover{transform:translateY(-2px);box-shadow:var(--md-sys-elevation-2);background-color:var(--md-sys-color-surface-container)}.key-card-header{display:flex;justify-content:space-between;align-items:flex-start}.key-info{display:flex;flex-direction:column;gap:4px}.key-name-title{font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--md-sys-color-on-surface);word-break:break-all}.tags-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.tag-pill{font:var(--md-sys-typescale-label-small);background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);padding:2px 8px;border-radius:6px}.icon-btn{background:transparent;border:none;color:var(--md-sys-color-outline);cursor:pointer;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.icon-btn:hover{background-color:#0000000d;color:var(--md-sys-color-primary)}.key-card-body{position:relative;display:flex;flex-direction:column}.card-input{width:100%;min-height:48px;padding:12px 16px;border-radius:12px;background-color:var(--md-sys-color-surface);border:1px solid transparent;font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface);outline:none;transition:all .2s;box-sizing:border-box}.card-input:hover{background-color:var(--md-sys-color-surface-container-high)}.card-input:focus{background-color:var(--md-sys-color-surface);border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px var(--md-sys-color-primary-container)}.char-count{position:absolute;bottom:-20px;right:4px;font-size:.75rem;color:var(--md-sys-color-outline)}.tag-editor-area{margin-top:-8px;margin-bottom:8px}.tag-input{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--md-sys-color-primary);font-size:.9rem;outline:none;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}:root{--brand-h: 217;--brand-s: 91%;--brand-l: 60%;--brand-s-muted: calc(var(--brand-s) - 20%);--brand-h-tertiary: calc(var(--brand-h) + 60);--md-sys-color-primary: hsl(var(--brand-h), var(--brand-s), 40%);--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: hsl(var(--brand-h), var(--brand-s), 90%);--md-sys-color-on-primary-container: hsl(var(--brand-h), var(--brand-s), 10%);--md-sys-color-secondary: hsl(var(--brand-h), var(--brand-s-muted), 40%);--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: hsl(var(--brand-h), var(--brand-s-muted), 90%);--md-sys-color-on-secondary-container: hsl(var(--brand-h), var(--brand-s-muted), 10%);--md-sys-color-tertiary: hsl(var(--brand-h-tertiary), var(--brand-s), 40%);--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: hsl(var(--brand-h-tertiary), var(--brand-s), 90%);--md-sys-color-on-tertiary-container: hsl(var(--brand-h-tertiary), var(--brand-s), 10%);--md-sys-color-error: #ba1a1a;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #ffdad6;--md-sys-color-on-error-container: #410002;--md-sys-color-background: hsl(var(--brand-h), 15%, 98%);--md-sys-color-on-background: #1c1b1f;--md-sys-color-surface: hsl(var(--brand-h), 15%, 98%);--md-sys-color-on-surface: #1c1b1f;--md-sys-color-surface-container-low: hsl(var(--brand-h), 20%, 96%);--md-sys-color-surface-container: hsl(var(--brand-h), 20%, 94%);--md-sys-color-surface-container-high: hsl(var(--brand-h), 20%, 92%);--md-sys-color-surface-variant: hsl(var(--brand-h), 10%, 90%);--md-sys-color-on-surface-variant: hsl(var(--brand-h), 10%, 30%);--md-sys-color-outline: hsl(var(--brand-h), 10%, 50%);--md-sys-color-outline-variant: hsl(var(--brand-h), 10%, 80%);--md-sys-typescale-display-large: 400 57px/64px "Outfit", sans-serif;--md-sys-typescale-display-medium: 400 45px/52px "Outfit", sans-serif;--md-sys-typescale-display-small: 400 36px/44px "Outfit", sans-serif;--md-sys-typescale-headline-large: 400 32px/40px "Outfit", sans-serif;--md-sys-typescale-headline-medium: 400 28px/36px "Outfit", sans-serif;--md-sys-typescale-headline-small: 400 24px/32px "Outfit", sans-serif;--md-sys-typescale-title-large: 400 22px/28px "Outfit", sans-serif;--md-sys-typescale-title-medium: 500 16px/24px "Outfit", sans-serif;--md-sys-typescale-title-small: 500 14px/20px "Outfit", sans-serif;--md-sys-typescale-label-large: 500 14px/20px "Outfit", sans-serif;--md-sys-typescale-label-medium: 500 12px/16px "Outfit", sans-serif;--md-sys-typescale-label-small: 500 11px/16px "Outfit", sans-serif;--md-sys-typescale-body-large: 400 16px/24px "Outfit", sans-serif;--md-sys-typescale-body-medium: 400 14px/20px "Outfit", sans-serif;--md-sys-typescale-body-small: 400 12px/16px "Outfit", sans-serif;--md-sys-shape-corner-extra-small: 0px;--md-sys-shape-corner-small: 0px;--md-sys-shape-corner-medium: 0px;--md-sys-shape-corner-large: 0px;--md-sys-shape-corner-extra-large: 0px;--md-sys-shape-corner-full: 0px;--md-sys-elevation-0: none;--md-sys-elevation-1: 0px 1px 2px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15);--md-sys-elevation-2: 0px 1px 2px rgba(0, 0, 0, .3), 0px 2px 6px 2px rgba(0, 0, 0, .15);--md-sys-elevation-3: 0px 1px 3px rgba(0, 0, 0, .3), 0px 4px 8px 3px rgba(0, 0, 0, .15);--md-sys-elevation-4: 0px 2px 3px rgba(0, 0, 0, .3), 0px 6px 10px 4px rgba(0, 0, 0, .15);--md-sys-elevation-5: 0px 4px 4px rgba(0, 0, 0, .3), 0px 8px 12px 6px rgba(0, 0, 0, .15)}body{background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);font:var(--md-sys-typescale-body-large);margin:0;-webkit-font-smoothing:antialiased}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr}