fynder_html.py

css_fynder = """<style>
    /* Main styling */
    .main-header {
        font-size: 2.8rem;
        font-weight: bold;
        background: linear-gradient(90deg, #8B0000, #4B0000);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 0.5rem;
        text-align: center;
        padding-top: 1.5rem;
    }
    .side-header {
        font-size: 2.8rem;
        font-weight: bold;
        background: linear-gradient(90deg, #8B0000, #4B0000);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 0.5rem;
        text-align: center;
        padding-top: 1.5rem;
    }
    .sub-header {
        font-size: 1.3rem;
        color: #8B0000;
        margin-bottom: 2rem;
        text-align: center;
        font-weight: 300;
    }
    
    /* PDF viewer - UPDATED TO MEDIUM SIZE */
    .pdf-viewer {
        width: 100%;
        height: 800px; /* Reduced from 800px to medium size */
        border: 1px solid #FFEBEB;
        border-radius: 0.5rem;
        box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    }
    
    /* Results section */
    .results-container {
        padding: 0.5rem 0;
        margin-top: 1rem;
    }
    .result-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.8rem 0;
        margin-bottom: 0.8rem;
        border-bottom: 1px solid #FFEBEB;
        transition: all 0.2s ease;
    }
    
    /* Input field styling - UPDATED WITH ROUNDER CORNERS BUT NO CONTAINER */
    div[data-testid="stTextInput"] label {
        font-weight: 500;
        color: #6B0000;
        font-size: 1.05rem;
    }
    div[data-testid="stTextInput"] input {
        border-radius: 2rem;
        border: 1px solid #DDCCCC;
        padding: 0.75rem 1.5rem;
        box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    }
    div[data-testid="stTextInput"] input:focus {
        border-color: #8B0000;
        box-shadow: 0 0 0 2px rgba(139, 0, 0, 0.2);
    }
    
    /* Button styling */
    .stButton button {
        background: linear-gradient(90deg, #8B0000, #4B0000);
        color: white;
        border-radius: 2rem;
        padding: 0.65rem 1.5rem;
        font-weight: 500;
        border: none;
        box-shadow: 0 2px 4px rgba(0,0,0,0.15);
        height: 2.8rem;
        transition: all 0.2s ease;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-size: 0.9rem;
    }
    .stButton button:hover {
        background: linear-gradient(90deg, #A00000, #600000);
        box-shadow: 0 3px 6px rgba(0,0,0,0.2);
        transform: translateY(-1px);
    }
    
    /* View button styling */
    .view-button button {
        background: white;
        color: #8B0000;
        border: 1px solid #8B0000;
        font-weight: 500;
        box-shadow: none;
        border-radius: 2rem;
    }
    .view-button button:hover {
        background: #FFF9F9;
        box-shadow: 0 2px 4px rgba(139,0,0,0.1);
    }
    
    /* Download button styling */
    .download-btn {
        display: inline-block;
        background: linear-gradient(90deg, #8B0000, #4B0000);
        color: white !important;
        padding: 12px 24px;
        text-align: center;
        text-decoration: none !important; 
        font-weight: 500;
        border-radius: 2rem;
        margin: 15px 0 25px 0;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        transition: all 0.2s ease;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-size: 0.9rem;
    }
    .download-btn:hover {
        background: linear-gradient(90deg, #A00000, #600000);
        box-shadow: 0 4px 8px rgba(0,0,0,0.25);
        transform: translateY(-2px);
    }
    
    /* Status message styling */
    div[data-testid="stAlert"] {
        border-radius: 0.4rem;
        padding: 0.75rem 1rem;
        margin: 1rem 0;
    }
    
    /* Spinner */
    div.stSpinner > div {
        border-color: #8B0000 transparent transparent !important;
    }
    
    /* Subheader styling */
    h3 {
        color: #5B0000;
        margin: 1.5rem 0 1rem 0;
        font-weight: 500;
        border-bottom: 1px solid #FFEBEB;
        padding-bottom: 0.5rem;
    }
    
    /* Caption text */
    .caption-text {
        color: #666;
        font-size: 0.85rem;
        margin-top: 0.3rem;
    }
    
    /* Remove containers and card-like elements */
    div.stForm {
        border: none !important;
        background-color: transparent !important;
        box-shadow: none !important;
    }
    
    /* Remove padding from containers */
    section[data-testid="stVerticalBlock"] {
        padding: 0;

        
    }
</style>
"""