h1{font-size:34px;font-weight:700;text-align:center;margin-bottom:30px}#assistantContainer{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:20px;max-width:1200px;margin:0 auto;padding:20px}.assistant-card{background-color:white;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.1);cursor:pointer;transition:transform 0.3s ease, box-shadow 0.3s ease}.assistant-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,0.15)}.assistant-card img{width:100%;height:150px;-o-object-fit:cover;object-fit:cover}.assistant-card-content{padding:15px}.assistant-card h2{margin:0 0 10px;font-size:18px}.assistant-card p{margin:0;font-size:14px;color:#666}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.8rem;margin-bottom:0.5rem;color:#2c3e50}.page-header .description{color:#666;margin-bottom:1.5rem}.upload-btn{display:inline-flex;align-items:center;padding:0.75rem 1.5rem;background:var(--aisuru-ext-blue);color:var(--aisuru-ext-light);border-radius:6px;text-decoration:none;transition:background 0.2s ease}.upload-btn i{margin-right:0.5rem}.upload-btn:hover{background:#834ba9;color:var(--aisuru-ext-light)}.search-box{background:white;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);margin-bottom:2rem}.search-box .search-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1.5rem}.search-box .field label{display:block;margin-bottom:0.5rem;font-weight:500}.search-box .field input{width:100%;height:38px;padding:0.5rem;border:1px solid #ddd;border-radius:4px;line-height:1;box-sizing:border-box}.search-box .search-actions{display:flex;gap:1rem;align-items:flex-end}.search-box .search-btn{height:38px;padding:0 1.25rem;background:var(--aisuru-ext-blue);color:var(--aisuru-ext-light);border:none;border-radius:4px;cursor:pointer;transition:background 0.2s ease;line-height:38px;box-sizing:border-box}.search-box .search-btn:hover{background:#834ba9}.search-box .reset-btn{height:38px;padding:0 1.25rem;background:var(--aisuru-ext-orange);color:var(--aisuru-ext-light);text-decoration:none;border-radius:4px;transition:background 0.2s ease;line-height:38px;display:inline-flex;align-items:center;box-sizing:border-box}.search-box .reset-btn:hover{background:#da7a08}.users-table{width:100%;background:white;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.users-table th{padding:1rem;background:#f8f9fa;border-bottom:2px solid #dee2e6;text-align:left}.users-table td{padding:1rem;border-bottom:1px solid #dee2e6}.users-table tr:hover{background-color:#f8f9fa}.users-table .table-action{padding:0.5rem;color:#666;margin:0 0.25rem;transition:color 0.2s ease}.users-table .table-action.edit{color:var(--aisuru-ext-blue)}.users-table .table-action.edit:hover{color:#834ba9}.users-table .table-action.delete{color:#e74c3c}.users-table .table-action.delete:hover{color:#d62c1a}.users-table .table-action:hover{color:#333}.failed-status{color:#e74c3c}.success-status{color:#2ecc71}.pending-status{color:#f1c40f}.upload-container{max-width:800px;margin:0 auto;padding:2rem}.form-section{background:white;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.form-section .section-title{font-size:1.2rem;color:var(--aisuru-ext-dark);margin-bottom:1.5rem;padding-bottom:0.5rem;border-bottom:2px solid var(--aisuru-ext-blue)}.file-info-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem}.file-info-grid .info-group{background:#f8f9fa;padding:0.75rem;border-radius:4px}.file-info-grid .info-group label{display:block;font-size:0.9rem;color:#666;margin-bottom:0.25rem}.file-info-grid .info-group .info-field{width:100%;border:none;background:transparent;color:var(--aisuru-ext-dark);font-family:monospace}.form-grid{display:grid;gap:1.5rem}.form-grid .form-group.full-width{grid-column:1 / -1}.form-grid .form-group label{display:block;margin-bottom:0.5rem;color:var(--aisuru-ext-dark);font-weight:500}.form-grid .form-group input,.form-grid .form-group textarea{width:100%;padding:0.75rem;border:1px solid #ddd;border-radius:4px;transition:all 0.3s ease}.form-grid .form-group input:focus,.form-grid .form-group textarea:focus{outline:none;border-color:var(--aisuru-ext-blue);box-shadow:0 0 0 2px rgba(28,152,181,0.1)}.form-grid .form-group textarea{resize:vertical;min-height:80px}.edit-container{max-width:800px;margin:0 auto;padding:2rem}.edit-form .form-section{background:white;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.edit-form .form-section .section-title{font-size:1.2rem;color:var(--aisuru-ext-dark);margin-bottom:1.5rem;padding-bottom:0.5rem;border-bottom:2px solid var(--aisuru-ext-blue)}.edit-form .file-info-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem;background:#f8f9fa;padding:1rem;border-radius:6px}.edit-form .file-info-grid .info-group label{display:block;font-size:0.9rem;color:#666;margin-bottom:0.5rem}.edit-form .file-info-grid .info-group .info-value{font-family:monospace;color:var(--aisuru-ext-dark)}.edit-form .form-grid{display:grid;gap:1.5rem}.edit-form .form-grid .form-group.full-width{grid-column:1 / -1}.edit-form .form-grid .form-group label{display:block;margin-bottom:0.5rem;color:var(--aisuru-ext-dark);font-weight:500}.edit-form .form-grid .form-group .form-input{width:100%;padding:0.75rem;border:1px solid #ddd;border-radius:4px;transition:all 0.3s ease}.edit-form .form-grid .form-group .form-input:focus{outline:none;border-color:var(--aisuru-ext-blue);box-shadow:0 0 0 2px rgba(28,152,181,0.1)}.edit-form .form-grid .form-group textarea.form-input{resize:vertical;min-height:80px}.edit-form .form-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.edit-form .form-actions .save-btn{padding:0.75rem 2rem;background:var(--aisuru-ext-blue);color:white;border:none;border-radius:6px;cursor:pointer;transition:background 0.3s ease}.edit-form .form-actions .save-btn:hover{background:#834ba9}.edit-form .form-actions .cancel-btn{padding:0.75rem 2rem;background:var(--aisuru-ext-orange);color:white;text-decoration:none;border-radius:6px;transition:background 0.3s ease}.edit-form .form-actions .cancel-btn:hover{background:#da7a08}.breadcrumb{background:white;padding:1rem;border-radius:6px;margin-bottom:2rem;box-shadow:0 1px 3px rgba(0,0,0,0.1);display:flex;align-items:center;gap:0.5rem}.breadcrumb .breadcrumb-item{color:var(--aisuru-ext-blue);text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem}.breadcrumb .breadcrumb-item i{font-size:0.9rem}.breadcrumb .breadcrumb-item:hover{color:#834ba9}.breadcrumb .breadcrumb-item.active{color:var(--aisuru-ext-dark);pointer-events:none}.breadcrumb .breadcrumb-separator{color:#666;margin:0 0.25rem}.login-form{width:100%;max-width:400px;margin:20px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:bold}.form-control{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.login-btn{width:100%;padding:10px;background:#e60012;color:white;border:none;border-radius:4px;cursor:pointer}.login-btn:hover{background:#cc0010}:root{--aisuru-ext-blue: #e1241b;--aisuru-ext-orange: #F7941E;--aisuru-ext-dark: #333333;--aisuru-ext-light: #FFFFFF}body,html{margin:0;padding:0;height:100%;font-family:'Roboto', sans-serif;background-color:var(--aisuru-ext-light);color:var(--aisuru-ext-dark);overflow-x:hidden}.hidden{display:none !important}a{text-decoration:none}.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--aisuru-ext-light);padding:20px;box-sizing:border-box}.login-screen .logo{width:100%;max-width:200px}.login-screen form{display:flex;flex-direction:column;width:100%;max-width:300px}.login-screen input{margin-bottom:15px;padding:10px;border:1px solid var(--aisuru-ext-blue);border-radius:5px}.login-screen button{padding:10px;background-color:var(--aisuru-ext-blue);color:var(--aisuru-ext-light);border:none;border-radius:5px;cursor:pointer}.container{display:flex;height:100%;position:relative;overflow-x:hidden}.sidebar{width:250px;padding:12px;background-color:#e1241b;display:flex;flex-direction:column;transition:transform 0.3s ease;position:fixed;top:0;left:0;height:100%;overflow-y:auto;z-index:1000;box-sizing:border-box}.logo{max-width:150px;margin:20px auto;display:block}.action-buttons{display:flex;flex-direction:column;gap:4px;margin-top:12px}.action-btn{display:flex;align-items:center;padding:8px 12px;font-size:0.9rem;color:white;background-color:transparent;border:none;border-radius:8px;cursor:pointer;transition:all 0.2s ease;text-decoration:none;gap:12px}.action-btn:hover{background-color:rgba(255,255,255,0.1);color:white;transform:translateX(5px)}#return-button,#logout-button{margin-top:10px}.main-content{flex-grow:1;flex-direction:column;align-items:center;justify-content:center;padding:20px;transition:all 0.5s ease;margin-left:250px;width:calc(100% - 250px);box-sizing:border-box}.main-content>*{width:100%}.main-content .action-btn{padding:12px 20px;font-size:0.9rem;font-weight:500;color:black;border:1px solid black;border-radius:5px;cursor:pointer;transition:background-color 0.3s ease, color 0.3s ease}.text-end{text-align:right}.ysabel-interface{text-align:center;transition:all 0.5s ease;width:100%}.ysabel-eye{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 30% 30%, var(--aisuru-ext-orange), var(--aisuru-ext-blue));margin:0 auto 20px;position:relative;overflow:hidden}.ysabel-eye::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:40px;height:40px;background-color:var(--aisuru-ext-light);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:translate(-50%, -50%) scale(1)}50%{transform:translate(-50%, -50%) scale(1.2)}100%{transform:translate(-50%, -50%) scale(1)}}.ysabel-title{font-size:3rem;font-weight:700;color:var(--aisuru-ext-blue);margin-bottom:10px}.ysabel-subtitle{font-size:1.2rem;color:var(--aisuru-ext-orange);margin-bottom:30px}.welcome-message{font-size:1.2rem;color:var(--aisuru-ext-blue);margin-bottom:20px}.chat-interface{width:100%;height:100%;display:flex;flex-direction:column;transition:all 0.5s ease}.chat-messages{flex-grow:1;overflow-y:auto;padding:20px;background-color:#f0f0f0;border-radius:10px;margin-bottom:20px}.message{max-width:70%;margin-bottom:15px;padding:10px 15px;border-radius:20px;line-height:1.4}.user-message{background-color:var(--aisuru-ext-blue);color:var(--aisuru-ext-light);align-self:flex-end;margin-left:auto}.ysabel-message{background-color:#e0e0e0;color:var(--aisuru-ext-dark);align-self:flex-start}.chat-input{display:flex;gap:10px}#user-input,#chat-input{width:100%;padding:15px;font-size:1rem;border:2px solid var(--aisuru-ext-blue);border-radius:25px;background-color:var(--aisuru-ext-light)}#user-input{width:50%;box-sizing:border-box}#send-message{padding:10px 20px;background-color:var(--aisuru-ext-blue);color:var(--aisuru-ext-light);border:none;border-radius:25px;cursor:pointer;transition:background-color 0.3s ease}#send-message:hover{background-color:var(--aisuru-ext-orange)}.hamburger-menu{display:none;position:fixed;top:10px;left:10px;z-index:1001;background:none;border:none;font-size:24px;cursor:pointer;color:var(--aisuru-ext-blue)}@media (max-width: 768px){.hamburger-menu{display:block}.container{flex-direction:column}.sidebar{transform:translateX(-100%);width:80%;max-width:250px}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;width:100%;padding-top:60px}.ysabel-title{font-size:2rem}.ysabel-subtitle{font-size:1rem}.ysabel-eye{width:80px;height:80px}.chat-input{flex-direction:column}#chat-input{width:100%;box-sizing:border-box}#user-input{width:70%;box-sizing:border-box}#send-message{width:100%}}.ms-login-btn{background-color:#2F2F2F;color:white;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-family:'Segoe UI', sans-serif;font-size:14px}.ms-login-btn:hover{background-color:#404040}.logout-form{margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1)}.logout-form .action-btn{color:white !important}.logout-form .action-btn:hover{background-color:rgba(255,255,255,0.1);color:white !important}.sidebar-separator{color:rgba(255,255,255,0.8);padding:10px 15px;font-size:0.9em;text-transform:uppercase;letter-spacing:1px}.claude-icon{width:16px;height:16px;position:relative;display:inline-block}.claude-icon::before{content:'';position:absolute;width:100%;height:100%;background:currentColor;-webkit-clip-path:polygon(50% 0%, 61% 10%, 72% 20%, 83% 30%, 94% 40%, 100% 50%, 94% 60%, 83% 70%, 72% 80%, 61% 90%, 50% 100%, 39% 90%, 28% 80%, 17% 70%, 6% 60%, 0% 50%, 6% 40%, 17% 30%, 28% 20%, 39% 10%);clip-path:polygon(50% 0%, 61% 10%, 72% 20%, 83% 30%, 94% 40%, 100% 50%, 94% 60%, 83% 70%, 72% 80%, 61% 90%, 50% 100%, 39% 90%, 28% 80%, 17% 70%, 6% 60%, 0% 50%, 6% 40%, 17% 30%, 28% 20%, 39% 10%)}.main-nav{flex-grow:1;display:flex;flex-direction:column}.action-btn--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none;color:#808080}.action-btn--disabled:hover{background-color:transparent;transform:none}.action-btn--disabled i{color:#808080}.sidebar-icon{width:16px;height:16px;margin-right:8px;vertical-align:middle}*,*::before,*::after{box-sizing:border-box;background-repeat:no-repeat}::before,::after{text-decoration:inherit;vertical-align:inherit}:where(:root){-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;text-rendering:optimizeLegibility}body{font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}html,body{margin:0;padding:0}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}address{font-style:normal}em{font-style:italic}address,blockquote,dl,figure,form,ol,p,pre,table,ul{margin-top:0;margin-bottom:2rem;font-style:normal}@media (prefers-reduced-motion: reduce){*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-delay:0s !important;transition-duration:0s !important}}:where(nav li)::before{content:"\200B";float:left}[aria-controls]{cursor:pointer}[aria-disabled="true"],[disabled]{cursor:not-allowed}[aria-hidden="false"][hidden]{display:initial}[aria-hidden="false"][hidden]:not(:focus){clip:rect(0, 0, 0, 0);position:absolute}a,area,button,input,label,select,summary,textarea,[tabindex]{-ms-touch-action:manipulation}[dir="rtl"]{direction:rtl}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{padding:0;border-style:none}:-moz-focusring{outline:none}:-moz-ui-invalid{box-shadow:none}::-ms-expand{display:none}.sidebar-separator{color:#fff;text-align:left;padding:15px 20px;margin:10px 0;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1);font-size:0.9em;text-transform:uppercase;font-weight:500}.admin-btn{background-color:transparent !important;color:#fff !important}.admin-btn:hover{background-color:rgba(255,255,255,0.1) !important}.users-table{padding:20px;width:100%}.users-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.users-table th,.users-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}.users-table th{background-color:#f8f9fa;font-weight:600}.users-table tr:hover{background-color:#f5f5f5}.action-btn.active{background-color:rgba(255,255,255,0.2) !important;border-left:3px solid #fff}h1{font-size:34px;font-weight:700;text-align:center;margin-bottom:30px}#assistantContainer{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:20px;max-width:1200px;margin:0 auto;padding:20px}.assistant-card{background-color:white;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.1);cursor:pointer;transition:transform 0.3s ease, box-shadow 0.3s ease}.assistant-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,0.15)}.assistant-card img{width:100%;height:150px;-o-object-fit:cover;object-fit:cover}.assistant-card-content{padding:15px}.assistant-card h2{margin:0 0 10px;font-size:18px}.assistant-card p{margin:0;font-size:14px;color:#666}
